#вакансия
JavaScript Frontend Developer
Привет! Мы — "Вторстор" — корпоративный стартап крупнейшей нефтехимической компании, который будет решать проблемы экологии и вторичной переработки мусора.
Мы Разрабатываем B2B/B2C маркетплейс - молодой рынок с огромным потенциалом.
Команда по бэку (Lead) и дизайну сформирована - выходцы из Альфалаб.
Ищем Front End разработчика. Ждем, что ты дособерешь команду и раскрутишь фронт маркетплейса
Стек: JavaScript, React.js/AngularJS
📌 Москва
Офис ст. метро Калужская
💻 MacBook Pro '15 2018 года
ЗП: 120-180 тыс.руб/мес
🔖 Подробнее: https://hh.ru/vacancy/27995965
Откликаться в телеграм @ekbainova
  
  JavaScript Frontend Developer
Привет! Мы — "Вторстор" — корпоративный стартап крупнейшей нефтехимической компании, который будет решать проблемы экологии и вторичной переработки мусора.
Мы Разрабатываем B2B/B2C маркетплейс - молодой рынок с огромным потенциалом.
Команда по бэку (Lead) и дизайну сформирована - выходцы из Альфалаб.
Ищем Front End разработчика. Ждем, что ты дособерешь команду и раскрутишь фронт маркетплейса
Стек: JavaScript, React.js/AngularJS
📌 Москва
Офис ст. метро Калужская
💻 MacBook Pro '15 2018 года
ЗП: 120-180 тыс.руб/мес
🔖 Подробнее: https://hh.ru/vacancy/27995965
Откликаться в телеграм @ekbainova
hh.ru
  
  Вакансия Lead JavaScript-разработчик в Москве, работа в компании Сибур (вакансия в архиве c 2 ноября 2018)
  Зарплата: не указана. Москва. Требуемый опыт: 3–6 лет. Полная занятость. Дата публикации: 03.10.2018.
  #css
Двигаем фон вместе с курсором мыши
https://css-tricks.com/moving-backgrounds-with-mouse-position/
  
  Двигаем фон вместе с курсором мыши
https://css-tricks.com/moving-backgrounds-with-mouse-position/
CSS-Tricks
  
  Moving Backgrounds With Mouse Position | CSS-Tricks
  Let's say you wanted to move the background-position on an element as you mouse over it to give the design a little pizzazz. You have an element like this:
  #react
Разработка React-приложений с использованием ReasonReact
https://habr.com/company/ruvds/blog/424965/
  
  Разработка React-приложений с использованием ReasonReact
https://habr.com/company/ruvds/blog/424965/
Хабр
  
  Разработка React-приложений с использованием ReasonReact
  Вы применяете React для создания пользовательских интерфейсов? Автор материала, перевод которого мы публикуем, говорит, что он тоже работает с React. Здесь он хо...
  #web
Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft
https://xakep.ru/2018/10/05/cloudflare-phishing/
  
  Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft
https://xakep.ru/2018/10/05/cloudflare-phishing/
XAKEP
  
  Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft
  Трюк позволяет злоумышленникам показывать валидные сертификаты Cloudflare и Microsoft, чтобы собирать данные.
  #web
Почему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом
https://itnext.io/why-every-beginner-front-end-developer-should-know-publish-subscribe-pattern-72a12cd68d44
  
  Почему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом
https://itnext.io/why-every-beginner-front-end-developer-should-know-publish-subscribe-pattern-72a12cd68d44
Medium
  
  Why every beginner front-end developer should know publish-subscribe pattern?
  AKA: How to implement asynchronous code in a less painful way.
  #react
Тестирование компонентов в React: что и как тестировать с помощью Jest и Enzyme
https://medium.freecodecamp.org/components-testing-in-react-what-and-how-to-test-with-jest-and-enzyme-7c1cace99de5
  
  Тестирование компонентов в React: что и как тестировать с помощью Jest и Enzyme
https://medium.freecodecamp.org/components-testing-in-react-what-and-how-to-test-with-jest-and-enzyme-7c1cace99de5
freeCodeCamp.org
  
  JavaScript - freeCodeCamp.org
  Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice.
  #css
Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 2
https://medium.com/@fuladuf/how-i-organize-css-in-large-projects-using-ufocss-part-2-68786ff41749
  
  Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 2
https://medium.com/@fuladuf/how-i-organize-css-in-large-projects-using-ufocss-part-2-68786ff41749
Medium
  
  How I organize CSS in large projects using UFOCSS — Part 2
  Naming convention
  Изучаем Drag and Drop в новом Angular Material CDK 
https://blog.angularindepth.com/exploring-drag-and-drop-with-the-angular-material-cdk-2e0237857290
  https://blog.angularindepth.com/exploring-drag-and-drop-with-the-angular-material-cdk-2e0237857290
Используем fetch()
Не так давно мы использовали XMLHttpRequest для запросов к серверу. В чистом виде, думаю, мало кто его юзал, ведь есть axios, например.
Теперь в браузерах появилась поддержка fetch (все браузеры кроме IE).
Fetch использует Promise и позволяет использовать более чистое и декларативное API.
Синтаксис fetch
Свойства options:
method – метод запроса,
headers – заголовки запроса,
body – тело запроса: FormData, Blob, строка и т.п,
mode – одно из: «same-origin», «no-cors», «cors»,
credentials – одно из: «omit», «same-origin», «include»,
cache – одно из «default», «no-store», «reload», «no-cache», «force-cache», «only-if-cached»
Одним из преимуществ fetch является возможность преобразования формата response:
а также простой доступ к полям response - headers, status и пр.
Пример выполнения запроса:
Более подробно с fetch можно ознакомиться в статье - https://bit.ly/2EkjWuO
  
  Не так давно мы использовали XMLHttpRequest для запросов к серверу. В чистом виде, думаю, мало кто его юзал, ведь есть axios, например.
Теперь в браузерах появилась поддержка fetch (все браузеры кроме IE).
Fetch использует Promise и позволяет использовать более чистое и декларативное API.
Синтаксис fetch
let promise = fetch(url[, options]);
Свойства options:
method – метод запроса,
headers – заголовки запроса,
body – тело запроса: FormData, Blob, строка и т.п,
mode – одно из: «same-origin», «no-cors», «cors»,
credentials – одно из: «omit», «same-origin», «include»,
cache – одно из «default», «no-store», «reload», «no-cache», «force-cache», «only-if-cached»
Одним из преимуществ fetch является возможность преобразования формата response:
response.formData()
response.json()
response.text()
а также простой доступ к полям response - headers, status и пр.
Пример выполнения запроса:
  .then(function(response) {
    console.log(response.status);
    return response.json();
   })Более подробно с fetch можно ознакомиться в статье - https://bit.ly/2EkjWuO
Jem Space
  
  Практическое ES6 руководство, о том, как сделать HTTP запрос с помощью Fetch API
  В этом руководстве я покажу вам, как использовать API-интерфейс Fetch (ES6 +) для выполнения HTTP-запросов к REST API с некоторыми практическими кейсами, с которыми вы, скорее всего, столкнетесь. Хотите быстро просмотреть HTTP примеры? Перейдите к разделу…
  #vue
Юнит-тестирование вашего первого компонента на Vue.js
https://frontstuff.io/unit-test-your-first-vuejs-component
  Юнит-тестирование вашего первого компонента на Vue.js
https://frontstuff.io/unit-test-your-first-vuejs-component
Эти основы React, которые вы пропустили, могут быть убийственны для вас
https://medium.freecodecamp.org/these-react-fundamentals-you-skip-may-be-killing-you-7629fb87dd4a
  
  https://medium.freecodecamp.org/these-react-fundamentals-you-skip-may-be-killing-you-7629fb87dd4a
freeCodeCamp.org
  
  These React Fundamentals You Skip may be Killing You
  Often times, the inability to debug a certain error stems from not understanding some foundational concept. You can say the same thing if you don’t understand some more advanced concepts because you lack the knowledge of certain fundamentals. In this article…
  #vue
Радость создания Vue приложений на Typescript — часть 1: Vue Class Components
https://medium.com/coding-blocks/the-joy-of-building-vue-apps-in-typescript-part-1-vue-class-components-8291bb6213d8
  
  Радость создания Vue приложений на Typescript — часть 1: Vue Class Components
https://medium.com/coding-blocks/the-joy-of-building-vue-apps-in-typescript-part-1-vue-class-components-8291bb6213d8
Medium
  
  The joy of building Vue apps in Typescript — Part 1: Vue Class Components
  It is more than just a bit of type-safety and autocomplete here and there
  Создание фул-стэк приложений с помощью Angular CLI и Nx
https://blog.nrwl.io/building-full-stack-applications-using-angular-cli-and-nx-5eff205248f1
  https://blog.nrwl.io/building-full-stack-applications-using-angular-cli-and-nx-5eff205248f1
12 компаний, которые используют Vue.js в разработке своих приложений
https://naturaily.com/blog/companies-vue-js-applications
  https://naturaily.com/blog/companies-vue-js-applications
perfume.js  — JavaScript библиотека для измерения First (Contentful) Paint, Time to Interactive и First Input Delay.
https://github.com/Zizzamia/perfume.js
  https://github.com/Zizzamia/perfume.js
Вызовы между JS и WebAssembly наконец стали быстрыми в Firefox
https://hacks.mozilla.org/2018/10/calls-between-javascript-and-webassembly-are-finally-fast-%F0%9F%8E%89/
  
  https://hacks.mozilla.org/2018/10/calls-between-javascript-and-webassembly-are-finally-fast-%F0%9F%8E%89/
Mozilla Hacks – the Web developer blog
  
  Calls between JavaScript and WebAssembly are finally fast 🎉
  At Mozilla, we want WebAssembly to be as fast as it can be. This started with its design, which gives it great throughput. Then we improved load times with a ...
  #react
OOP и RxJS: управление состоянием в React с помощью Akita
https://engineering.datorama.com/oop-and-rxjs-managing-state-in-react-with-akita-de981e09307
  
  OOP и RxJS: управление состоянием в React с помощью Akita
https://engineering.datorama.com/oop-and-rxjs-managing-state-in-react-with-akita-de981e09307
Medium
  
  OOP and RxJS: Managing State in React with Akita
  
  #вакансия #работа  #удалёнка #remote #fulltime #js #javascript #frontend #анимация 
Привет!
Ищем Creative front-end developer в команду веб-разработки “Девять линий” ninelines.agency
Наша специализация:
Субподрядная Frontend-разработка и интеграция на CMS для дизайн-агентств. Специфика проектов - HTML-верстка с акцентом на анимацию, интерактив и JS-эффекты.
Задачи:
▪️Верстка макетов по ТЗ (PSD, Sketch, Figma)
▪️Разработка проектов с визуальными эффектами на JavaScript (в среднем в 50% проекта от его общего объема нужно будет использовать JS)
Приветствуем готовность заниматься задачами контроля качества
Примеры проектов можно посмотреть в портфолио: https://ninelines.agency/projects
Информация о стеке технологий находится в регламенте: github.com/ninelines-team/ninelines-docs и сборке: github.com/ninelines-team/ninelines-template
Стандарты качества описаны в чек-листе: gist.github.com/beliarh/57c4f1c268e90125e3f400ee41bc4963
Что мы ожидаем от вас?
✔️От 2-х лет коммерческого опыта адаптивной и кроссбраузерной верстки
✔️Умение писать чистый, валидный и поддерживаемый код
✔️Отличное владение HTML, CSS, JavaScript, jQuery, SCSS, GULP, GIT, БЭМ
✔️Интерес к качеству и опыт плотной работы с тестировщиком или самостоятельного тестирования проектов
✔️Опыт рефакторинга / ревью кода
Условия:
✔️Работа в опытной команде с узкой Front-end специализацией
✔️Формат работы: #удаленка
✔️Занятость: полная
✔️Зп: по результатам собеседования, от 40-50 тыс. рублей в месяц
✔️Перспективы роста во Frontend teamlead
✔️Праздники и отпуск по ТК РФ
Контакты:
hr Ирина Добровольская
@irinadobrovolskaya24
[email protected]
Подробнее о вакансии: https://moikrug.ru/vacancies/1000043629
  
  Привет!
Ищем Creative front-end developer в команду веб-разработки “Девять линий” ninelines.agency
Наша специализация:
Субподрядная Frontend-разработка и интеграция на CMS для дизайн-агентств. Специфика проектов - HTML-верстка с акцентом на анимацию, интерактив и JS-эффекты.
Задачи:
▪️Верстка макетов по ТЗ (PSD, Sketch, Figma)
▪️Разработка проектов с визуальными эффектами на JavaScript (в среднем в 50% проекта от его общего объема нужно будет использовать JS)
Приветствуем готовность заниматься задачами контроля качества
Примеры проектов можно посмотреть в портфолио: https://ninelines.agency/projects
Информация о стеке технологий находится в регламенте: github.com/ninelines-team/ninelines-docs и сборке: github.com/ninelines-team/ninelines-template
Стандарты качества описаны в чек-листе: gist.github.com/beliarh/57c4f1c268e90125e3f400ee41bc4963
Что мы ожидаем от вас?
✔️От 2-х лет коммерческого опыта адаптивной и кроссбраузерной верстки
✔️Умение писать чистый, валидный и поддерживаемый код
✔️Отличное владение HTML, CSS, JavaScript, jQuery, SCSS, GULP, GIT, БЭМ
✔️Интерес к качеству и опыт плотной работы с тестировщиком или самостоятельного тестирования проектов
✔️Опыт рефакторинга / ревью кода
Условия:
✔️Работа в опытной команде с узкой Front-end специализацией
✔️Формат работы: #удаленка
✔️Занятость: полная
✔️Зп: по результатам собеседования, от 40-50 тыс. рублей в месяц
✔️Перспективы роста во Frontend teamlead
✔️Праздники и отпуск по ТК РФ
Контакты:
hr Ирина Добровольская
@irinadobrovolskaya24
[email protected]
Подробнее о вакансии: https://moikrug.ru/vacancies/1000043629
ninelines.agency
  
  Команда веб-разработки «Девять линий»
  Frontend-разработка и интеграция на CMS для медиа и дизайн-агентств