Если вы читали мой блог ранее, то уже в курсе, что я писал статью для начинающих разработчиков. Не важно в каком направлении вы хотите работать, в статье изложены полезные материалы, которые научат вас основам разработки. В этой же статье, я постарался собрать самые полезные ресурсы для начинающих веб-разработчиков.
Эта статья будет периодически обновятся и дополняться материалами, так что следите за обновлениями.
Общие понятия
Среда разработки (IDE)
Обзор лучших web ide —
livecoding (Рекомендация от меня — Sublime Text или Atom)
Html, css
Видео курс «Вёрстка с нуля» — youtube (Просто смотреть бесполезно, смотрим и повторяем всё за лектором)HTML5 для начинающих — youtube
CSS3 для начинающих — youtube
Bootstap для начинающих — youtube
Как правильно писать CSS код — juwain
Блочная модель в CSS — webref
Очень полезная статья «От нуля до героя Frontend’a» — medium
Примеры хороших и плохих css практик для начинающих — medium
Наглядная демонстрация всех видов курсоров — techstream
Подробное знакомство с SVG — htmlacademy
Введение в SVG — webtackles
Основы SVG от HTMLAcademy — htmlacademy
Что такое семантика и почему она важна — css-live
Сложные CSS анимации на примере — habrahabr
Flexbox
Туториал по адаптивной сетке — tutsplus
Практика с примерами — cssmine
Препроцессоры
Основы SASS — youtube
Как работать с препроцессорами и БЭМ — nicothin
Грамотное написание SASS кода — sass-guidelin
Методологии
Изучение БЭМ с нуля — bem.info
Решение проблем с БЭМ — e-planet
Работа с каскадами в БЭМ — adn
JavaScript
Php
Php для начинающих — youtube
Библиотеки и фреймворки
Базы данных
Типографика
Проверка знаний
Тестирование, отладка
Консоль отладки на мобильных устройствах — githubПесочница для хранения и запуска сниппетов кода — glot
Тестирование регулярных выражений — regexr
Прототипирование
Прототипирование на Bootstrap (Аналог bootstrap studio) —
pingendo