Как вы там? Не выходите гулять? Правильно, оставайтесь дома и учитесь!
⠀
Собрала вам ресурсы для изучения фронтенда, чтобы не скучать на этой неделе.
⠀
1️⃣ Книги
⠀
📚 CSS
- CSS для профи, Кит Грант
- CSS Secrets, Lea Verou
- CSS: The Definitive Guide, Eric A. Meyer & Estelle Weyl
- Pro CSS and HTML Design Pattern, Michael Bowers
📚 JS
- JavaScript. Сильные стороны, Д. Крокфорд
- JavaScript. Подробное руководство, Дэвид Флэнаган
- Выразительный JavaScript. Современное веб-программирование, Хавербеке Марейн
- ES6 и не только, Кайл Симпсон
- JavaScript. Оптимизация производительности, Николас Закас
⠀
📚 Общее
⠀
- Чистый код. Создание, анализ и рефакторинг, Роберт Мартин
- Рефакторинг: улучшение проекта существующего кода, Мартин Фаулер
⠀
2️⃣ Тренажеры
⠀
📎 Задачки и теория
codecademy.comlearn.javascript.ru - задачки в конце глав
learn-html.orgnodeschool.iohtmlacademy.ru/courses/basic-html-css⠀
📎 Подготовка к собеседованиям
interviewbit.comleetcode.com⠀
📎 Алгоритмы
e-maxx.ruВизуализация алгоритмов
tproger.ru/digest/8-algorithm-visualizers
⠀
3️⃣ Игры
⠀
🎮 git
LearnGitBranching⠀
🎮 JS
CodeWarsCodeCombatHackerRankUntrustedCodinGame⠀
🎮 CSS
CSS Grid GardenGrid CrittersFlexbox ZombiesCSS DinnerFlexbox DefenseFlexbox FroggyHexinvaders⠀
4️⃣ Примеры проектов
⠀
Лучший способ набить руку - написать свой проект. Тут можно найти примеры и повторить самим:
⠀
✏️
Real world example apps - репозиторий на гитхабе с кучей примеров на разных стеках
⠀
✏️
reactjs.org Example Projects - примеры проектов на React, можно найти аналогичные для других библиотек и фреймворков
⠀
✏️
MunGell / awesome-for-beginners - репозиторий с опенсурс проектами, рассчитанными на новичков
⠀
✏️
codepen - источник вдохновения, много крутый маленьких примеров
⠀
5️⃣ Новостные и образовательные ресурсы
⠀
Проекты: Javascript Ninja, For Web, Webstandads, Loftblog, Технострим Mail.Ru Group
⠀
Подкасты: Frontend Weekend, Webstandards, Девшахта, Podlodka.
Вот тут можно послушать
мое интервью для FrontendWeekend
⠀
Оставайтесь дома и тратьте время с пользой 🙏