#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

#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

#css

Как я запомнил свойства CSS Grid

https://zellwk.com/blog/remember-css-grid-properties/

Создание фул-стэк приложений с помощью Angular CLI и Nx

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

perfume.js — JavaScript библиотека для измерения First (Contentful) Paint, Time to Interactive и First Input Delay.

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/

#react

OOP и RxJS: управление состоянием в React с помощью Akita

https://engineering.datorama.com/oop-and-rxjs-managing-state-in-react-with-akita-de981e09307

#вакансия #работа #удалёнка #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

#web

Шпаргалка по Accessibility

https://moritzgiessmann.de/accessibility-cheatsheet/

#video

Видеоблог Вадима Макеева 5. Политех, магический JPEG, ненужная форма и object-fit на SVG , 6. Погружение в object-fit: cover с полифилом и без

https://www.youtube.com/watch?v=aZJMOVpMhtc