Курсы JavaScript в Магнитогорске с нуля

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

Курс 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 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

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

• Верстать сайты в 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

Если знакомы с JavaScript, курс поможет вам

• Стать fullstack-разработчиком
• Добавите к знаниям frontend-разработки навыки backend, не изучая второй язык, а освоив только одну технологию.
• Перейти на middle-уровень
• Изучите новые технологии, расширите стек навыков и сможете стать middle-разработчиком.
• Больше зарабатывать
• Сможете работать с более сложными проектами и претендовать на вакансии с большей зарплатой.

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

Введение в Node.js

Вы познакомитесь с рабочей средой Node.js и инструментами разработки. По итогам модуля вы создадите консольное приложение для обработки файлов с помощью потоков.

• Особенности работы с Node.js, установка и настройка рабочей среды
• Менеджер пакетов
• Работа с консолью, циклы событий, асинхронность
• Модули Node.js и инструменты разработки
• Стримы (потоки)
• js HTTP-module. HTTP-stream. Встроенный низкоуровневый веб-сервер

Библиотека Express.js

Познакомитесь с библиотекой Express.js, развернёте приложение на сервере, освоите Docker, подключите базу данных MongoDB для хранения данных и Passport.js для аутентификации пользователей, настроите обмен данными между клиентом и сервером — с этим помогут websocket и socket.io.

• Библиотеки Node.js для веб-разработки. Express.js
• Паттерн «цепочка обязанностей»
• Шаблонизаторы. Отрисовка контента (рендер на сервере). Библиотеки Express.js
• Развёртывание приложения на сервере (heroku)
• Docker, установка и настройка. Контейнеризация приложения
• Сравнение реляционных и объектно-ориентированных БД
• Запуск локальной MongoDB в Docker. Подключение MongoDB в Тode.js-приложение
• Аутентификация. Passport.js
• Realtime взаимодействие с сервером, протокол websocket. Библиотеки ws и socket.io

Приложение для доставки

Вы создадите сайт доставки и чат для общения двух людей. Для создания сайта вы разработаете API для аутентификации, управления и просмотра объявлений и websocket-чат. В проекте вы задействуете технологии Node.js, Express.js, Passport.js, MongoDB и Websocket.

TypeScript

Вы освоите статическую типизацию для js кода с помощью TypeScript. На практике будете использовать богатую систему типов, декораторы, enum-ы и другие возможности языка TypeScript. Научитесь настраивать проект с помощью tsconfig.json, использовать eslint для проверки стиля и качества ts-кода. Воспользуетесь всеми возможностями TypeScript для написания надёжных приложений на Node.js.

• js и TypeScript (настройка окружения, возможности)
• Динамическая типизация JavaScript vs статическая типизация TypeScript. Инструментарий tsc, tslint/eslint. Настройка проекта
• Система типов TypeScript. Основные принципы ООП. SOLID
• Библиотека Reflect-metadata. Loc-контейнеры: type-di, inversify
• Перенос и интеграция JS-проекта на примере пройденных материалов
• Организация проекта и кодовой базы. Разделение приложения на слои

Nest.js

Вы изучите фреймворк Nest.js и основные понятия, создадите проект на Node.js, реализуете функциональность из блока TypeScript на модули Nest.js, подключите базы данных (модуль для MongoDB). Научитесь подключать аутентификацию по модулям Nest.js и добавите тестирование кода в свой проект.

• Основные понятия: модули, контроллеры, сервисы. MVC-архитектура
• Погружение в Nest.js: инверсия зависимостей, провайдеры, Middleware
• Подключение базы данных к Nest.js — модулю для MongoDB. Сервисы, репозитории, примеры
• Потоки RxJs
• Валидация и обработка ошибок. Interceptors, pipes
• Аутентификация в Nest.js, Passport.js. Guards
• Тестирование. Библиотека JEST. Unit-тесты, интеграционные и приёмочные тесты
• Вебсокеты в Nest.js

Firebase

Cоздадите аккаунт firebase, внедрите функциональность проекта «Книги» на cloud-функции и подключите облачную базу данных для хранения данных из cloud-функций.

• Cloud Firestore, Realtime Database
• Cloud Functions, Hosting
• Firebase Authentication

Итоговый проект — агрегатор отелей

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

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

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

• Работать с инструментами разработки Node.js
• Использовать библиотеки и фреймворки Node.js: Express.js, Nest.js
• Писать на TypeScript и использовать инструменты tsc, tslint/eslint
• Подключать и использовать в проекте базы данных (MongoDB)
• Настраивать обмен данными между клиентом и сервером (WebSocket)
• Работать с ПО для автоматизации развёртывания и управления приложениями (Docker)
• Настраивать аутентификацию с помощью Passport.js
• Писать unit-тесты
• Использовать Google Firebase

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

• Новичкам
• Поможем с нуля освоить профессию 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

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

• Применять на практике 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 и узнаем о его метриках.

О курсе

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

Преподаватели и наставники — действующие веб-разработчики. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в прохождении собеседований.

Видеоматериалы, созданные с любовью, много практических заданий для отработки знаний и итоговый проект, который пойдет в ваше портфолио.

Для кого этот курс

• Для тех, кто хочет стать веб-разработчиком
• Основная задача курса - подготовить вас к профессии. После обучения вы сможете найти работу и уже в рамках компании быстро развивать свои навыки
• Для тех, кто хочет попробовать новую сферу
• Веб-программирование остаётся одной из самых востребованных профессий и не собирается сдавать позиции. Это перспективная сфера, в которую ещё есть время попасть, чтобы успешно конкурировать на рынке труда

Вы научитесь

• HTML/HTML5, CSS/CSS3
• Сетевые технологии и протоколы TCP/IP, HTTP, HTTPS, FTP
• Многоколоночные макеты с flexbox
• Вёрстка адаптивных версий сайтов
• Анимация с помощью HTML5 и CSS3
• JavaScript
• Основы React
• Основы Typescript
• Основы PHP
• Знание основ Adobe Photoshop/Figma для верстальщика

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

Абсолютным новичкам

Пройдёте путь от человека, далёкого от IT, до уверенного веб-разработчика с навыками командной работы. Сможете начать карьеру в перспективной IT-студии.

Начинающим программистам

Прокачаете навыки вёрстки, научитесь работать с фреймворками и создавать десктопные приложения на JS. Станете востребованным веб-разработчиком и поймёте, как развиваться в профессии.

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

1. Верстать веб-страницы и письма с помощью HTML и CSS
2. Работать с фреймворками: Angular, React.js, Vue.js
3. Работать с TypeScript
4. Программировать на JavaScript
5. Применять алгоритмы и структуры данных
6. Разрабатывать серверные приложения на Node.js
7. Работать с Git

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

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

1. Веб-вёрстка. Уровень 1
2. Введение.
3. Базовый HTML.
4. Базовый CSS. Часть 1
5. Базовый CSS. Часть 2
6. Подготовка к вёрстке
7. Layout. HTML-разметка.
8. Layout. Flexbox.
9. Layout. Стилизация.
10. Продвинутый HTML. Формы
11. Продвинутый CSS. Часть 1
12. Продвинутый CSS. Часть 2
13. Адаптивность. Десктоп.
14. Адаптивность. Мобильные устройства.
15. JavaScript для верстальщика.
16. Доступность.
17. Кроссбраузерность.
18. База знаний.
19. Сетки
20. Работа с хостингом.
21. Анимация.
22. Javascript. Уровень 1
23. Введение.
24. Переменные и работа с числами.
25. Строки, boolean и условные операторы.
26. Массивы и циклы.
27. Функции.
28. Объекты.
29. Введение в DOM. Часть 1
30. Введение в DOM. Часть 2
31. Константы, области видимости и замыкания.
32. Преобразования и нестрогие сравнения.
33. Веб-вёрстка. Уровень 2
34. Вёрстка HTML-писем.
35. SVG.
36. Анимация на JS.
37. Оптимизация и процесс загрузки.
38. Отрисовка сайта.
39. Сборщики.
40. Препроцессоры и постпроцессоры.
41. CSS Grid.
42. Будущее вёрстки.
43. JavaScript. Уровень 2
44. События браузера, контекст выполнения.
45. Модули.
46. Event loop и асинхронная разработка.
47. Обработка ошибок.
48. Классы.
49. События.
50. Экосистема JavaScript и npm.
51. Сборка.
52. Тестирование.
53. База знаний.
54. Node
55. Введение.
56. Подготовка рабочей среды.
57. Hello, world!
58. Решаем базовые задачи.
59. Асинхронный код.
60. Express.js.
61. Базы данных, реляционные БД.
62. Базы данных, нереляционные БД.
63. CLI-программы.
64. Углубляем теорию + продвинутые понятия.
65. Real-time & WebSockets.
66. Pro tips.
67. TypeScript, часть 1
68. Введение.
69. Компиляция и примитивные типы.
70. Применение типов.
71. Типизация ООП.
72. Дженерики.
73. Утилитарные типы.
74. Дополнительные типы.

Выбор направления

1. Vue.js
2. Введение.
3. Основы Vue.
4. Создание проекта.
5. Каталог товаров.
6. Пагинация и фильтрация.
7. Страница товара.
8. Корзина.
9. Работа с API. Список товаров.
10. Работа с API. Оформление заказа.
11. Деплой.
12. Vue 3.0
13. React.js
14. Введение в React.
15. Создание проекта.
16. TypeScript (Предложение).
17. Компоненты на примере новостной карточки Reddit.
18. Hooks и Функциональное программирование.
19. Больше о компонентах и введение в тестирование компонентов.
20. Работа с публичным API на примере Reddit.
21. API + контекст.
22. Портал и форма.
23. Введение в Redux на примере новостной ленты.
24. Использование Redux-Thunk на примере бесконечной ленты.
25. Формы на примере комментариев и карточки поста.
26. Сайдбар + роутинг.
27. Бонус: Mobx.

Основные курсы после выбора специализации

1. Typescript под Vue/React/Angular
2. tsconfig
3. бандлинг
4. Spread Types
5. Infer
6. Conditional types
7. Маппинг типов
8. Еще немного про ооп
9. Декораторы
10. Миксины
11. Неймспейсы
12. Алгебраические типы
13. Тестирование типов
14. Строковые типы для разбора строк
15. Сложные типы
16. Angular
17. Введение в Angular.
18. Создаём UI Kit.
19. Каталог товаров.
20. Машрутизация.
21. Сервисная архитектура в Angular.
22. HTTP Advanced.
23. RXJS: Поиск товаров.
24. Формы в Angular.
25. Страница товара.
26. Улучшаем приложение.
27. RXJS & Components Advanced: корзина товаров.
28. Тестирование.
29. Способы организации обмена данными.
30. Дополнительные идеи.
31. TypeScript Pro
32. SOLID.
33. Сложные типы.
34. Строковые типы для разбора строк.
35. Абстрактные алгебраические типы.
36. Тестирование типов.
37. DDD.
38. Чистая архитектура.
39. Чистая файловая структура.

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

1. Системы контроля версий, знакомство с Git
2. Работаем с Git на своём компьютере.
3. Работаем с удалённым репозиторием.
4. Командная работа в Git.
5. Сравнение версий и отмена изменений.
6. Инструменты и правила работы с Git.
7. В результате. Научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.
8. Работа с командной строкой Bash
9. Что такое командная строка.
10. Работа с файлами и папками.
11. Авторизация и права доступа.
12. Процессы, сервисы и задачи.
13. Конфигурация и инструменты.
14. Написание скриптов на Bash.
15. Использование Bash на примере настройки веб-сервера.
16. В результате. Научитесь управлять файловой системой компьютера при помощи командной строки. Ускорите работу и будете меньше времени тратить на рутину.
17. Figma
18. Введение в Figma. Обзор возможностей.
19. Работа с графикой.
20. Редактор Figma — модульные сетки и монтажные области.
21. Создание и настройка компонентов, работа с эффектами.
22. Создание вложенных компонентов. Auto Layout.
23. Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
24. Прототипирование.
25. Figma Animate.
26. Бонус-модуль. Обзор и применение Figma plugins.
27. В результате. Познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.
28. Photoshop для веб-разработчика
29. Введение в Photoshop.
30. Инструменты.
31. Работа с файлами и изображениями
32. Принципы работы со слоями и масками.
33. Бонус-модуль. Выделения и маски.
34. Работа со слоями.
35. Эффекты.
36. В результате. Научитесь основам работы в редакторе Photoshop.
37. Английский для IT
38. Терминология.
39. Чтение документации и библиотек.
40. Общение на форумах.
41. Ресурсы технологических новостей
42. Произношение слов.
43. Коммуникация.
44. Акценты.
45. Просмотр видео оригиналов.
46. В результате. Научитесь общаться и искать информацию на английском языке.
47. Универсальные знания программиста
48. Как стать первоклассным программистом.
49. Вёрстка email-рассылок. Советы на реальных примерах.
50. The state of soft skills.
51. Как мы создавали карту развития для разработчиков.
52. Как эффективно работать с почтой.
53. Повышение своей эффективности.
54. Спор о первом языке программирования.
55. Саморазвитие: как я не усидел на двух стульях и нашёл третий.
56. Data-driven-подход к продуктивности — инсайты из данных миллиона людей.
57. Протокол HTTP.
58. Введение в алгоритмы.
59. В результате. Получите полезные навыки, которые пригодятся вам на новой работе.
60. Карьера и развитие программиста
61. Что нужно работодателю.
62. Как создать резюме и искать работу.
63. Как успешно пройти собеседование.
64. Как пройти испытательный срок.
65. В результате. Получите полезные советы по дальнейшему развитию карьеры.

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

• Адаптивная вёрстка сайтов и писем
• Работа с TypeScript
• Уверенное знание JavaScript и ООП
• Разработка серверных приложений на Node.js
• Работа в системе контроля версий Git
• Знание React.js/Angular/Vue.js
• Понимание алгоритмов и структур данных в проектах

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

• Инициализация проекта на Node.js
• Управление зависимостями проекта при помощи npm
• Внутреннее устройство Node.js
• Что такое “цикл событий” и зачем он нужен
• Порядок выполнения операций в цикле событий
• Функции setTimeout/setInterval/setImmediate
• Что такое события
• Как события применяются в Node.js
• Стандартный модуль Events и его базовый функционал
• Навыки записи и чтения файлов различными способами - синхронным, асинхронным, через потоки
• Стандартный модуль Stream и его базовый функционал
• Навыки создания консольных приложений - ввод данных, элементы графического интерфейса, создание исполняемых файлов
• Создание http-сервера на Node.js, базовые знания о маршрутизации http-запросов
• Масштабирование веб-сервера при помощи модуля Cluster
• Отличие вебсокетов от http-запросов, базовые навыки работы с библиотекой Socket.io
• Применение модуля worker_threads для выполнения ресурсоемких вычислений.

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

Урок 1. Введение в Node.js. Управление зависимостями

Cтуденты после урока будут понимать, что такое Node.js, зачем он нужен, будут уметь инициализировать проект, узнают, что такое npm, а также выведут Hello World в консоль двумя разными способами.

Урок 2. Цикл событий. События в Node.js

Вы поймете, как работает Node.js, что такое асинхронные операции и в каком порядке они выполняются. Зачем нужен стандартный модуль Events, какие функции он выполняет. Зачем, когда и как использовать “события”.

Урок 3. Работа с файловой системой. Класс Buffer. Модуль Streams

Мы изучим, что такое кодировка файла, познакомимся со стандартным модулем Node.js для работы с файловой системой. Научится читать, преобразовывать и записывать данные. Узнаем, что такое Buffer в Node.js и где его можно встретить. Изучим, что такое потоки в Node.js, узнаем о 4-х типах потоков, познакомимся с потоковым чтением и записью данных.

Урок 4. CLI-приложения

Узнаем, как создавать консольные приложения при помощи Node.js и создадим своё первое консольное приложение. Познакомимся с базовыми понятиями, вводом данных, научимся добавлять в приложение элементы графического интерфейса и создавать из программы исполняемый файл, способный запускаться и работать из любой директории.

Урок 5. HTTP-cервер на Node.js

Изучим, что такое http-сервер, чем GET-запрос отличается от POST-запроса, как обработать эти запросы и как при помощи Node.js показать html-страницу. А также узнаем, что такое кластеризация, как и зачем применяется стандартный модуль Cluster в Node.js. Подключим этот модуль в свою программу и на практике посмотрим на одну из форм горизонтального масштабирования Node.js сервиса

Урок 6. Библиотека Socket.io. Workers в Node.js

Изучим, что такое веб-сокеты, как организовать получение данных от сервиса в режиме реального времени, изучим базовый функционал библиотеки Socket.IO. Познакомимся со стандартным модулем worker_threads и научимся выносить ресурсоемкие вычисления в отдельный поток, чтобы не блокировать основной

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

• Практикующим 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 и хотят расширить знания, чтобы работать над более сложными и интересными задачами. В процессе обучения вас ждёт практика на реальных проектах, максимально применимая в работе, и индивидуальный фидбэк от преподавателей.

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

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

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

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

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

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

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

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

• Тем, кто хочет начать карьеру программиста
  Вы с нуля научитесь верстать, программировать на 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

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

• Новичкам
• Вам не нужно разбираться в математике или иметь опыт в программировании. Шаг за шагом вы научитесь разрабатывать сайты. Начнёте с простых лендингов, а к концу обучения будете знать фреймворки, создавать сложные корпоративные сервисы и работать в команде.
• Начинающим программистам
• Превратите программирование из хобби в прибыльную профессию. Освоите продвинутые навыки вёрстки, глубже изучите JavaScript и фреймворки. Закроете пробелы в знаниях и сможете претендовать на позицию middle-разработчика в большой компании.
• Фрилансерам без опыта в IT
• Если вы устали от скучной работы и хотите построить карьеру в IT — курс станет хорошим путеводителем в мир веб-разработки. После обучения у вас будет мощное портфолио, опыт командной работы и все необходимые знания для работы на удалёнке или в крутой команде.

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

1. Верстать сайты правильно
2. Детально изучите все возможности современного CSS, научитесь верстать адаптивные сайты, которыми удобно пользоваться. Сделаете проекты эстетичнее при помощи анимаций и переходов.
3. Программировать на JavaScript
4. Будете проектировать логику работы сайта. От простого модального окна до асинхронной загрузки данных с сервера и программирования enterprise-приложений. Без стресса выучите один из самых популярных языков программирования.
5. Работать с современными фреймворками
6. С помощью фреймворков вы сможете быстрее разрабатывать сложные веб-сервисы, а ещё они эффективнее расходуют ресурсы браузера. Вы сами выбираете, что учить — React или Vue.
7. Работать с Git
8. Будете сохранять все этапы работы над проектами, чтобы у коллег всегда был доступ к коду, а случайные ошибки можно было исправить в два клика.
9. Создавать красоту в команде
10. Научитесь работать по спринтам и Scrum-методологии. Под руководством тимлида вместе с другими студентами напишете веб-приложение.

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

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

1. Веб-вёрстка
2. Базовый уровень: вы познакомитесь с HTML и CSS, кросс-браузерной и адаптивной вёрсткой. Научитесь работать с анимацией и хостингами. Сверстаете сайт для художественной галереи по готовым макетам.
3. Продвинутый уровень: узнаете, как автоматизировать сборку проектов и быстрее описывать стили с помощью препроцессоров. Научитесь верстать письма, создавать сетки на grid.
4. JavaScript
5. Базовый уровень: научитесь работать с переменными и числами, изучите массивы, циклы, объекты и функции. Познакомитесь с константами, ключевыми словами const и var, областями видимости, замыканиями и научитесь их использовать в работе.
6. Продвинутый уровень: освоите работу с модулями, событиями и менеджером пакетов npm. Научитесь создавать методы объектов и прототипов, писать тесты и взаимодействовать с сервером с помощью fetch API.

Курсы на выбор

1. React.js
2. Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
3. Vue.js
4. Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js.

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

1. Универсальные знания программиста
2. Курс по слепому методу печати
3. Photoshop
4. Figma
5. Английский для IT-специалистов
6. Система контроля версий Git
7. Язык запросов SQL
8. Карьера и развитие программиста
9. Soft skills для программиста
10. Работа в командной строке Bash
11. Алгоритмы и структуры данных

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

1. Лендинг
2. Вы сверстаете посадочную страницу, продвигающую вас как фриланс-разработчика.
3. Сайт
4. Вы создадите сайт из трёх страниц, функционирующий как интернет-магазин.
5. Интернет-магазин
6. Вы разработаете полноценный интернет-магазин с помощью Vue.js.
7. Трекер задач по системе «Помодоро»
8. Вы напишете трекер с таймером, который поможет сфокусироваться на работе.

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

• Адаптивная и кроссбраузерная вёрстка
• Корректирование макетов в Figma и Photoshop
• Знание JavaScript
• Разработка по scrum-методологии
• Работа с Web API и протоколами HTTP/HTTPS
• Знание SQL
• Создание сайтов и приложений на Vue.js, React.js
• Работа в командной строке Bash
• Продвинутые навыки работы с CSS3 и HTML5
• Работа с системами контроля версий Git
• Создание серверных решений
• Деплой, сборка проектов под продакшн

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

• Junior- и middle-тестировщикам
• Научитесь работать с редкими функциями Selenium и писать автотесты на JS с помощью фреймворков. Прокачаете навыки UI-тестов, автоматизируете тестирование с помощью CI/CD и сможете больше зарабатывать.
• Проходящим курс «Профессия Тестировщик»
• Научитесь писать сложные автотесты на JavaScript, работать с фреймворками и непрерывной интеграцией. Добавите ещё один язык программирования в список навыков и сможете претендовать на большее количество вакансий.

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

1. Писать автотесты
2. Разберётесь в функциях и настройках Selenium IDE и научитесь писать автотесты без программирования.
3. Программировать на JavaScript
4. Изучите синтаксис и основные функции языка, научитесь отлаживать и писать небольшие приложения.
5. Работать с фреймворками
6. Научитесь использовать Selenium Webdriver и тестовые фреймворки Cypress и Webdriver.io. Сможете создавать тесты с предусловиями и постусловиями.
7. Создавать UI-тесты
8. Углубитесь в работу с Selenium WebDriver, научитесь пользоваться паттерном PageObject. Сможете тестировать пользовательские интерфейсы.
9. Использовать Git
10. Научитесь работать с распределённой системой контроля версий и сможете работать над разными версиями проекта в большой команде.
11. Автоматизировать тесты
12. Научитесь работать с CI/CD и Gitlab. Непрерывная интеграция поможет регулярно проводить автотесты, быстро находить ошибки и не копить технический долг.

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

Базовые навыки

1. Система контроля версий Git
2. Автоматизированное тестирование на JavaScript. Часть 1
3. JavaScript. Базовый уровень

Продвинутые навыки

1. JavaScript. Продвинутый уровень
2. Автоматизированное тестирование на JavaScript. Часть 2

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

• Кросс-браузерное тестирование
• Работа с фреймворками Webdriver и тестовым mocha.js
• Создание простых и сложных UI-тестов на Selenium WebDriver
• Знание CI/CD и настройка Gitlab
• Написание автотестов на JavaScript
• Работа с Git
• Работа с Selenium IDE
• Работа с Cypress и Webdriver.io
• Знание основных паттернов
• Гибридная автоматизация

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

• Frontend-разработчикам
• Вы расширите круг своих компетенций, научитесь разрабатывать и клиентскую, и серверную часть кода — сможете самостоятельно создавать веб-серверные приложения, которые работают в режиме реального времени.
• Backend-разработчикам
• Вы освоите Node.js и научитесь писать backend на JavaScript — разберётесь во взаимодействии серверной и клиентской частей кода и станете более востребованным специалистом.

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

1. Создавать веб-серверные приложения и CLI-утилиты
2. Работать с менеджером пакетов npm
3. Работать с шаблонами HTML
4. Работать с REST API
5. Использовать популярные модули Node.js
6. Использовать инструменты разработчика для написания, контроля качества, тестирования и отладки кода
7. Использовать базы данных PostgreSQL и MongoDB
8. Развёртывать проект вручную и в автоматизированных системах
9. Работать с HTTP

Содержание курса

1. Подготовка рабочей среды
2. Познакомитесь с терминалом, Git, VSCode, установите и настроите рабочую среду на Windows, Linux или macOS.
3. Hello, world!
4. Создадите свою первую программу на Node.js, узнаете о конфигурационном файле package.json и установке зависимостей, научитесь пользоваться специальным шаблоном для быстрого старта проекта.
5. Решаем базовые задачи
6. Узнаете, как работать с файловой системой, создавать веб-сервер и обрабатывать HTTP-запросы, посылать запросы к сторонним сервисам. Изучите полезные встроенные и сторонние модули.
7. Асинхронный код
8. Поймете, что такое асинхронность и почему она важна, изучите основные подходы к организации асинхронного кода (callbacks, Promises, async/await), узнаете про библиотеку Bluebird.
9. Express.js
10. Познакомитесь с популярным веб-фреймворком Express.js. Научитесь работать с рендерингом HTML, REST API, загрузкой файлов, авторизацией и аутентификацией.
11. Реляционные базы данных
12. Изучите работу с реляционными базами данных на примере PostgreSQL.
13. Нереляционные базы данных
14. Изучите работу с нереляционными базами, их особенности и применение. Научитесь работать с MongoDB.
15. CLI (Command Line Interface) программы
16. Научитесь создавать CLI-утилиты с помощью Node.js.
17. Углубляем теорию
18. Изучите продвинутые темы: жизненный цикл процесса, event loop, работа с Buffer, streams, генераторы и итераторы, HTTPS.
19. Real-time & WebSockets
20. Узнаете, что такое real-time приложения, какие есть подходы к их реализации. Научитесь работать с протоколом WebSocket.
21. Pro tips
22. Получите полезные практические советы и инструменты для эффективной отладки, тестирования, развёртывания проекта.
23. Дипломный проект. Сервис личных заметок
24. Вы создадите серверную часть для сервиса личных заметок. Реализуете авторизацию, REST API, взаимодействие с базой данных — и развернёте проект на хостинге.