Веб-разработка с нуля

Front-end

Верстка

Знакомство с версткой

Данный уровень предназначен для людей, которые никогда не верстали и не имеют представления о верстке, CSS и HTML.

Курсы
  1. Введение в Интернет
  2. Основы HTML
  3. Содержимое в HTML
  4. Формы в HTML
  5. Основы CSS
  6. Текст в CSS
  7. Блочная модель в CSS
  8. Позиционирование в CSS
  9. Уроки по HTML и CSS
Справочники
  1. CSS-селекторы
  2. Размеры
  3. Цвета
  4. Уголы
  5. Медиа-запросы
  6. Фильтры
Скринкасты
  1. Основы HTML

Базовая верстка

Данный уровень предназначен для людей, имеющих базовые представления о верстке, CSS и HTML.

Курсы
  1. Погружение в HTML5
  2. Как верстать на HTML5 и CSS3
  3. HTML5 и CSS3 на примерах
  4. Магия CSS
  5. Продвинутый CSS
  6. Продвинутые уроки по HTML и CSS
Статьи
  1. Адаптивная верстка
  2. Retina
  3. Email-писем
Справочники
  1. Справочник CSS
  2. Справочник HTML

Современные технологии верстки

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

Курсы
  1. Font Awesome
  2. Browser Rendering Optimization
Документация
  1. Основы БЭМ
Статьи
  1. Вёрстка адаптивных email-писем (часть 1)
  2. Вёрстка адаптивных email-писем (часть 2)
  3. Способы организации CSS-кода
Скринкасты
  1. CSS: Flexbox
  2. Пишем БЭМ правильно
Справочники
  1. Рендеринг CSS

Надстройки над HTML и CSS

Метаязыки являющиеся надстройками над HTML CSS.

Курсы
  1. Основы Sass
  2. Sass
  3. Less
Документация
  1. SassScript
  2. Jade
  3. Stylus

Автоматизация разработки

Данный уровень предназначен для людей, имеющих глубокие представления о верстке и желающих изучить способы оптимизации и автоматизации своей работы. Для дальнейшего изучения понадобится знание так же JavaScript и NodeJs

Курсы
  1. Приступая к работе с Grunt
  2. Сборка с Gulp
  3. Автоматизация работы с Gulp
  4. Bower, Gulp и Yeoman
  5. Node, Express и libsass: проект с нуля
Скринкасты
  1. Скринкаст по Gulp
  2. Скринкаст по Webpack

Фреймворки для верстки

Готовые фреймворки для верстки макетов.

Курсы
  1. Bootstrap
Документация
  1. Bootstrap
  2. Foundation
  3. Skeleton

JavaScript

Язык JavaScript

Курсы
  1. Знакомство с JavaScript
Учебник
  1. Введение
  2. Основы JavaScript
  3. Качество кода
  4. Структуры данных
  5. Замыкания, область видимости
  6. Методы объектов и контекст вызова
  7. Некоторые другие возможности
  8. ООП в функциональном стиле
  9. ООП в прототипном стиле
  10. Современные возможности ES-2015
Скринкасты
  1. Основы ES6
  2. Javascript Tutorial For Beginners
  3. Javascript Fundamentals
  4. Modular Javascript

Документ, события, интерфейсы

Учебник
  1. Документ и объекты страницы
  2. Основы работы с событиями
  3. События в деталях
  4. Формы, элементы управления
  5. Создание графических компонентов

Дополнительно

Курсы
  1. Глубокое погружение в Canvas
Учебник
  1. Веб-компоненты: взгляд в будущее
  2. AJAX и COMET
  3. Анимация
  4. Оптимизация
  5. Окна и Фреймы
  6. CSS для JavaScript-разработчика
  7. Сундучок с инструментами
  8. Регулярные выражения
  9. О всякой всячине

Node.JS

Курсы
  1. Создание первого приложения на Node
Скринкасты
  1. Скринкаст по Node.JS
  2. Node.js Tutorials
Документация
  1. Node.JS

jQuery

Курсы
  1. Основы jQuery
Скринкасты
  1. jQuery Tutorial for Beginners
Документация
  1. jQuery API

AngularJS

Курсы
  1. AngularJS. Рецепты программирования
Скринкасты
  1. Основы Angular 2
  2. MEAN Stack Tutorials (MongoDB, Express, Angular, NodeJs)

React

Скринкасты
  1. React JS Tutorials
  2. Redux Tutorials

Back-end

PHP

Справочник языка

Документация
  1. Основы синтаксиса
  2. Типы
  3. Переменные
  4. Константы
  5. Выражения
  6. Операторы
  7. Управляющие конструкции
  8. Функции
  9. Классы и объекты
  10. Пространства имен

Дополнительно

Документация
  1. Errors
  2. Исключения
  3. Generators
  4. Ссылки. Разъяснения
  5. Предопределённые переменные
  6. Предопределённые исключения
  7. Встроенные интерфейсы и классы
  8. Контекстные опции и параметры
  9. Поддерживаемые протоколы и обработчики (wrappers)
  10. Безопасность
  11. Отличительные особенности
  12. Справочник функций
  13. Ядро PHP: Руководство хакера

Дополнительно

Системы контроля версий

Git

Учебник
  1. Введение
  2. Основы Git
  3. Ветвление в Git
  4. Git на сервере
  5. Распределённый Git
  6. Инструменты Git
  7. Настройка Git
  8. Git и другие системы контроля версий
  9. Git изнутри
Посмотреть и оставить комментарии

Веб-разработка с нуля