{"id":13800,"url":"\/distributions\/13800\/click?bit=1&hash=494bcf8595527c8c9e734d9291ef1b1692fb7de6e7f241fd1532d02dbe17011c","title":"\u041b\u0430\u0439\u0444\u0445\u0430\u043a\u0438 \u0434\u043b\u044f \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u0438 \u043d\u0430 \u00ab\u041c\u0430\u0440\u043a\u0435\u0442\u0435\u00bb ","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"fb0a50bc-0a7b-535f-b137-b58b2208d639","isPaidAndBannersEnabled":false}

50 полезных материалов для junior Frontend-разработчиков

Записи докладов, расширения для Chrome, книги, статьи и Youtube-каналы. Подборка от Учебного центра Maxima.

📚 Книги

  • JavaScript for Kids: A Playful Introduction to Programming. Гайд для тех, кто устал от тяжёлой литературы.
  • “Изучаем программирование на HTML5”, Э. Робсон, Э. Фримен.
  • “Паттерны для js приложений”, Э. Османи
  • “The Pragmatic Programmer”, Э. Хант, Д. Томас

💻 Мини-курсы, ТГ-каналы и гайды

📎 Доклады с конференций и видеоуроки

📌 Расширения и полезные сервисы

  • iMacros for Chrome. Помогает во время тестирования проекта.
  • Font Playground. На случай, когда нужно “поиграть” со шрифтами.
  • GitHunt. Удобно для тех, кто часто ищет проекты на Git.
  • ColorPick Eyedropper. “Пипетка”, которая помогает определить цвет на странице сайта.
  • Window Resizer. Удобная штука для тех, кто занимается адаптивным дизайном. Показывает, как будет выглядеть сайт на разных размерах экранов.
  • React Developer Tools. Полезный инструмент для фронтов, которые используют React.
  • ColorZilla. Пригодится, если нужно быстро подобрать цвета.
  • CSS Sprite Generator. Генератор спрайтов
  • Small DevTools. Полезные фишки для разработчиков
  • Leetcode. Онлайн-тренажёр (пригодится для “набивания руки” и подготовки к собеседованиям)
  • Шпаргалка по Git.
0
Комментарии
Читать все 0 комментариев
null