Курс веб-разработки с нуля

Описание

Курс состоит из 7 уровней и содержит 49 уроков, каждые из которых разделены на темы.

После окончания курса Вы получите бонус: первые клиенты.

HTML и CSS

Уровень 1

Урок 1:

• С чего начать;
• Тег DOCTYPE;
• Тег html;
• Тег head;
• Тег meta.

Урок 2:

• Тег для добавления комментариев <!—…—>;
• Теги title, script, style, link;
• Тег body;
• Теги h1-h6;
• Теги b (strong), i (em), pre, br.

Урок 3:

• Тег p, span, div;
• Тег a;
• Тег img;
• Тег form, input, button, textarea;
• Тег select, option.

Урок 4:

• Теги списка: ul, ol, li;
• Теги таблицы: table;
• Теги таблицы: thead, tfoot, tbody;
• Теги таблицы: th, tr, td;
• Теги таблицы: caption, col, colgroup.

Урок 5:

• Вложенные теги html;
• Структура элементов html;
• Атрибуты тегов html;
• Атрибуты HTML: class и id;
• Как правильно оформлять html.

Урок 6:

• Практическая часть. Структура служебных тегов;
• Практическая часть. Тело сайта;
• Практическая часть. Верхняя область сайта;
• Практическая часть. Нижняя область сайта.

Урок 7:

• Практическая часть. Разбор реального сайта;
• Практическая часть. Свой html сайт от и до.

Уровень 2

Урок 1:

• Подключение стилей CSS;
• Селекторы CSS;
• Стили текста.
• Практика по пройденному уроку.

Урок 2:

• Добавить рамки;
• Свойства margin и padding;
• Стили списков.
• Стили кнопок;
• Стили ссылок.
• Практика по пройденному уроку.

Урок 3:

• Добавить иконки с помощью CSS.
• Работа с отображаемыми значениями (свойство display);
• Значение свойства display: inline-block.
• Практика по пройденному уроку.

Урок 4:

• Позиции элементов html с помощью css.
• Свойство overflow;
• CSS-свойство float.
• Практика по пройденному уроку.

Урок 5:

• Блоковая модель CSS;
• Управление размером блока;
• Добавление тени.
• Практика по пройденному уроку.

Урок 6:

• Добавить фон;
• Обработка переполнения текста;
• Градиенты;
• Комбинаторы селектора.
• Практика по пройденному уроку.

Урок 7:

• Псевдоклассы;
• Псевдоэлементы;
• Практика по всем пройденным урокам.

 

PHP 5

Уровень 3

Урок 1:

• Основы синтаксиса:
• Теги PHP 5;
• Изолирование от HTML;
• Разделение инструкций;
• Комментарии.
• Типы:
• Введение;
• Булев;
• Целые числа;
• Числа с плавающей точкой;
• Строки.
• Практика по пройденному уроку.

Урок 2:

• Типы:
• Числовые строки;
• Массивы;
• Итерируемые;
• Объекты;
• Ресурс;
• NULL;
• Функции обратного вызова (callback-функции);
• Объявление типов;
• Манипуляции с типами.
• Практика по пройденному уроку.

Урок 3:

• Переменные:
• Основы;
• Предопределённые переменные;
• Область видимости переменной;
• Переменные переменных;
• Переменные извне PHP 5.
• Константы:
• Синтаксис;
• Предопределённые константы;
• Магические константы.
• Выражения.
• Практика по пройденному уроку.

Урок 4:

• Операторы:
• Приоритет оператора;
• Арифметические операторы;
• Оператор присваивания;
• Побитовые операторы;
• Операторы сравнения;
• Оператор управления ошибками;
• Операторы исполнения;
• Операторы инкремента и декремента;
• Логические операторы.
• Практика по пройденному уроку.

Урок 5:

• Операторы:
• Операторы, работающие с массивами;
• Оператор проверки типа.
• Управляющие конструкции:
• Введение;
• if;
• else;
• elseif/else if;
• Альтернативный синтаксис управляющих структур;
• while;
• do-while.
• Практика по пройденному уроку.

Урок 6:

• Управляющие конструкции:
• for;
• foreach;
• break;
• continue;
• switch;
• match;
• declare;
• return;
• require.
• Практика по пройденному уроку.

Урок 7:

• Управляющие конструкции:
• include;
• require_once;
• include_once;
• goto.
• Функции:
• Функции, определяемые пользователем;
• Аргументы функции;
• Возврат значений;
• Обращение к функциям через переменные;
• Встроенные функции;
• Анонимные функции;
• Стрелочные функции.
• Практика по пройденному уроку.

Уровень 4

Урок 1:

• Классы и объекты:
• Введение;
• Основы;
• Свойства;
• Константы классов;
• Автоматическая загрузка классов;
• Конструкторы и деструкторы;
• Область видимости;
• Наследование;
• Оператор разрешения области видимости (::).
• Практика по пройденному уроку.

Урок 2:

• Классы и объекты:
• Ключевое слово static;
• Абстрактные классы;
• Интерфейсы объектов;
• Трейты;
• Анонимные классы;
• Перегрузка;
• Итераторы объектов;
• Магические методы;
• Ключевое слово final.
• Практика по пройденному уроку.

Урок 3:

• Классы и объекты:
• Клонирование объектов;
• Сравнение объектов;
• Позднее статическое связывание;
• Объекты и ссылки;
• Сериализация объектов;
• Ковариантность и контравариантность;
• Журнал изменений ООП.
• Пространства имён:
• Обзор пространств имён;
• Определение пространств имён.
• Практика по пройденному уроку.

Урок 4:

• Пространства имён:
• Определение подпространств имён;
• Описание нескольких пространств имён в одном файле;
• Использование пространства имён: основы;
• Пространства имён и динамические особенности языка;
• Ключевое слово namespace и константа __NAMESPACE__;
• Использование пространств имён: импорт/создание псевдонима имени;
• Глобальное пространство;
• Использование пространств имён: переход к глобальной функции/константе.
• Практика по пройденному уроку.

Урок 5:

• Пространства имён:
• Правила разрешения имён.
• Ошибки;
• Исключения;
• Наследование исключений;
• Генераторы:
• Знакомство с генераторами;
• Синтаксис генераторов;
• Сравнение генераторов с объектами класса Iterator.
• Атрибуты:
• Введение в атрибуты.
• Практика по пройденному уроку.

Урок 6:

• Атрибуты:
  • Синтаксис атрибутов;
  • Чтение атрибутов с помощью Reflection API;
  • Объявление классов атрибутов.
• Ссылки:
  • Что такое ссылки;
  • Что делают ссылки;
  • Чем ссылки не являются;
  • Передача по ссылке;
  • Возврат по ссылке.
• Практика по пройденному уроку.

Урок 7:

• Ссылки:
  • Сброс переменных-ссылок;
  • Неявное использование механизма ссылок.
• Предопределённые переменные;
• Предопределённые исключения;
• Встроенные интерфейсы и классы;
• Контекстные опции и параметры;
• Поддерживаемые протоколы и обёртки.
• Практика по пройденному уроку.

 

PHP 7

Уровень 5

Урок 1:

• Основы языка PHP 7:
  • Переменные в PHP 7;
  • Ссылочные переменные;
  • Константы в PHP 7;
  • Отладочные функции.
• Выражения и операции в PHP 7:
  • Логические выражения;
  • Строковые выражения;
  • Операции в PHP 7;
  • Операция отключения предупреждений.
• Практика по пройденному уроку.

Урок 2:

• Конструкции языка PHP 7:
  • Конструкция if-else;
  • Циклы с предусловием while и постусловием do-while;
  • Универсальный цикл for;
  • Инструкции break и continue;
  • Цикл foreach;
  • Конструкция switch-case.
• Практика по пройденному уроку.

Урок 3:

• Инструкции require и include в PHP 7:
• Особенности инструкций однократного включения.
• Ассоциативные массивы в PHP 7:
  • Основы;
  • Конструкция array();
  • Многомерные массивы;
  • Операции над массивами;
  • Списки и строки.
• Практика по пройденному уроку.

Урок 4:

• Функции в PHP 7:
  • Основы;
  • Статические переменные;
  • Анонимные функции;
  • Рекурсивные функции;
  • Советы по использованию.
• Практика по пройденному уроку.

Урок 5:

• Стандартные функции PHP 7:
  • Строки в PHP 7. Хеш-функции;
  • Функции для обработки строк в PHP 7;
  • Массивы в PHP 7:
  • Сортировки;
  • Операции с массивами.
• Функции для работы с массивами в PHP 7.
• Практика по пройденному уроку.

Урок 6:

• Стандартные функции PHP 7:
  • Математические функции в PHP;
  • Работа с файлами;
  • Блокировка файлов;
  • Функции для обработки файлов в PHP;
  • Дата и время;
  • Функции для работы с датой и временем;
  • Дополнительные функции.
• Практика по пройденному уроку.

Урок 7:

• Работа с сетью в PHP 7:
  • URL;
  • Заголовки;
  • Методы GET и POST;
  • Работа с запросами;
  • Cookies;
  • Отправка электронных писем;
  • Парсинг URL;
  • Сессии.
• Практика по пройденному уроку.

 

JavaScript

Уровень 6

Урок 1:

• Введение в JavaScript;
• Справочники и спецификации;
• Редакторы кода;
• Консоль разработчика;
• Основы JavaScript:
• Первый код;
• Структура кода;
• Строгий режим — «use strict».
• Практика по пройденному уроку.

Урок 2:

• Основы JavaScript:
• Переменные;
• Типы данных;
• Взаимодействие: alert, prompt, confirm;
• Преобразование типов;
• Базовые операторы, математика;
• Операторы сравнения;
• Условное ветвление: if, ‘?’.
• Практика по пройденному уроку.

Урок 3:

• Основы JavaScript:
• Логические операторы;
• Оператор объединения с null ‘??’;
• Циклы while и for;
• Конструкция «switch»;
• Функции;
• Function Expression;
• Функции-стрелки, основы;
• Особенности JavaScript.
• Практика по пройденному уроку.

Урок 4:

• Качество кода:
  • Отладка в браузере;
  • Советы по стилю кода;
  • Комментарии;
  • Краткость кода;
  • Автоматическое тестирование кода;
  • Полифилы.
• Объекты: основы:
  • Объекты;
  • Копирование объектов и ссылки.
• Практика по пройденному уроку.

Урок 5:

• Объекты: основы:
  • Сборка мусора;
  • Методы объекта, «this»;
  • Конструкторы, создание объектов через «new»;
  • Опциональная цепочка ‘?.’;
  • Тип данных Symbol;
  • Преобразование объектов в примитивы.
• Типы данных:
• Методы у примитивов;
• Числа.
• Практика по пройденному уроку.

Урок 6:

• Типы данных:
  • Строки;
  • Массивы;
  • Методы массивов;
  • Перебираемые объекты;
  • Map и Set;
  • WeakMap и WeakSet;
  • Object.keys, values, entries.
• Практика по пройденному уроку.

Урок 7:

• Типы данных:
  • Деструктурирующее присваивание:
    • Деструктуризация массива;
    • Деструктуризация объекта;
    • Вложенная деструктуризация.
  • Дата и время:
    • Получение компонентов даты;
    • Преобразование к числу, разность дат.
  • Формат JSON, метод toJSON:
    • Пользовательский toJSON;
    • Преобразование объекта в JSON и обратно.
• Практика по пройденному уроку.

Уровень 7

Урок 1:

• Продвинутая работа с функциями:
  • Рекурсия и стек;
  • Остаточные параметры и оператор расширения;
  • Замыкание;
  • Устаревшее ключевое слово «var»;
  • Глобальный объект;
  • Объект функции, NFE.
• Практическое занятие по пройденному уроку.

Урок 2:

• Продвинутая работа с функциями:
  • Синтаксис «new Function»;
  • Планирование: setTimeout и setInterval;
  • Декораторы и переадресация вызова, call/apply;
  • Привязка контекста к функции;
  • Повторяем стрелочные функции.
• Практическое занятие по пройденному уроку.

Урок 3:

• Свойства объекта, их конфигурация:
  • Флаги и дескрипторы свойств;
  • Свойства — геттеры и сеттеры.
• Прототипы, наследование:
  • Прототипное наследование;
  • F.prototype;
  • Встроенные прототипы;
  • Методы прототипов, объекты без свойства __proto__.
• Практическое занятие по пройденному уроку.

Урок 4:

• Классы:
  • Класс: базовый синтаксис;
  • Наследование классов;
  • Статические свойства и методы;
  • Приватные и защищённые методы и свойства;
  • Расширение встроенных классов;
  • Проверка класса: «instanceof»;
  • Примеси.
• Практическое занятие по пройденному уроку.

Урок 5:

• Обработка ошибок:
  • Обработка ошибок, «try..catch»;
  • Пользовательские ошибки, расширение Error.
• Промисы, async/await:
  • Введение: колбэки;
  • Промисы;
  • Цепочка промисов;
  • Промисы: обработка ошибок.
• Практическое занятие по пройденному уроку.

Урок 6:

• Промисы, async/await:
  • Promise API;
  • Промисификация;
  • Микрозадачи;
  • Async/await.
• Генераторы, продвинутая итерация:
  • Генераторы;
  • Асинхронные итераторы и генераторы.
• Практическое занятие по пройденному уроку.

Урок 7:

• Proxy и Reflect;
• Eval;
• Каррирование;
• Побитовые операторы;
• BigInt;
• Intl;
• Модули:
  • Модули, введение;
  • Экспорт и импорт;
  • Динамические импорты.
• Практическое занятие по пройденному уроку.