Фронт-энд разработчик (с англ. «front-end developer») — это программист, занимающийся разработкой пользовательского интерфейса, то есть внешней публичной части сайта в браузере. Главная задача фронт-энд разработчика — сделать максимально удобным взаимодействие пользователей с сайтом или веб-приложением.
- Английский язык
- Общие навыки разработчика
- HTML
- CSS
- JavaScript
- Работа с графикой
- Инструменты производительности
- Менеджеры пакетов
- CSS – препроцессоры
- CSS – фреймворки и библиотеки
- CSS - методологии
- Шаблонизаторы / HTML - препроцессоры
- Менеджеры задач
- Линтеры и форматтеры
- Сборщики модулей
- JavaScript – препроцессоры
- JavaScript – фреймворки и библиотеки
- Тестирование – фреймворки, библиотеки и инструменты
- Методологии разработки
- Полезные ссылки
- Полиглот 16 с Петровым
- Duolingo
- Lingualeo
- Puzzle English
- Memrise
- Busuu
- Lang-8
- w2mem
- Skyeng
- EnglishDom
- HelloTalk
- EnglishSpeak
- Ororo TV
- Anki
- BBC – Learning English
- Grammarly
- Rosetta Stone
- engVid
-
Браузеры
- На движке Blink
- На движке Webkit
- На движке Gecko
- На движке EdgeHTML
- На движке Trident
-
Текстовые редакторы и интегрированные среды разработки
- WebStorm
- Visual Studio Code
- Sublime Text 3
- Atom
- Brackets
- Notapad++
- Плагин ускоряющий написание разметки и стилей
-
Графические редакторы
-
Инструменты разработчика в браузере
-
Использование терминала
-
Веб-сервисы для хостинга проектов и их совместной разработки
-
Основы
-
- Секреты использования семантической верстки в HTML5
- Семантическая вёрстка. Часть первая
и Семантическая вёрстка. Часть вторая
- Искусство семантики HTML, часть 1
- Подстраховка web-доступности семантических областей HTML5 через роли WAI-ARIA
- Пишем HTML, не забывая о доступности
- Доступность с клавиатуры, используя HTML и CSS
- Доступность
- Доступность веб‑страницы
- Полезные правила доступности, которые останутся в памяти
- Секреты использования семантической верстки в HTML5
-
Шпаргалки
-
Основы
- Самоучитель CSS
- CSS3
- CSS - CSS3
- CSS Tutorial
- CSS specifications
- Слова, часто используемые в CSS-классах
- ПРАВИЛА ХОРОШЕГО ТОНА
- Хорошие и плохие CSS-практики для начинающих
- Все способы вертикального выравнивания в CSS
- 30 CSS-селекторов, которые вы должны знать
- Исчерпывающее руководство по псевдоэлементам и псевдоклассам в CSS
- CSS Diner - Where we feast on CSS Selectors
- Пишем CSS, не забывая о доступности
- Никто не знает CSS: специфичность — не каскад
- Самоучитель CSS
-
Единицы измерения
-
Flexbox & CSS Grid
-
Медиа запросы
-
Анимации и эффекты, преходы и трансформации
-
Шпаргалки
-
Основы
-
Fetch API & AJAX(XHR)
-
ES6+ и модули JavaScript
- Шпаргалка по современному JavaScript
- ES6, ES8, ES2017: что такое ECMAScript и чем это отличается от JavaScript
- Обзор новшеств ECMAScript 2016, 2017, и 2018 с примерами
- What’s coming to Javascript (ES7 + ES8)
- Глубокое погружение в ES-модули в картинках
- JavaScript модули. Руководство для начинающих.
- ECMAScript compatibility tables
- Шпаргалка по современному JavaScript
-
Шпаргалки
- Форматы изображений
- Оптимизация изображений
- Оптимизация графики для веба: самое важное
- SVG в вебе - практическое руководство
- SVG-спрайты
- Оформление содержимого в SVG с помощью CSS
- Оптимизация производительности фронтенда
- Как ускорить загрузку сайта
- PageSpeed Insights
- WebPageTest
- Test your mobile speed
-
Фреймворки
-
Библиотеки
-
Фреймворки
-
Библиотеки
- React
- jQuery
- Backbone
- D3
- Chart
- Three
- Polymer
- Lodash
- Bounce
- Velocity
- Anime
- Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 1
- Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 2
- Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 3
- Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 4
- Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 1
-
Фреймворки
-
Библиотеки
-
Интрументы