План занять курсу

Junior Frontend developer

Заняття 01 / 32

Что такое HTML и CSS
Как происходит загрузка всего в браузер
Что такое теги и атрибуты
Общий синтаксис HTML
Подключение CSS и JS к HTML
Мета теги
Основные HTML теги для работы с текстом
DIV/SPAN
Принципы блочной верстки

Заняття 02 / 32

Синтаксис CSS
CSS-селекторы
CSS основные свойства и значения
Градиенты
Цветовые модели
Свойства width, height, font-size, color, background, background-color
Единицы измерения: px, %, em, rem, deg, vw, vh
Специфичность селекторов
Подключение шрифтов, swap

Заняття 03 / 32

Позиционирование
display отображение
Обтикание
Пример попапов
Примеры выпадающего меню
Примеры кнопок
Работа со скроллом
Центрирование по ширине и по высоте
Пример списков

Заняття 04 / 32

Flex
Grid
Плавные переходы
Анимации
BEM методология
Работа с figma для верстальщика
Что такое pixelPerfect и когда применяется
Методология верстки по макету
Основы верстки по макету

Заняття 05 / 32

Понятие адаптива и респонсива
Repaint & reflow
Viewport
Принципы и правила верстки
Пример верстки макета
Примеры респонсивной верстки

Заняття 06 / 32

Верстка страницы по макету
Верстка адаптива по макету

Заняття 07 / 32

Загрузка JS в браузер, общие механизмы
Понятие переменной и типы данных
Арифметические операторы +,-,*,/,%
Оператор конактинации со строкой
Оператор инкремента и декремента
Операторы поразрядных логических операций &, |, ~, >>, <<, >>>
Примеры работы с поразрядными операторами
Структура типов данных int, double, bool, string/char
Неизменяемость строк

Заняття 08 / 32

Понятие объекта в JS
Понятие массива в JS
Цикл for of, for in простое использование
Массив объектов, обработка его
Понятие функции
Параметры, возвращаемое значение
Примеры функции
Функции высшего порядка
Стрелочные функции

Заняття 09 / 32

Symbol
Итераторы и генераторы
Углубленный принцип работы for...of
Композиция генераторов
Примеры написание итераторов и генераторов
Преобразования по умолчанию всех типов
Преобразования toString, valueOf
Свои правила преобразования toPrimitive
Объект window углубленнее

Заняття 10 / 32

Примеры работы с функциями конструкторами
Классы и синтаксический сахар
Подмена this - call, apply, bind
new Function и полноценное понимание функций
Рекурсивные функции, примеры
Объекты, копирование объектов
Глубокое копирование объектов
Ссылочные типы данных
Сборщик муссора

Заняття 11 / 32

Обработка исключительных ситуаций
Создание собственных классов исключений
Ассинхронность, ассинхроное подключение файлов
Event loop, микро задачи, макро задачи
Ключевое слово async
SetInterval, SetTimeout
Promise, промисы друг в друге
Цепочка вызовов
Ассинхронные итераторы

Заняття 12 / 32

Что такое DOM
События на DOM елементы, всплытие
Изменение аттрибутов через JS
Изменение любых CSS стилей через JS
Генерация HTML тегов через JS
Пользовательские события
DOMContentLoaded, load, beforeunload, unload
Загрузка ресурсов: onload и onerror
Делегирование событий

Заняття 13 / 32

Requests
XMLHttpRequest
Fetch
Понятие Cors
Примеры обработки запросов
Написание небольшого приложения
Удаление/добавление/изменение сущности

Заняття 14 / 32

Структуры данних
Что такое бинарное дерево
Реализация простого бинарного дерева
Что такое стек
LIFO/FIFO

Заняття 15 / 32

Более продвинутая робота с linux
Установка parcel
Установка gulp
Установка webpack
Установка yarn
Установка npm
Настройка parcel, npm, yarn
Запуск parcel локального сервера
Пример работы с HTML/CSS/JS вместе с parcel

Заняття 16 / 32

Конфигурация gulp, gulpfile.js
Обработка less/saas/scss/ts/html/js
Обфускации стилей и скриптов
Написание скрипта для работы с gulp
Запуск локального gulp сервера
Использование yarn вместе с gulp

Заняття 17 / 32

Написание конфига для работы с webpack
Запуск локального webpack сервера
Использование yarn вместе с webpack

Заняття 18 / 32

Синтаксис SCSS
Синтаксис LESS

Заняття 19 / 32

Синтаксис SAAS

Заняття 20 / 32

Разворачивание react оекта
Запуск react проекта в docker-контейнере
Робота как с docker командами так и с docker-compose
Запуск Docker
Запуск серверов gulp, webpack, parcel с помощью docker

Заняття 21 / 32

Основи SEO-оптимізації
Розгляд google insights
Механізми які призводять до зеленого результату google insights
SEO-оптимізації для frontend частини сайту

Заняття 22 / 32

Общий синтаксис Typescript
Различия между JS и TS
Типы данных
Строгость
Массивы данных
Типы объединений
Псивдонимы типов
Литералы
Ключевое слово type

Заняття 23 / 32

Generic функции
Необязательные параметры функций
Перегрузка функций
Rest параметры функции
Примеры работы с функциями
Оператор типа: keyof, typeof
Сопоставленные типы
Типы: unknown, never, void, any
Типы литералов шаблонов

Заняття 24 / 32

Введение в ООП
Классы и объекты
Абстрактные классы
Интерфейсы
Модификаторы картирования
Классы Generic
Модули в TS

Заняття 25 / 32

Понятие класса
Понятие объекта
Наследование классов
Инкапсуляция
Полиморфизм
Примеры из ООП

Заняття 26 / 32

Generic
Абстрактные классы
Интерфейсы
Абстракция
Примеры из ООП

Заняття 27 / 32

Заняття 28 / 32

Заняття 29 / 32

Заняття 30 / 32

Что такое паттерны дизайна
которые бывают паттерны
Singleton, пример
Модули в Ecma script
Apply some other patterns
Примеры несколько других паттернов

Заняття 31 / 32

Что такое СУБД и БД
Что такое реляционная модель и сравнение с другими моделями
Основные понятия баз данных
Общие правила проектирования баз данных
Связи друг к другу, многое к одному, друг ко многим, многое ко многим
Зависимости: Функциональная, транзетивная
Что такое ключ, потенциальный ключ
Что такое нормализация
Первая нормальная форма

Заняття 32 / 32

Ответы на все интересующие вопросы
Рассмотрение Вашего резюме по желанию
Принципы прохождения собеседований
Рассмотрение самых распространенных вопросов от рекрутеров
Рассмотрение наиболее распространенных вопросов на техническом собеседовании
Рекомендации к выполнению тестового задания
Как пройти собеседование без знаний Английского языка

Ми не жадібні

Бонусні відео

Відео 01 / 12

Тема:Линукс

Тривалість:0 год 2 хв

Что такое виртуальная ОС
VirtualBox
Установка Linux ubuntu server
Установка ssh сервера
Удаленное подключение к серверу с помощью shh
Настройка сетевого моста virtualBox
Режим работы в фоновом процессе

Відео 02 / 12

Тема:Линукс команды

Тривалість:0 год 5 хв

Команда cd
Работа с директориями ls, .., ~, mkdir, rm, rmdir, cd, /usr/bin/*, создание команды
Работа с файлами cat, tail, grep, touch, unlink
Уровни доступа к файлам и директориям, команды chmod, chown
Создание пользователя нового, создание новой группы, удаление пользователя и группу
Команды: ln, mv, nano, sudo, history, reboot, shutdown

Відео 03 / 12

Тема:GIT

Тривалість:0 год 6 хв

Установка git, настройки и конфиг
Создание локального репозитория
Статусы файлов
Принцип работы индекса: add, commit
Создание, удаление, переключение между ветвями
marge, rebase между ветвями, разрешение конфликтов
Интерактивный rebase
Файл .gitignore
Создание удаленного репозитория, создание shh-ключей, добавление к репозиторию

Відео 04 / 12

Тема:Установка пакетов

Тривалість:1 год 15 хв

Установка git, ssh server, nodejs, parcel
Установка npm, yarn, react, gulp, webpack

Відео 05 / 12

Тема:Docker

Тривалість:1 год 6 хв

Понятие контейнера
Файл Dockerfile
Создание образов, создание контейнеров и их запуск, приумение, продолжение и удаление
Общий принцип работы с докером
Проброс файлов, директорий, копирование файлов и директорий в контейнер
Проброс портов
Настройка сети

Відео 06 / 12

Тема:Docker-compose

Тривалість:0 год 40 хв

Что такое docker-compose
Файл docker-compose.yml
Команда docker-compose down && docker-compose up -d

Відео 07 / 12

Тема:Как работает WEB

Тривалість:0 год 53 хв

Как работает web
Что такое HTTP
Коды ответов HTTP
Глаголы HTTP
Заголовки HTTP
Сессия и куки
Синтаксис формирования запроса и ответа
Пример работы HTTP через самый простой веб-сервер

Відео 08 / 12

Тема:REST API

Тривалість:2 год 3 хв

Что такое API
Что такое REST
Четыре уровня REST
Коды HTTP-ответов в соответствии с REST
HTTP-глаголы в соответствии с REST
работа с HTTP-заголовками
Пример проектирования Rest API

Відео 09 / 12

Тема:Swagger/postman

Тривалість:0 год 53 хв

Возможности swagger и postman
Пример написания документации в swagger
Пример написания документации в postman

Відео 10 / 12

Тема:Правила написания кода

Тривалість:0 год 53 хв

Общие правила написания кода
Правила именования переменных, объектов, массивов, функций, классов, констант
Правила отступлений
Правила работы с GIT
Правила использования условий, циклов и прочего

Відео 11 / 12

Тема:Сетевые технологии

Тривалість:0 год 53 хв

Что такое IP из чего состоит
TCP/UDP протоколы
Симуровневая модель OSI
Что такое DNS как работает TTL и кэширование
Что такое хост и как он ризолится
Файл хостов hosts
Что такое маска подсети или сети
Что такое 127.0.0.1 и какая маска
Что такое обратная маска

Відео 12 / 12

Тема:IT-Рекрутинг

Тривалість:0 год 53 хв

Что такое резюме и чем отличается от CV
Какие разделы должны быть в резюме
Какие контактные данные добавлять
Социальные сети
Как заполняется опыт работы
Как заполняется образование
Блок hard-скил и soft-скил
Цель резюме
Сопроводительное письмо

Технології та модулі

Наш авторський курс ти станеш повноцінним розробником всього за 4 місяці, незалежно від твоєї поточної професії: юрист, адвокат, медичний робітник, офіциант прораб та інші...

Всього за 4 місяці, незалежно від твоєї поточної професії: юрист, адвокат, медичний робітник, офіциант прораб та інші...

01JS

02TS

03CSS

04GIT

05NPM

06HTML

07YARN

08GULP

09REACT

10LINUX

11DOCKER

12WEBPACK

Які знання та навички
ви отримаєте після проходження курсу

Вы сможете разрабатывать интерактивные web-приложения использующие библиотеку react01

Вы будете frontend разработчиком который понимает как все работает под капотом и умеет работать как 02

Получить должность frontend-разработчика сможете с большой вероятностью. Вы полностью будете готовы 03

Работать как фрилансер или javascript developer в любой IT-компании или работать над собственным ста04

Будете обладать всеми самыми актуальными технологиями из мира frontend и понимать как это работает05

Сможете легко и быстро доучиться до PHP-разработчика и стать full stack php developer06

Сможете легко себя само-презентовать на собеседовании, полностью быть подготовленным для общения не 07

Сможете разрабатывать интерактивные web-интерфейсы не только с помощью библиотеки react, а также исп08

У вас будет натренированное алгоритмическое мышление. Вы сможете реализовывать алгоритмы любой сложн09