Хочу стать frontend разработчиком: базовые знания и план обучения

https://tproger.ru/curriculum/intro-to-frontend-development/

Исследование солнечной системы на CSS

https://codepen.io/jcoulterdesign/full/ZxXbeP/

Представлена утилита DeepCode для нахождения и исправления ошибок в коде

https://tproger.ru/news/deepcode-fix-code/

Расширения VS Code, облегчающие написание кода JS разработчикам и делающие их счастливее

https://hackernoon.com/vs-code-extensions-for-happier-javascript-coding-e258f72dd9c1

Заметка о производительной анимации и о скрытых проблемах will-change

https://dassur.ma/things/forcing-layers/

Особенности соответствия требованиям GDPR для WordPress пользователей

https://oddstyle.ru/wordpress-2/stati-wordpress/osobennosti-sootvetstviya-trebovaniyam-gdpr-dlya-wordpress-polzovatelej.html

Анимация для перехода по страницам, которая ощущается нативной

https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web/

Краткая история JavaScript, видео от Brendan Eich (создателя JavaScript)

https://www.youtube.com/watch?v=qKJP93dWn40&feature=youtu.be

6 необходимы инструментов, которые сделают релиз, версионирование и поддержку ваших npm модулей

https://hackernoon.com/these-6-essential-tools-will-maintain-your-npm-modules-for-you-4cbbee88e0cb

Инспектируем доступность писем в Firefox

https://www.rodriguezcommaj.com/blog/inspecting-email-accessibility-in-firefox

Стилизация и анимация элемента Progress

https://snook.ca/archives/html_and_css/animating-progress

Case study: анализ производительности сайта Walmart

https://iamakulov.com/notes/walmart/

HTML Email и Accessibility

https://css-tricks.com/html-email-accessibility/

Как работает JS: анимация средствами CSS и JavaScript

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

#вакансия

Вакансия: #javascript #vue #middle
Компания: #postradar
Локация: #питер #спб
З/п: от 60 000 на руки
Контакты: @alexmorbo

PostRadar - компания, которая занимается разработкой софта в направлении электронной коммерции.

Мы ищем талантливого и целеустремленного специалиста с сильным техническим бэкграундом и высоким уровнем ответственности.

📌 От кандидата мы ожидаем знания по следующим пунктам:
- ES6+
- Webpack
- Vue
- REST и WebSocket
- опыт разработки на Node будет вашим преимуществом
- Ключевые навыки: JavaScript, jQuery, CSS3, Git, Ajax, HTML, HTML5, Bootstrap, AngularJS, Backbone, Vue

📌Задачи:
- разработка кабинетов пользователей в проектах компании
- поддержка фронтенда существующих проектов

📌Взамен мы Вам предлагаем:

- График работы: 5/2
- Команда опытных специалистов
- Возможность карьерного и материального роста по результатам работы
- Офис в недалеко от метро (5 минут от метро Балтийская)
- Интересные задачи по разработке и проектированию

Многоликий this

Если вы решили начать изучать JS не с фреймворков, то вам стоит ближе познакомиться с this.

this - это контекст выполнения функций в JS. Он позволяет нам обращаться к объекту, в контектсе которого вызвана фунция.
Мы можем менять контекст выполнения с помощью функций apply, call и bind.

Подробнее о работе с this можно почитать в коротком переводе статьи Michał Witkowski "The many faces of this in js": https://bit.ly/2FGHUfq

Оптимизация стилей от разработчиков Linkedin: опенсорсные проекты CSS Blocks для компонентов стилей и OptiCSS для их оптимизации

https://engineering.linkedin.com/blog/2018/04/css-at-scale--linkedins-new-open-source-projects-take-on-stylesh

Заметка о работе над доступностью сайта reddit

https://www.reddit.com/r/redesign/comments/8f367j/an_accessibility_review_of_the_top_bar/

Креативный эффект для кнопок, позволяющий разложить их на мелкие частицы

https://tympanus.net/codrops/2018/04/25/particle-effects-for-buttons/

Mozilla открыла доступ к Hubs: социальная сеть в виртуальной реальности

https://tproger.ru/news/mozilla-hubs/

Новая версия браузера Google Chrome Canary демонстрирует грядущее обновление дизайна в стиле Material Design 2

https://itc.ua/news/novaya-versiya-brauzera-google-chrome-canary-demonstriruet-gryadushhee-obnovlenie-dizayna-v-stile-material-design-2/