Курс 1. HTML, CSS и адаптивный дизайн
Что вас ждет в модуле:
Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.
Проектный результат:
По итогу модуля сверстаете функциональный сайт интернет-магазина, адаптированный под разные устройства. Для большей практики в этом курсе есть возможность сверстать 4 дополнительных лендинга.
Курс 2. Основы JavaScript
Что вас ждет в модуле:
Получите плавный вход в программирование, освоив базовый синтаксис языка JavaScript. Узнаете, как работать с переменными, функциями, объектами и массивами. Научитесь решать задачи на этом языке самостоятельно и в командах.
Проектный результат:
В этом курсе вы закрепите навык вёрстки без подсказок и инструкций, а также подключите JavaScript проекту. По итогу курса вы сделаете стильный лендинг с играми на JavaScript.
Курс 3. JavaScript в браузере
Что вас ждет в модуле:
С помощью JavaScript вы научитесь добавлять динамичности интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model), а также внешними API.
Проектный результат:
Во время курса вы сделаете несколько небольших проектов, например: виджет погоды, интерфейс создания и ввода пин-кода, форму отправки отзыва с рейтингом заведения. В конце курса вас ждет создание многопользовательской браузерной игры камень-ножницы-бумага.
Курс 4. Инструменты разработки
Что вас ждет в модуле:
В этом курсе вы узнаете об основных инструментых разработчика, которые важны для удобства работы с проектом и скорости внесения изменений. Вас ждёт знакомство и работа с GIT, GitHub, линтерами, форматтерами, пакетными менеджерами и инструментом для сборки Webpack. Во второй половине курса вы научитесь тестировать свой проект, проводить рефакторинг и ревью кода.
Проектный результат:
В этом курсе вы запрограммируете приложение для карточной игры, подключите свой проект к GIT, настроите форматтеры и линтеры. После вы проведете тестирование, деббаг и рефакторинг своего проекта.
Курс 5. Фреймворк React
Что вас ждет в модуле:
Фреймворк React — это набор готовых решений и функций на Java Script. Сегодня React — самый популярный фреймворк во фронтенд-разработке и большинство крупных компаний используют именно его. В рамках этого курса вы осовоите React-компоненты, React Hooks, а также научитесь работать с бибилиотекой Rеdux.
Проектный результат:
В рамках этого самого длинного курса вы с нуля создадите SPA-приложение — билетный портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.
Курс 6. Знакомство с бэкенд-разработкой
Что вас ждет в модуле:
Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node.js, базами данных.
Проектный результат:
В рамках этого короткого модуля вы подключите собственный бекэнд к проекту из курса по React.
Курс 7. Процессы командной разработки
Что вас ждет в модуле:
К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.
Проектный результат:
Вас ожидает командная разработка приложения для онлайн-школы. Внутри команды вам предстоит распределять задачи, чтобы успеть в срок, оценивать код друг друга и работать по спринтам. Наставники на это время превратятся в техлидов и будут прикреплены к каждой команде.
Курс 8. Финальный индивидуальный проект
Финальный проект — это время собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.
Разрабатывать SPA на React.js
Оптимизировать React.js приложения
Разделять работу с данными и представлением
Управлять потоками ваших данных
Тестировать приложения
Выбирать правильные инструменты для вашего стартапа
Насыщенная программа
Поддержка наставника
Готовое портфолио
Доступ к материалам
Telegram-чат
Сертификат
Ламповая атмосфера
Начало карьеры
Неделя 1 — Введение в React.js
Неделя 2 — Паттерны React.js, тестирование
Неделя 3 — Redux, роутинг
Неделя 4 — Redux-saga
Неделя 5 — Формы, CI & DI & Client error handling
Неделя 6 — Работа над проектом
Часть 1. Frontend-разработка
Часть 2. Backend-разработка
Дипломный проект.
Сайт-агрегатор для просмотра и бронирования отелей
В конце обучения вы создадите сайт-агрегатор для просмотра и бронирования отелей. Для выполнения итоговой работы разработаете публичный API, API пользователя, API администратора и чат для консультанта. В проекте вы задействуете технологии Node.js, Nest.js, MongoDB и Websocket.
Подготовительный блок
Frontend-разработка
Бэкенд-разработка на JavaScript
В этой четверти студенты научатся использовать большинство возможностей, предоставляемых языком.Смогут создавать backend-приложения, которые будут генерировать HTML на бэкэнде, используя данные из базы данных. Заодно будут изучены: базовые принципы сетевых протоколов, особенности HTTP-протокола, базовая структура HTML.
Фуллстек-разработка
Самый большой и самый технически сложный блок, после которого студенты уже смогут самостоятельно решать задачи средней сложности.
Soft skillsРасскажем о том, как взаимодействовать с командой и проходить собеседования.
Курсы вне четверти
Frontend:
— Разработка frontend-приложений на React
— Семантическая верстка HTML5 + CSS3
— React для SPA
— Redux + Redux-Saga / Redux Observable
— Styled-components, makeStyles, SASS
Backend:
— Разработка backend-приложений на Node.js
— JavaScript и TypeScript
— Express.js, Nest.js
— PostgreSQL, TypeORM, Memcached, MongoDB, Redis
— Cluster, Worker
Дополнительная информация:
— Знаю функциональное и объектно-ориентированное программирование
— Умеют работать с командной строкой Linux
— Есть опыт разработки desktop-решения на базе Electron.js
— Есть опыт разработки мобильного приложения на React Native
Основные курсы
Курс на выбор
Дополнительные курсы
Для тех, кто хочет стать веб-разработчиком
Курс для начинающих разработчиков, которые уже освоили JavaScript и хотят расширить знания, чтобы работать над более сложными и интересными задачами. В процессе обучения вас ждёт практика на реальных проектах, максимально применимая в работе, и индивидуальный фидбэк от преподавателей.
Что умею делать
Ключевые навыки
Урок 1. Знакомство с ReactJS. Первые компоненты
Что такое SPA. Зачем нужен webpack. Менеджер пакетов npm. Настройка webpack. Создание первого React-приложения.
Урок 2. Жизненный цикл компонента
ReactComponent, state, componentWillMount и componentDidMount, componentDidUpdate, componentWillUnmount. Вложенность компонентов и props и propTypes. Начало разработки мессенджера.
Урок 3. Virtual DOM. Material UI. PropTypes
Что такое Virtual DOM. Стилизация React-компонентов. Обработка событий. Подключение и
Урок 4. Children. Роутинг в React
prevState и prevProps. Подключение BrowserRouter. Switch, Route и Link. Как осуществляется роутинг. Хранение чатов и сообщений. Способы отладки React-приложения.
Урок 5. Контекст. Компоненты высшего порядка. Знакомство с Redux
Зачем нужен Redux. Схема работы Redux. Reducers и actions. Redux DevTools Extension. Компоненты и контейнеры. Перенос сообщений в Redux.
Урок 6. Погружение в react-redux
Когда нужно использовать Redux middlewares. Реализация ответа от робота при помощи middlewares. ConnectedRouter. Хранение истории сообщений при помощи redux-persist.
Урок 7. Redux middlewares. Redux-persist.
Познакомимся с redux middlewares. Познакомимся с одной из самых популярных библиотек для middlewares - redux-thunk. Научимся использовать redux-thunk для асинхронных действий. Рассмотрим альтернативы redux-thunk - redux-saga и redux-observable. Познакомимся с библиотекой redux-persist. Научимся сохранять данные из стора на стороне клиента.
Урок 8. Работа с API
Что такое API. Как работают асинхронные запросы. Кратко о промисах. fetch(). redux-api-middleware. normalizr и schemas. Получение чатов и сообщений по API.
Урок 9. Знакомство с Firebase
Узнаем о firebase и создадим проект в нем. Научимся подключать авторизацию через email и пароль. Научимся работать с RealtimeDB для сохранения чатов и сообщений.
Урок 10. Тестирование и оптимизация приложений на React
Узнаем о Jest и тестировании приложений на React Научимся использовать Jest и react-testing-library для создания простых тестов. Познакомимся с оптимизацией веб-приложений, узнаем о shouldComponentUpdate и PureComponent. Познакомимся с Lighthouse и узнаем о его метриках.
Курс составлялся на основе вакансий и требований компаний к веб-разработчикам. Всё необходимое добавили, ненужное убрали — вам осталось посмотреть, всё выполнить и получить профессию. Сложность повышается поэтапно, поэтому вы можете учиться и без начальной подготовки в этой сфере.
Преподаватели и наставники — действующие веб-разработчики. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в прохождении собеседований.
Видеоматериалы, созданные с любовью, много практических заданий для отработки знаний и итоговый проект, который пойдет в ваше портфолио.