Front-end Разработка [ Список бесплатных курсов для начинающих ]

 Многие хотят лучше разобраться, как создавать сайты и интерфейсы, но иногда очень трудно найти стоящую информацию. В этой публикации хочу поделиться полезными ссылками на качественные бесплатные онлайн курсы, из которых вы многое узнаете по HTML, CSS, JS. Читаем, сохраняем у себя.

 Обучающие курсы

 На русском языке:

•  magisters.org – Видео курсы для начинающих по HTML5, CSS, JavaScript, Bootrstrap.
•  Htmlacademy – один из самых популярных курсов в Ру-нете. Некоторые секции платные, но в целом – бесплатная версия предоставляет очень качественные материалы, которые помогут вам с легкостью разобраться с основами HTML и CSS. 
• Технопарк MailRu  Образовательные видео лекции по основам веб разработки. 
•  microsoft.com  - Основы разработки на JS. Другие курсы от Microsoft, но уже на английском –вы можете найти на этой странице.
• javascript.ru  - учебник по JS с хорошими примерами, очень подробно все описано. Проверял лично:)

На английском:

•  Udemy.com - не смотря на то, что Udemy позиционирует себя как платная площадка, вы можете без труда найти десятки видео курсов по веб разработке, предоставляемых бесплатно.
•  khanacademy -качественные фундаментальные курсы по HTML, CSS, JS, JQuery. Тут вы можете очень подробно узнать, что такое DOM и как им манипулировать и много других чертовски интересных вещей. Рекомендую для начинающих.
• coursera.org - довольно большой выбор онлайн курсов по веб разработке. К сожалению, некоторые из них стали платными – поэтому придется самостоятельно разбираться, что находится в бесплатном доступе, а что в платном.
•  edx.org – наравне с вышестоящими является одним из лидеров в бесплатном онлайн образовании. Поэтому вы сможете без труда найти для себя подходящий курс по веб технологиям. 
• codecademy.com – изучайте код, выполняя интерактивные задачи. Многие хвалят этот сайт, однако для меня его недостаток – это фокусировка на практике без объяснения теоретических основ. То есть синтаксис вы можете выучить, но вот почему он работает именно так а не иначе придется искать на других ресурсах.
•  codecombat.com – проходите игры параллельно изучая синтаксис языка. Интересно и не навязчиво, однако проблема похожая с прошлым проектом -теории не хватает, но все равно увлекательно. 
• www.freecodecamp.com - изучайте JS на реальных проектах, основная фишка это то, что мы помогаете создавать онлайн проекты для не коммерческих организаций.  
• html5rocks.com Уроки и ресурсы по HTML5 
•  w3resource.com – задачи по JS с решениями. Если вы хотите найти хорошие примеры уже решенных задач, то посетите этот ресурс.
•  mozilla.org – курсы от Mozilla по CSS и HTML.

 Практические задачи:

•  dash.generalassemb.ly –создаем сайты с помощью HTML и СSS. 
•  codewars.com большой список разнообразных задач для JavaScript. Механика прохождения выполнена в игровой форме. При желании, вы можете создавать собственные задачи для других участников или оптимизировать существующие.
•  checkio.org аналогично предыдущему, вы выполняете задачи – открываете новые локации на карте. Многие задачи очень интересны и формируют правильное мышление, единственный недостаток как по мне, так это то, что первоначально все задачи сделаны для Python поэтому очень мало решений для web.

Как видим, недостатка в обучающих материалах нет – единственное, что необходимо это желание научиться новому и создать свой первый, хоть и не большой но родной проект.