Программа курса
HTML/CSS: от основ до профессиональной верстки
Курс начинается с основ веб-разработки. Студенты узнают о профессии фронтенд-разработчика, настраивают рабочее среду и создают первый сайт. Вводный модуль охватывает необходимые знания и инструменты для дальнейшей работы.
Работа с HTML
На этом этапе изучаются основы HTML: теги, атрибуты и семантика. Студенты научатся работать с текстом, изображениями, списками и интерактивными элементами. Далее идет углубленное изучение таблиц, медиаконтента и инструментов разработчика для отладки кода.
Основы CSS и оформление текста
Модуль посвящен подключению стилей, селекторам и каскадности. Особое внимание уделяется работе со шрифтами - от подключения до оформления текста. Студенты освоят CSS переменные для удобного управления стилями.
Блочная модель и современные методы раскладки
Здесь рассматривается геометрия элементов, типы отображения и структурные псевдоклассы. Затем студенты осваивают Flexbox для гибких макетов и CSS Grid для сложных сеточных структур. Каждая технология закрепляется практическими заданиями.
Декоративные эффекты и графика
Этот блок учит работать с фоновыми изображениями, градиентами, тенями и псевдоэлементами. Отдельно рассматривается векторная графика SVG - от добавления на страницу до создания спрайтов. Студенты освоят различные типы позиционирования элементов.
Анимация и интерактивность
Модуль охватывает создание динамических эффектов: трансформации, плавные переходы и сложные анимации. Практическая часть включает работу с веб-формами, их валидацию и проверку введенных данных.
Профессиональные инструменты и адаптивность
Студенты знакомятся с препроцессорами SASS/SCSS для эффективной работы со стилями. Изучается методология БЭМ для структурированного кода. Особое внимание уделяется созданию адаптивных макетов, медиа-запросам и работе с ретиной.
JavaScript: от базового синтаксиса до сложных концепций
Начало языка программирования включает основы синтаксиса, типы данных и операторы. Студенты учатся строить алгоритмы, работать с условиями и циклами. Особое внимание уделяют функциям, стрелочным функциям и лексическому окружению.
Работа с данными и объектно-ориентированное программирование
Модуль охватывает массивы, методы работы с ними и области видимости. Далее идет изучение замыканий, контекста вызова и методов call, apply, bind. Студенты осваивают ООП - объекты, классы и основные принципы: инкапсуляцию, наследование, полиморфизм.
Современный JavaScript и работа с DOM
Здесь рассматриваются новые возможности ES6+, конструкторы и прототипы. Практическая часть включает работу с DOM - навигацию, свойства и манипуляции узлами. Отдельно изучаются события, формы и механизмы их обработки.
Хранение данных и асинхронность
Студенты научатся работать с Local Storage для сохранения данных. Знакомятся с Node.js и установкой библиотек. Особое внимание уделяют асинхронному JavaScript - Promise, setTimeout, setInterval и работе с датами.
Сетевые технологии и современные инструменты
Модуль охватывает протоколы передачи данных TCP/IP, HTTP/HTTPS и коды ответов. Студенты освоят REST API, методы Ajax и Fetch для взаимодействия с сервером. Завершается блок знакомством со сборкой проектов через WebPack и Gulp.
React: создание современных интерфейсов
Начало работы с React включает настройку инструментов, JSX и компоненты. Студенты изучают разницу между классовыми и функциональными компонентами. Особое внимание уделяют состоянию компонентов, ререндеру и работе с событиями.
Работа с данными в React
Модуль охватывает передачу данных через props, условный рендеринг и работу с коллекциями. Изучаются жизненные циклы компонентов - монтирование, обновление и размонтирование. Студенты осваивают методы классовых компонентов для контроля поведения.
Хуки и оптимизация в React
Этот блок посвящен современным хукам: useEffect, useState, useReducer и useRef. Вторая часть охватывает оптимизационные хуки useMemo, useCallback и React.memo. Студенты научатся создавать собственные кастомные хуки для повторного использования логики.
Стилизация и работа с формами
Здесь рассматриваются различные подходы к стилизации: инлайн-стили, обычный CSS, CSS модули и CSS-in-JS. Отдельный модуль посвящен работе с формами - контролируемые и неконтролируемые элементы, сложные формы и библиотеки для их обработки.
Сетевые запросы и навигация
Студенты научатся делать HTTP запросы к REST API, обрабатывать загрузку и ошибки. Знакомятся с библиотекой React Router для клиентской навигации. Изучаются базовые роуты, вложенные маршруты, приватные страницы и программная навигация.
Управление состоянием приложения
Модуль охватывает useContext для глобального состояния и знакомство с Redux. Студенты осваивают Redux Toolkit - ConfigureStore, CreateAction, CreateReducer и CreateSlice. Практика включает создание централизованного хранилища для сложных приложений.
React Native: мобильная разработка
Переход к мобильной разработке начинается с основ React Native и платформы Expo. Студенты изучают отличия от React, базовые компоненты и работу с данными через AsyncStorage. Отдельно рассматриваются стили и навигация между экранами.
Расширенные возможности React Native
Этот блок включает работу с картами, календарем и внешними API. Студенты научатся обрабатывать QR-коды и создавать страницы с внешними ссылками. Завершается курс рефакторингом кода и сборкой приложения для Android.
Node.js: серверная разработка
Начало серверной части охватывает основы Node.js, цикл событий и создание консольных приложений. Студенты знакомятся с фреймворком Express, принципами CRUD и инструментом Postman для тестирования API.
Работа с базами данных
Модуль посвящен реляционным базам данных SQLite и языку SQL. Параллельно изучаются нереляционные базы MongoDB и ODM Mongoose. Студенты интегрируют работу с базами данных в серверные приложения.
Безопасность и файловая система
Здесь рассматривается аутентификация пользователей, защита данных и разграничение прав доступа. Отдельный блок посвящен работе с файлами - чтение, запись, редактирование и хранение в базе данных.
Тестирование и деплой
Студенты научатся создавать собственные модули, писать тесты с помощью Mocha и Chai. Финальный проект включает разработку полноценного сервера, его деплой на Heroku и работу с Git для контроля версий.
Дополнительные технологии
Завершающие модули охватывают работу с электронной почтой, использование Docker для контейнеризации и вебсокеты для реального времени. Это добавляет последние штрихи к портфолио backend-разработчика.
Soft Skills для IT-специалиста
Курс мягких навыков начинается с определения собственного уровня и приоритетов развития. Студенты анализируют коммуникацию, креативность, самодисциплину и другие ключевые качества для успешной карьеры в IT.
Личное развитие и эффективность
Модуль охватывает постановку целей по SMART-методологии, их декомпозицию и достижение. Особое внимание уделяется эмоциональному интеллекту, эмпатии и установлению личных границ.
Коммуникация и конфликты
Студенты изучают основы экологической коммуникации, барьеры общения и правила успешного взаимодействия. Отдельно рассматривается конфликтология - виды конфликтов, способы их разрешения и сохранение спокойствия во время споров.
Публичные выступления и личная эффективность
Этот блок учит эффективно доносить мысли, преодолеть страх публичных выступлений и строить понятные сообщения. Завершается курс принципами эффективного обучения, финансовой грамотности и тайм-менеджмента.
Особенности обучения
Занятия проходят трижды в неделю с доступом к записям. Каждая тема закрепляется практическими домашними заданиями. Преподаватели - практикующие специалисты из IT-компаний - проводят живые Q&A сессии для разъяснения сложных моментов.
