Подборка полезных ссылок и бесплатных ресурсов по изучению самого популярного стека технологий в вебе для начинающих разработчиков.

Даже если вы не планируете в самом начале осваивать весь стек технологий, а планируете ограничиться фронт- или бэк- эндом, каждая из этих ссылок будет полезна и в начале и в дальнейшем овладении навыками программирования.

Комплексно: SnoopCode

SnoopCode – это сайт-сборник интерактивных курсов по наиболее популярным в разработке сайтов запросам. Курсы по HTML, CSS, JS и jQuery собраны в одном месте и оформлены схожим образом – так что при переключении с курса на курс не будет возникать диссонанса.

SnoopCode: HTML

Этот курс предлагает изучить основные принципы веб-дизайна (читай: проектирования) и фронтэнд-разработки. Внутри вас ждет разбитая по главам теория и интерактивные практические вставки прямо в статьях. Курс начинается с введения в понятие HTML как такового и постепенно, от основных аспектов, переходит к фундаментальным основам HTML5, включая графику и медиа элементы.

SnoopCode: CSS

Пошаговое введение в каскадные таблицы стилей, основы формирования внешнего вида страницы с помощью CSS. В курсе затрагиваются все важные темы, начиная от синтаксиса и способов подключения к html-документу, заканчивая медиа-запросами и псевдо-классами/псевдо-элементами.

SnoopCode: JavaScript

Хорошее интерактивное пособие для знакомства с JavaScript. Синтаксис, управляющие структуры, переменные, массивы и функции — все, что может понадобиться для начала. Не стоит рассчитывать, что курс даст углубленные знания JS — он рассчитан на быстрый старт и неплохо с этой задачей справляется.

SnoopCode: jQuery

Курс посвящен знакомству с самой популярной JS-библиотекой. Туториал разбит на основные для библиотеки разделы: работа с графикой и анимацией, работа с DOM, взаимодействие со стилями. В курсе подробно рассматривается синтаксис jQuery, селекторы и события.

JavaScript

Codecademy: Learn JavaScript

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

Eloquent JavaScript

Вообще, "Eloquent JavaScript" – это книга, которую можно даже приобрести в печатном виде, но на сайте eloquentjavascript.net предлагается бесплатно ее html-версия со встроенным редактором кода. Все JavaScript-примеры можно редактировать и запускать прямо во время чтения главы. Книга отлично подойдет как дополнение к SnoopCode: JavaScript или Codecademy: Learn JavaScript.

PHP

Make your own blog

Интересный курс по созданию веб-приложений на PHP, работающих с базой данных. Автор предлагает пройти вместе с ним небольшой гайд, в рамках которого будет создан собственный простенький PHP-блог. В процессе будут написаны раздел для редактирования записей, страница для вывода публикаций, система для логина и самое важное – при создании блога не будут использоваться фреймворки и сторонние библиотеки, что важно при осваивании нового языка. В конце концов, это не только обучение, но и интересный опыт, результатом которого может стать и собственный небольшой фреймворк.

Еще

CSS: css3, please!

Не столько туториал, сколько интерактивный редактор стилей. На странице приведены разбитые комментариями блоки стилей, которые формируют находящиеся на странице интерактивные элементы. Редактируя код, можно видеть как именно то или иное свойство влияет на внешний вид элемента – в общем, занимательное наглядное пособие по CSS.

MySQL: sqlZoo

Если под рукой нет ни то что лишней базы данных, а интерфейса для взаимодействия с БД, чтобы отточить свои навыки в построении SQL-запросов, sqlZoo может сильно помочь. Это небольшое пособие по SQL-синтаксису со встроенным редактором кода, который умеет выводить результаты запросов. На сайте есть несколько разделов, посвященных разным видам запросов, где теория совмещена с практикой, а в конце каждой темы вас ожидает небольшая викторина.