menu
Главная

Программа

Full Stack web-разработчик

Программа предназначена для всех людей всех возрастов, которые хотят изучать код. А также для профи, которые хотят стать лучше и расширить свои текущие навыки. И начинающим, и более опытным разработчикам этот курс поможет систематизировать знания, для более эффективной работы.

Начать обучение

Предварительный опыт программирования не требуется.

Чтобы добиться успеха, мы рекомендуем иметь опыт использования Интернета, возможность выполнять поиск в Google и (самое главное) решимость продолжать двигаться вперед!

Программа обучения

Программа включает в себя 9 курсов

HTML/CSS

1 месяц

Введение в HTML

  • Начало работы
  • HTML теги
  • Структура HTML
  • HTML - элементы
  • Атрибуты HTML-элементов
  • HTML. Работа с текстом
  • HTML - ссылки
  • Практическая работа

Работа с HTML

  • HTML-таблицы
  • Формы и поля ввода
  • HTML - изображения
  • HTML. Работа с аудио
  • HTML. Работа с видео
  • Стили в HTML
  • Практическая работа

Таблица стилий CSS

  • Введение в CSS
  • Селекторы и их виды. Часть 1
  • Селекторы и их виды. Часть 2
  • Псевдоклассы CSS
  • Псевдоэлементы CSS
  • CSS блочная модель
  • Блочные и строчные элементы CSS
  • Свойство ширины и высоты CSS
  • Практическая работа

Работа с таблицей стилий CSS

  • CSS. Работа с текстом
  • CSS шрифты
  • CSS ссылки и свойство cursor
  • CSS. Работа со списками
  • CSS Рамка
  • CSS. Работа с таблицами
  • Тень элемента в CSS
  • CSS фон
  • CSS Цвета
  • CSS. Позиционирование элементов
  • Практическая работа

CSS Flex верстка

  • Концепция flexbox
  • Основные свойства flex-контейнера
  • Основные свойства flex-элемента
  • Практическая работа

CSS Grid верстка

  • Концепция сетки и основные понятия Grid CSS
  • CSS Grid. Колонки и строки
  • CSS Grid работа с сеткой
  • CSS Grid элементы
  • CSS Grid управление областями
  • Практическая работа

CSS Анимация

  • CSS Переходы
  • CSS Трансформация. Часть 1
  • CSS Трансформация. Часть 2
  • CSS Анимация часть 1
  • CSS Анимация часть 2
  • Практическая работа

CSS медиазапросы. Адаптивная верстка

  • Что такое адаптивная верстка
  • Подключение медиазапросов
  • Практическая работа

Javascript

1 месяц

Фундаментальный Javascript

  • Типы данных и переменные
  • Функции. Введение.
  • Функции. Работа с параметрами. Области видимости.
  • Функции. Return.
  • Условные операторы if и else
  • Number. Работа с числами. Математические операции.
  • Number. Работа с числами. Основные свойства и методы.
  • Строки. Основные методы и свойства
  • Строки. Поиск в строке, регулярные выражения.
  • Консоль
  • Массивы. Введение. Работа с индексами.
  • Массивы. Добавление, удаление и изменение элементов.
  • Массивы. Циклы.
  • Массивы. Поиск и сортировка.
  • Объекты JS. Структура, методы и свойства.
  • Объекты JS. Объекты как ссылочные типы. Клонирование.
  • Объекты JS. Итерация по ключам.
  • Массивы объектов. Поиск, изменение, добавление и удаление.
  • Практическая работа

Взаимодействие с HTML

  • Document Object Model (DOM). Введение.
  • Поиск элементов в DOM
  • Манипуляция атрибутами HTML через JS
  • Создание элемента и добавление в DOM
  • Удаление из DOM
  • События
  • Практическая работа

Ассинхорнный Javascript

  • Функции. Callback и рекурсия.
  • Promise
  • Цепочка then
  • Обработка ошибок
  • Альтернативная асинхронность. Async - Await.
  • Практическая работа

Javascript анимация

  • Работа с методом setInterval
  • Метод requestAnimationFrame
  • Физика анимации. Расчет времени.
  • Физика анимации. Натяжение.
  • Физика анимации. Отскоки.
  • Реверсивные функции
  • Практическая работа

ECMAScript 6

  • ES6 и Babel.
  • Стрелочные функции. Синтаксис и контекст.
  • Объектно ориентированный JS. Введение.
  • Классы, конструкторы, свойства и методы.
  • Экземпляры классов.
  • Контекст
  • Наследование
  • Практическая работа

Typescript

1 месяц

Строгая типизация

  • Боли и страдания разработки без строгой типизации
  • TS как строгий типизированный JS
  • Функции. Работа с параметрами. Области видимости.
  • Типы данных TS
  • Практическая работа

Объектно ориентированный TS

  • Отличие от объектно ориентированного JS. Статические свойства и методы.
  • Модификаторы доступа.
  • Абстрактные классы
  • Интерфейсы
  • Дженерики
  • Перечисления
  • Модули и пространство имен
  • Практическая работа

React JS

2 месяца

Введение в React JS

  • Концепция построения интерфейса
  • Особенности JSX разметки
  • Состояния
  • Props
  • Типы компонентов. Stateless vs Stateful. Когда что использовать
  • Жизненый цикл компонентов
  • Обраьотка событий
  • Условный рендеринг
  • Практическая работа

Продвинутый React JS

  • Refs
  • Инерация в React JS
  • Композиция
  • Single Page Application (SPA). Роутинг в React JS
  • Компоненты высшего порядка (HOCs)
  • Хуки
  • Практическая работа

React JS + TS

  • Типизированные props и state
  • Типизированные события и refs
  • Практическая работа

Client API

1 месяц

Клиент-серверные запросы

  • Метод fetch(). Описание метода для отправки клиент - серверных запросов
  • Типы запросов и их преднозначения
  • Обработка ответов сервера
  • Коды ответов
  • Обработка негативных ответов с сервера
  • Заголовки запросов
  • Погружение в метод GET
  • Погружение в метод POST и PUT
  • Погружение в метод DELETE
  • Изучение других, менее популярных, методов запроса
  • Практическая работа

Работа с файлами

  • Загрузка файлов на сервер
  • Методы отслеживания прогресса
  • Практическая работа

Backend

1 месяц

Ведение в Node JS

  • Про Node JS
  • Модуль http
  • Методы createServer и listen
  • Модули, импорт и экспорт
  • Глобальные переменные
  • Аргументы приложения
  • Nodemon
  • Практическая работа

Express JS

  • Введение в Express JS
  • Роутинг в ExpressJS
  • Обработка запросов
  • Формирование ответов
  • Middlewares
  • Практическая работа

MongoDB

  • Введение в MongoDB
  • Введение в Mongoose JS
  • Mongoose JS. Схемы и модели.
  • MongooseJS. Сохранение в базу.
  • MongooseJS. Получение данных из базы.
  • MongooseJS. Фильтры, ограничения и сортировка.
  • MongooseJS. Изменение данных в базе.
  • MongooseJS. Удаление данных из базы.
  • MongooseJS + Typescript.
  • Практическая работа

Express JS + Monggoose JS + api

  • Создание роутов Express JS для взаимодействия с базой данных.
  • Работа с файлами.
  • Практическая работа

Server Side Rendering

1 месяц

Введение в SSR

  • Зачем и для чего
  • Технология SSR
  • Практическая работа

Express + React + SSR

  • ReactDOMServer
  • hydrate
  • Другие вспомогательные методы
  • Получение данных перед рендерингом
  • Практическая работа

Аутентификация

1 месяц

JWT

  • Введение в JWT
  • Алгоритмы шифрования
  • Валидация
  • Auth token и Refresh token
  • Практическая работа

Deploy (Бонусный level)

1 месяц

Heroku

  • Настройка и деплой нашего веб-приложения в глобальную сеть
  • Практическая работа

MLab

  • Создание базы данных на сервисе MLab
  • Практическая работа