КУРС FRONT-END С НУЛЯ

1. Введение.
2. Doctype. Кодировка.
3. HTML теги и атрибуты.
4. Создание текстовых блоков, добавление ссылок и размещение картинок.
5. Табличная и блочные верстки.
6. HTML Forms
7. HTML Semantics
8. HTML response images. Picture тег.
9. HTML accessibility.

1. Введение и способы подключения CSS в HTML.
2. CSS Единицы измерения: абсолютные и относительные.
3. Селекторы в CSS.
4. Свойства и значения CSS, понятие приоритета правил для различных селекторов
(specificity); отступы и цвета; фон и фоновые изображения.
5. Виды позиционирования элементов на странице и особенности их взаимодействия.
6. CSS Box Model.
7. Responsive Web Design.
9. HTML accessibility.

1. Введение и использование SASS.
2. Переменные. Операторы.
3. Вложенность блоков.
4. Partials, imports, mixins и наследование.

1. Основы HTTP. Введение. Базовые понятия: WEB, Browser, URL. HTTP запрос и HTTP ответ. HTTP методы. HTTP статус коды.
2. HTTP State Management: Cookies.

1. Введение и способы подключения в HTML.
2. Отладка сценария. Особенности отладки сценария в браузерах.
3. Базовый JavaScript. Синтаксис. Зарезервированные слова. Типы данных.
4. Элементарные переменные. Инструкции, операторы. Массивы в JavaScript.
5. Функция в JavaScript. Область определения переменных.
6. Понятие объекта. Свойства и методы объекта.
7. Объект Date в Javascript и его методы.
8. Функция-конструктор. Встроенные функции.
9. Обработка исключений. Try … catch конструкция.
10. Базовая объектная модель документа (DOM). Способы доступа, изменения и удаления DOM элементов.
11. Web Storage API: SessionStorage и LocalStorage.
12. События. Основы работы с событиями. События в деталях. Делегирование событий.
13. ES-2015.
14. Оптимизация Javascript.

1. Форматирование: ESLint и Stylelint.
2. Модульное тестирование в Javascript.
3. Test Driven Development и Behaviour Driven Development.
4. Практика модульного тестирования. Jest framework.
5. Mock vs Spy vs Stub.
6. Тестирование асинхронного кода.
7. Покрытие кода (code coverage).

1. Введение в NPM.
2. Установка и обновление NPM зависимостей.
3. NPM скрипты.

1. Введение в GIT. GIT Web Interface.
2. Состояния ресурсов в GIT.
3. Команды GIT для работы из CLI: создание, клонирование, загрузка изменений на локальный компьютер, изменение ресурсов, отмена изменений, создание новых веток в репозитории и загрузка изменений в удаленный репозиторий.
4. Конфигурация GIT. Игнорирование ресурсов в GIT.

1. Установка и настройка темы.
2. Layout, Grid и Responsive breakpoints.
3. Компоненты Bootstrap.

1. Установка jQuery.
2. Основные моменты и все возможности jQuery.
3. Переменные, Селекторы.
4. Цепочки методов и Работа с набором элементов.
5. Ajax.
6. Анимация.
7. Возможно вам не нужен jQuery.

1. Введение.
2. Webpack в действии.
3. Webpack Конфигурация: настройка входных/выходных ресурсов, loaders, плагины и режимы работы Webpack.
4. Способы анализа bundles.

1. Создание проекта.
2. Angular Cli.
3. TypeScript.
4. Компоненты.
5. Директивы.
6. Фильтры.
7. Формы.
8. Сервисы.
9. Http модуль.
10. Роут.
11. Angular Material.
12. Разработка собственного проекта.
13. Деплой проекта на Heroku.

1. Развертывание проекта.
2. Функциональные и классовые компоненты.
3. Virtual DOM.
4. Работа с state.
5. React Hooks
6. PropTypes
7. Роутинг
8. Redux
9. Ajax запросы на сервер
10. Деплой проекта на github