Программа курса

Бонусный курсБесплатный курс «Учись учиться»
Каждому студенту мы открываем доступ этому курсу, для того, чтобы обучение не прошло впустую. Проблема — люди не получают результат от обучения. Есть три основные причины:

Нет четких целей. И даже те, кто понимает важность целей, всё равно этого не делает. Хочу поменять работу и стать крутым сммщиком — не цель, а желание. С такой постановкой результат будет соответствующим.
Забрасывание обучения на полпути. Многие находят мотивацию на первую неделю. А вот дойти до конца не получается. Так как мозг не любит учиться регулярно.
Отсутствие системности. Достаточно распространённое явление, когда мы хватаемся за любую информацию по выбранной теме, двигаемся бессистемно, и как следствие, безрезультатно.
Почему мы выделили именно эти три причины? Потому что занимаемся обучением уже 11 лет и видим обратную связь от учеников. На курсе рассказываем, как все эти ценные знания применять в жизни.
 
Модуль 1

Введение в веб-технологии
Сайт и способы его создания
Как устроен Интернет
Этапы создания сайта
Основные инструменты веб-разработчика
Валидность кода, валидаторы
Git и GitHub
 
Модуль 2

Основы HTML
Знакомство с HTML
Списки
Ссылки
Медиа-элементы (картинки, видео и аудио)
Видеокейс
 
Модуль 3

Основы CSS
Введение
Основные свойства
Каскадность и наследственность
Каскад и наследование свойств
Работа с текстом
Практика
 
Модуль 4

Многоколоночные макеты
Блочные и строчные элементы
Flexbox
 
Модуль 5

Вёрстка макета в Figma
Введение в Figma
Вёрстка простого макета
 
Модуль 6

Позиционирование
Абсолютное и относительное позиционирование
Фиксированное и “липкое” позиционирование
 
Модуль 7

Формы обратной связи
Поля ввода и их виды
Чекбоксы
Список с выбором ответа
Оформление форм
 
Модуль 8

Адаптивность и кроссбраузерность
Адаптивность
Медиа-запросы
Кроссбраузерность
Практика
 
Модуль 9

Анимации в CSS
Переходы
Конструкция @keyframes
Трансформация элементов
Как анимации используются в реальной жизни
 
Модуль 10

Основы JavaScript
Введение JavaScript
Переменные и типы данных
Математические операторы и преобразование типов
Логические операторы
Ветвления и условные операторы
Встроенные функции для взаимодействия с пользователем
 
Модуль 11

Циклы и массивы в JavaScript
Массивы
Методы для работы с массивами
Циклы for и while
Вложенные массивы
Работа с консолью
 
Модуль 12

Функции
Функция
Область видимости
Таймеры и замыкание
Функции обратного вызова
 
Модуль 13

Объекты. DOM. События
Объект
Прототипное наследование
Классы
DOM
События
Хранение данных в браузере
 
Модуль 14

Анимация и эффекты в JavaScript
JavaScript-анимации
Рендеринг в браузере
Библиотеки с анимациями
 
Модуль 15

Интерактивные элементы
Слайдер
Аккордион
Тултип
 
Модуль 16

Знакомство с Node.js
Введение в Node.js
NPM
Основы Webpack
Препроцессор SCSS
 
Модуль 17

Работа с сервером
Promise API
Обращение к серверу и класс XMLHttpRequest
Метод fetch
 
Модуль 18

Express JS
Концепция фреймворка и первый проект
Введение в Express JS
API и Шаблоны
Хранение данных
Практика
 
Модуль 19

Основы React
Компоненты и JSX
Состояние компонентов
Хуки
Стилизация компонентов
React-Router
Продвинутые хуки
Взаимодействие с сервером
Формы в React
 
Модуль 20

Основы TypeScript
Статическая типизация
Интерфейсы и типы
Перечисляемые типы Enum
 
Модуль 21

Основы Redux
Что такое Redux
Работа с Redux toolkit
Кейс: применение Redux toolkit
Redux toolkit в связке с TypeScript
 
Модуль 22

Обзор дорожной карты JS-разработчика
Кратко о том, как развиваться разработчику дальше и что изучать.
 
Модуль 23

SASS/SCSS
Введение в SASS и препроцессоры для CSS
Переменные
Миксины и шаблоны
Логические конструкции
Мнение + опыт
 
Модуль 24

Системы управления контентом
Введение в серверную часть сайта
PHP и зачем он нужен
Установка и основы Wordpress
Пример сайта на Wordpress