50 полезных материалов для junior Frontend-разработчиков
Записи докладов, расширения для Chrome, книги, статьи и Youtube-каналы. Подборка от Учебного центра Maxima.
📚 Книги
- JavaScript for Kids: A Playful Introduction to Programming. Гайд для тех, кто устал от тяжёлой литературы.
- “Изучаем программирование на HTML5”, Э. Робсон, Э. Фримен.
- “Паттерны для js приложений”, Э. Османи
- “The Pragmatic Programmer”, Э. Хант, Д. Томас
💻 Мини-курсы, ТГ-каналы и гайды
- Введение в HTML от freecodecamp на английском.
- Введение в CSS от freecodecamp на английском.
- The Valley of Code, HTML. Руководство пригодится тем, кто только изучает HTML, и тем, кто продолжает погружение в тему.
- Frontend — введение в профессию
- Учебник по JS
- Дорожная карта фронтенд-разработчика
- Большой архив документации (JS, HTML, CSS)
- CSS-лайфхаки
- Веб-разработка для начинающих: HTML и CSS
- Основы HTML и CSS
- Тренажер по вёрстке
- JavaScript. Задачник
- Руководство по Jira
- Как научить людей использовать Git
- ТГ-канал Ивана Акулова про разработку (JS, React)
- ТГ-канал с JS-задачками, которые встречаются на собеседованиях
📎 Доклады с конференций и видеоуроки
- Хорошие практики современного фронтенда
- Как выстроить эффективное взаимодействие между дизайнером и фронтенд-разработчиком
- МК по тестированию фронтенда: тестирование вёрстки и функциональное тестирование
- Ликбез по CI/CD для frontend'а на примере GitLab
- Тестирование фронтенда, или Как не быть ленивым кодером
- Frontend Meetup | SberMarket Tech x Skyeng
- Собеседование на вакансию для Junior Frontend Developer. Запись тренинга
- X5 Frontend Meetup (Чего не стоит делать при разработке ui-kit, Архитектура универсальных веб-приложений)
- Оптимизация react+redux приложений
- React Native для фронтов
- Пишем браузерное расширение с нуля
- Как наладить взаимодействие между Frontend-разработчиками и UX дизайнерами на проекте
- Особенности мониторинга высоконагруженных frontend-приложений
- Плагин в Figma для работы с white label
- Как проектировать Хорошие Большие приложения
- Как подружить Angular и React в одном приложении
- Redux + Canvas = Love
- Делаем React приложения быстрее
- Основы Frontend
📌 Расширения и полезные сервисы
- iMacros for Chrome. Помогает во время тестирования проекта.
- Font Playground. На случай, когда нужно “поиграть” со шрифтами.
- GitHunt. Удобно для тех, кто часто ищет проекты на Git.
- ColorPick Eyedropper. “Пипетка”, которая помогает определить цвет на странице сайта.
- Window Resizer. Удобная штука для тех, кто занимается адаптивным дизайном. Показывает, как будет выглядеть сайт на разных размерах экранов.
- React Developer Tools. Полезный инструмент для фронтов, которые используют React.
- ColorZilla. Пригодится, если нужно быстро подобрать цвета.
- CSS Sprite Generator. Генератор спрайтов
- Small DevTools. Полезные фишки для разработчиков
- Leetcode. Онлайн-тренажёр (пригодится для “набивания руки” и подготовки к собеседованиям)
- Шпаргалка по Git.
Начать дискуссию