Курс Введение в веб-разработку

Учебный курс представляет собой 14 видео-уроков. После каждого видео-урока дается практическое задание, которое проверяется наставником и материалы для чтения. Если у наставника есть замечания, то ученик должен их исправить, чтобы получить доступ к следующему уроку. Ученику дается 8 недель для прохождения всего курса. По окончанию этого срока проверка заданий и консультации наставника прекращаются. Необходимо планировать примерно 4 часа на прохождение одного урока, это включает время на просмотр видео, на выполнение домашнего задание и на чтение.
Module 1 Введение в веб-разработку 8 недель
  1. Ставим Ubuntu
    • Icons8 youtube 64 Видео. Установка Ubuntu 16.04
    • Icons8 home 64 Домашнее задание. Установить Ubuntu 16.04
    • Icons8 openbook 64 Читать. Информацию о Linux
  2. Bash - Ubuntu terminal
    • Icons8 youtube 64 Базовые bash команды, установка пакетов, движение между папками
    • Icons8 home 64 Установить VIM, выполнить задание на использование пройденных команд
    • Icons8 openbook 64 Читать про Linux Terminal
  3. Текстовый редактор SublimeText и учимся гуглить
    • Icons8 youtube 64 Об установке SublimeText и советы по гуглению
    • Icons8 home 64 Установка SublimeText, подключение полезных модулей. Практическое задание по форматированию текста и поиску информации.
    • Icons8 openbook 64 Читаем про текстовые редакторы и IDE. Что это и чем они отличаются
  4. Git и GitHub
    • Icons8 youtube 64 Установка Git, создание аккаунта на GitHub, генерация ключей ssh, базовые команды Git
    • Icons8 home 64 Установить Git, настроить свой аккаунт на GitHub. Создать репозиторий с одной веткой, создать репозиторий с несколькими бранчами, клонирование и Pull Request
    • Icons8 openbook 64 Читать про Git и GitHub
  5. HTML
    • Icons8 youtube 64 Базовый HTML, различия между HTML и HTML5, обзор проблем совместимости между различными браузерами (high level), элементы HTML документа, синтаксис (элементы, атрибуты и пр.)
    • Icons8 home 64 Создать свой проект на HTML5. Проект выложить на GitHub и сделать Pull Request (PR)
    • Icons8 openbook 64 Читать про основные HTML тэги
  6. CSS
    • Icons8 youtube 64 Базовый CSS и подключение стилей, различия между css/css3, синтаксис и inheritance, селекторы, playground codepen.io
    • Icons8 home 64 Добавляем в проект из прошлого урока CSS стили. Делаем Ёлку на HTML и CSS. Делаем PR
    • Icons8 openbook 64 Читаем про возможности CSS, какие прикольные штуки можно с помощью него делать
  7. Web-сервер NGINX
    • Icons8 youtube 64 Установка и базовая настройка сервера nginx
    • Icons8 home 64 Запустить два сайта на локальном сервере NGINX на портах 8080, 8081
    • Icons8 openbook 64 Что такое веб-сервера и что такое NGINX
  8. Размещение сайта на сервер Linode
    • Icons8 youtube 64 Покупка домена и настройка DNS. Установка дистрибутива Ubuntu, настройка NGINX, размещение сайта на хостинге
    • Icons8 home 64 Настройка своего Linode и размещение туда своего сайта
    • Icons8 openbook 64 Читать про хостинг и Linode
  9. Twitter Bootstrap
    • Icons8 youtube 64 Об адаптивной, mobile-first библиотеке Twitter Bootstrap
    • Icons8 home 64 Создать свой сайт на Bootstrap, сделать PR, разместить на хостинге
    • Icons8 openbook 64 Читать документацию Twitter Bootstrap
  10. JavaScript (типы данных, if/else, функции)
    • Icons8 youtube 64 Установка npm и node. Типы данных, переменные, константы, массивы, объекты, функции, console.log
    • Icons8 home 64 Решить квадратное уравнение. Сделать расчет високосного года. Написать Оракула, который будет давать случайные ответы на вопросы.
    • Icons8 openbook 64 Что такое Node.js и JavaScript
  11. JavaScript в браузере
    • Icons8 youtube 64 Подключение JavaScript, манипуляция с элементами HTML страницы (DOM), события (onchange, onclick), Chrome DevTools
    • Icons8 home 64 Сделать Оракула в брузере. Сделать пианино
    • Icons8 openbook 64 Читаем про основы JavaScript
  12. Библиотека jQuery
    • Icons8 youtube 64 Подключение jQuery, селекторы (по ID, по классу), события (click, focus, scroll), эффекты (fade, animate), цепочки событий, манипуляции с HTML (получить, изменить значение, изменить класс)
    • Icons8 home 64 Задание волшебный квадрат. Задание волейбол
    • Icons8 openbook 64 Про то как работает jQuery
  13. Реляционная база данных MySQL
    • Icons8 youtube 64 Установка и настройка MySQL, настройка кириллицы, создание баз данных, таблиц и вставка данных. Выборки данных по критериям, группировка данных, JOIN
    • Icons8 home 64 Установить MySQL, создать таблицы movies (фильмы) и genre (жанры) и заполнить их данными. Сделать различного рода выборки и JOIN
    • Icons8 openbook 64 Читать про типы данных в MySQL и про LEFT JOIN, INNER JOIN, OUTER JOIN
  14. CMS Wordpress
    • Icons8 youtube 64 Установка и настройка MySQL, PHP, NGINX, скачивание дистрибутива Wordpress и установка, выбор и кастомизация темы
    • Icons8 home 64 Настроить сайт Wordpress на хостинге, добавить и внести изменения в тему на GitHub и хостинг. Сделать PR. Сайт должен быть доступен по субдомену bootstrap.yourdomain.ru
    • Icons8 openbook 64 Читать о том что можно делать с Wordpress
Open book icon credits