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

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 зсередини
Подивитися й залишити коментарі
Доступні мови