Программа курса
Бонусный курсБесплатный курс «Учись учиться»
Каждому студенту мы открываем доступ этому курсу, для того, чтобы обучение не прошло впустую. Проблема — люди не получают результат от обучения. Есть три основные причины:
Нет четких целей. И даже те, кто понимает важность целей, всё равно этого не делает. Хочу поменять работу и стать крутым сммщиком — не цель, а желание. С такой постановкой результат будет соответствующим.
Забрасывание обучения на полпути. Многие находят мотивацию на первую неделю. А вот дойти до конца не получается. Так как мозг не любит учиться регулярно.
Отсутствие системности. Достаточно распространённое явление, когда мы хватаемся за любую информацию по выбранной теме, двигаемся бессистемно, и как следствие, безрезультатно.
Почему мы выделили именно эти три причины? Потому что занимаемся обучением уже 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
