Курсы React.js

Чему вы научитесь

1. Разрабатывать реальные приложения на NextJS и React
2. Работать с React Hooks
3. Понимать работу SSR и создавать SEO-friendly сайтов
4. Верстать макеты на CSS Grid
5. Работать с анимацией и библиотекой Framer
6. Обеспечивать доступности приложения и работать с ARIA атрибутами
7. Подготавливать ваше приложение к production
8. Работать с формами, их отправкой и валидацией
9. Писать на TypeScript
10. Собирать production проект и настраивать eslint, stylelint и отладку

Курс для начинающих разработчиков, которые уже освоили JavaScript и хотят расширить знания, чтобы работать над более сложными и интересными задачами. В процессе обучения вас ждёт практика на реальных проектах, максимально применимая в работе, и индивидуальный фидбэк от преподавателей.

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

• Компоненты
• Продвинутые техники, одностраничные приложения
• Redux — управление состоянием
• GIT — система контроля версий
• Дипломный проект

Что вы получите в результате обучения

Что умею делать

• Работать с библиотекой React
• Создавать многостраничные приложения с React Router
• Интегрироваться с REST API
• Разбираюсь в Store, Actions, Reducers, Redux Thunk, Redux Observable, Redux Saga

Ключевые навыки

• Работа с props, управление внутренним состоянием компонента и обработка данных из форм
• Владею продвинутыми техниками композиции компонентов и работы с дочерними компонентами
• Использую самое современное API: хуки и Context API

Чему Вы научитесь

• Применять на практике ES6;
• Настраивать сборку приложения при помощи Webpack;
• Работать с библиотекой ReactJS;
• Настраивать и применять роутинг в ReactJS-приложении;
• Использовать концепцию Flux с применением библиотеки Redux;
• Разбираться в реализации backend на примере использования NodeJS, ExpressJS и MongoDB.

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

Урок 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 и узнаем о его метриках.

Кому подойдёт этот курс

• Практикующим JavaScript-разработчикам
  Вы освоите работу с фреймворком React.js, увеличите круг своих компетенций и задач, которые сможете выполнять на проекте — станете более конкурентоспособным сотрудником.
• Frontend-разработчикамjs — один из самых популярных фреймворков в мире. Вы научитесь создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.

Чему вы научитесь

1. Создавать приложения с нуля
   Конфигурировать их с помощью Webpack или использовать готовые решения.
2. Работать с публичными API
   Узнаете о механизмах OAuth и имплементациях в React.
3. Познакомитесь с Flux, Redux, Mobx
   Узнаете подробности о состоянии приложения и работе с ним.
4. Профилировать свое приложение
   Искать слабые места и оптимизировать их.
5. Тестировать свое приложение
   Познакомитесь с библиотеками Jest и Enzyme.
6. Создавать SPA и RIA приложения с нуля
   Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.

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

1. Введение в React
2. Создание проекта
3. Typescript
4. Компоненты на примере новостной карточки Reddit
5. Hooks и функциональное программирование
6. Компоненты - продвинутые темы. Введение в тестирование компонентов
7. Работа с публичным API на примере Reddit
8. React Context
9. Портал и форма
10. Введение в Redux на примере поля для ввода комментария
11. Использование Redux-Thunk на примере загрузки профиля пользователя
12. Формы на примере комментариев и карточки поста
13. «Бесконечные» списки на примере ленты постов
14. Сайдбар + роутинг
15. SSR + NextJS
16. Бонусный модуль: Mobx

Кому подойдёт этот курс

• Тем, кто хочет начать карьеру программиста
  Вы с нуля научитесь верстать, программировать на JavaScript и разрабатывать полноценные сайты. Освоите полный цикл создания веб-проектов и сможете устроиться в IT-компанию.
• Начинающим разработчикам
  Вы познакомитесь с Node.js и фреймворками и углубите свои знания. Сможете перейти на позицию fullstack-разработчика в веб-студии или создавать сайты «под ключ» на фрилансе.
• Опытным специалистам
  Вы изучите Vue.js, React.js или Angular и сможете создавать сложные интерактивные интерфейсы. Получите soft skills для профессионального развития и поймёте, куда двигаться дальше.

Чему вы научитесь

1. Верстать сайты
   Познакомитесь с HTML и CSS, сможете верстать лендинги и многостраничные адаптивные сайты. Научитесь находить ошибки в чужой вёрстке и исправлять уже готовый код.
2. Работать с фреймворками
   Изучите React.js, Vue.js или Angular и научитесь создавать динамичные интерактивные пользовательские интерфейсы.
3. Разрабатывать backend сайтов
   Узнаете принципы объектно-ориентированного программирования и сможете разрабатывать сайты с разным функционалом на JavaScript с помощью Node.JS.
4. Работать с базами данных
   Узнаете, чем различаются MySQL, Redis и MongoDB. Научитесь управлять большими объёмами данных и получать нужное с помощью запросов.
5. Использовать Git
   Научитесь работать с распределённой системой контроля версий, сможете легко вносить или откатывать изменения и работать над проектом в большой команде.
6. Работать с сетью
   Поймёте, как устроено клиент-серверное взаимодействие, научитесь работать с API и сможете настраивать связь frontend`а и backend`a в рамках одного проекта.

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

Основные курсы

• Веб-вёрстка. Базовый уровень
• Веб-вёрстка. Продвинутый уровень
• Базовый уровень
• Продвинутый уровень
• js

Курс на выбор

• JavaScript-фреймворк Vue.js
• js
• Angular

Дополнительные курсы

• Универсальные знания программиста
• Курс по слепому методу печати
• Основы Photoshop
• Figma
• Работа в командной строке Bash
• Система контроля версий Git
• Английский для IT-специалистов
• Карьера и развитие программиста
• Soft skills для программиста

Профессиональные навыки:

• Вёрстка сайтов на HTML и CSS
• Работа с протоколами HTTP/HTTPS
• Основы Redux
• Веб-разработка на JavaScript
• Разработка бэкенда с помощью Node.js
• Работа с Web API
• Адаптивная вёрстка
• Работа с базами данных: MySQL, MongoDB, Redis
• Создание веб-приложений на фреймворке React.js/Vue.js/Angular
• Работа с системой контроля версий Git

Что вы будете уметь после обучения

• Верстать сайты в HTML и CSS 
• Разрабатывать клиентскую часть сайта на React
• Программировать на языках JavaScript и TypeScript
• Работать с базами данных с использованием MongoDB
• Создавать серверную часть на Node.js, Express.js, Nest.js
• Работать с API сторонних сервисов и проводить Unit-тестирование

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

Часть 1. Frontend-разработка 

• Вёрстка сайта на HTML и CSS
• Адаптивная и мобильная вёрстка 
• Курсовой проект — адаптивная вёрстка сайта
• Основы программирования на JavaScript
• Система контроля версий Git
• Основы работы с JavaScript
• Курсовой проект — веб-менеджер личных финансов
• Разработка на JavaScript в браузере
• Профессиональная работа с JavaScript
• Frontend-разработка на React 
• Курсовой проект — агрегатор отелей: frontend

Часть 2. Backend-разработка

• Введение в Node.js
• Библиотека Express.js
• Курсовой проект — приложение для доставки
• TypeScript 
• js
• Firebase 
• Карьера в fullstack-разработке

Дипломный проект. 

Сайт-агрегатор для просмотра и бронирования отелей 

В конце обучения вы создадите сайт-агрегатор для просмотра и бронирования отелей. Для выполнения итоговой работы разработаете публичный API, API пользователя, API администратора и чат для консультанта. В проекте вы задействуете технологии Node.js, Nest.js, MongoDB и Websocket.

Кому будет полезен курс

• Новичкам в программировании
  Если у вас нет технического образования и опыта программирования, курс поможет быстро начать карьеру в IT. Вы изучите простой и популярный язык программирования — JavaScript. Это позволит вам быстро разобраться в программировании и найти работу, даже не имея опыта
• Начинающим разработчикам
  Вы углубите имеющиеся знания и ускорите карьерный рост. Комплексная программа и опыт работы с продвинутыми инструментами, фреймворками, методологиями и стандартами позволят уверенно себя чувствовать даже программистам, имеющим небольшой опыт работы
• Frontend- и backend-разработчикам
  Сможете добрать недостающие знания и стать fullstack-разработчиком. Умение разрабатывать клиентскую и серверную части проекта позволит вам работать со сложными, комплексными проектами и увеличить свою стоимость как специалиста

Ключевые навыки

• Вёрстка сайтов в HTML и CSS
• Frontend-разработка на JavaScript и React 
• Использование библиотек React Router, Redux и Redux Thunk
• Работа с изменениями кода проекта с помощью Git и GitHub
• Программирование на языках JavaScript  и TypeScript
• Backend-разработка на js: Express.js, Nest.js
• Применение принципов клиент-серверного взаимодействия
• Работа с  API сторонних сервисов
• Работа с базами данных с ипользованием MongoBD
• Работа с облачной базой данных с помощью Google Firebase
• Автоматизация развёртывания и управления приложениями с помощью Docker
• Unit-тестирование при помощи Jest

Кому подойдет курс

• Новичкам
• Поможем с нуля освоить профессию fullstack-разработчика: вы научитесь делать сайты, высоконагруженные сервисы и приложения.
• Начинающим веб-разработчикам
• Освоите полный цикл создания сайтов и приложений. После обучения сможете перейти на позицию fullstack-разработчика и делать высоконагруженные сервисы под ключ на фрилансе.
• Практикующим IT-специалистам
• Подскажем, как перейти в востребованное направление и зарабатывать больше.

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

Подготовительный блок

• Как учиться эффективно. Видеокурс от методистов GeekUniversity
• Основы программирования. Видеокурс
• Базовый курс

Frontend-разработка

• HTML/CSS. Интерактивный курс
• Уровень 1
• Продвинутый курс JavaScript
• Базовый курс

Бэкенд-разработка на JavaScript

В этой четверти студенты научатся использовать большинство возможностей, предоставляемых языком.Смогут создавать backend-приложения, которые будут генерировать HTML на бэкэнде, используя данные из базы данных. Заодно будут изучены: базовые принципы сетевых протоколов, особенности HTTP-протокола, базовая структура HTML.

• Рабочая станция
• js
• Базы данных
• Сетевой протокол HTTP

Фуллстек-разработка

Самый большой и самый технически сложный блок, после которого студенты уже смогут самостоятельно решать задачи средней сложности.

• TypeScript
• Разработка сайтов с использованием Nest.js
• Разработка высоконагруженных бэкэнд-приложений

Soft skillsРасскажем о том, как взаимодействовать с командой и проходить собеседования.

• Agile, Scrum. Теория
• Выпускной проект
• Подготовка к собеседованию

Курсы вне четверти

• Разработка десктопных приложений на Electron.js
• Разработка кроссплатформенных приложений на React Native
• Алгоритмы и структуры данных
• Подготовка к поиску работы

Ключевые навыки

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