#angular

Как использовать анимации в Angular 6

https://medium.freecodecamp.org/how-to-use-animation-with-angular-6-675b19bc3496

#css

Создание гибких лейаутов с помощью Flexbox

https://www.sitepoint.com/creating-flexible-layouts-with-flexbox/

#js

Создаём простую игру на Vanilla JS

https://tproger.ru/translations/memory-game-vanilla-js/

#css

Наиболее распространенные варианты использования Flexbox

https://www.smashingmagazine.com/2018/10/flexbox-use-cases/

#react

Миграция с Angular на React

https://medium.com/hoopeez/the-deep-dive-migration-from-angular-to-react-ea5a807e95eb

#web

Как мы сделали доступным меню в Basecamp 3

https://m.signalvnoise.com/the-next-big-jump-in-basecamp-accessibility-a2119c08309e

#js

Объяснение функционального программирования в JavaScript: Fusion & Transduction

https://scotch.io/tutorials/javascript-functional-programming-explained-fusion-transduction

#angular

На что обратить внимание при переходе с AngularJS на Angular 2.0+

https://medium.com/@simbasagwete/what-to-consider-when-upgrading-from-angularjs-to-angular-2-0-24e69fcefded

#preact

Как создать PWA игру за 5 шагов используя Preact

https://hackernoon.com/how-to-create-a-pwa-game-using-preact-in-5-steps-tutorial-c8b177037c80

#вакансия

JavaScript Frontend Developer

Привет! Мы — "Вторстор" — корпоративный стартап крупнейшей нефтехимической компании, который будет решать проблемы экологии и вторичной переработки мусора.

Мы Разрабатываем B2B/B2C маркетплейс - молодой рынок с огромным потенциалом.
Команда по бэку (Lead) и дизайну сформирована - выходцы из Альфалаб.

Ищем Front End разработчика. Ждем, что ты дособерешь команду и раскрутишь фронт маркетплейса

Стек: JavaScript, React.js/AngularJS

📌 Москва
Офис ст. метро Калужская

💻 MacBook Pro '15 2018 года
ЗП: 120-180 тыс.руб/мес

🔖 Подробнее: https://hh.ru/vacancy/27995965

Откликаться в телеграм @ekbainova

#web

Что происходит при создании контейнера Flexbox?

https://habr.com/post/424419/

#css

Двигаем фон вместе с курсором мыши

https://css-tricks.com/moving-backgrounds-with-mouse-position/

#react

Разработка React-приложений с использованием ReasonReact

https://habr.com/company/ruvds/blog/424965/

#web

Обнаружены фишинговые формы, подписанные сертификатами Cloudflare и Microsoft

https://xakep.ru/2018/10/05/cloudflare-phishing/

#web

Почему каждый начинающий разработчик фронтенда должен знать о шаблоне «издатель-подписчик»? AKA: как понимать асинхронный JS код наименее болезненным способом

https://itnext.io/why-every-beginner-front-end-developer-should-know-publish-subscribe-pattern-72a12cd68d44

#react

Тестирование компонентов в React: что и как тестировать с помощью Jest и Enzyme

https://medium.freecodecamp.org/components-testing-in-react-what-and-how-to-test-with-jest-and-enzyme-7c1cace99de5

#css

Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 2

https://medium.com/@fuladuf/how-i-organize-css-in-large-projects-using-ufocss-part-2-68786ff41749

Изучаем Drag and Drop в новом Angular Material CDK

https://blog.angularindepth.com/exploring-drag-and-drop-with-the-angular-material-cdk-2e0237857290

Используем fetch()

Не так давно мы использовали 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

#vue

Юнит-тестирование вашего первого компонента на 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