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

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

1. Писать полноценные web приложения на JavaScript
2. Разбираться в основах JavaScript
3. Работать с функциями, массивами, строками и объектами
4. Писать циклы, сортировки, фильтры
5. Понимать процесс работы JavaScript
6. Понимать работу stack вызовов
7. Работать с контекстом и ключевым словом this
8. Писать замыкания и понимать как они устроены
9. Работать с Document Object Model
10. Обрабатывать данные форм
11. Сохранять данные в Local Storage

Этот курс является вторым курсом по JavaScript, который рассматривает уже продвинутые концепции и детально погружается в устройство JS. От вас нужно только базовое знание основ JS и HTML и CSS для финального проекта. Этот курс сфокусирован на том, чтобы донести продвинутые концепции языка, а так же подвести вас к использованию фреймворков, таких, как React, Vue и Angular с пониманием, что происходит под капотом. Ведь все эти знания мы применим на финальном проекте – библиотеки книг. Мы сделаем полноценное SPA приложение с компонентной структурой, реактивностью и сборщиком. В процессе мы даже сделаем свой mini framework с использованием ООП.

Почему Node.js?

JavaScript является самым популярным языком программирования в мире. Поэтому многие крупные компании выбирает Node.js для создания backend приложений. За счёт того, что в курсе вы детально изучите JavaScript и TypeScript, вы сможете в дальнейшем перейти на fullstack и зарабатывать в разы больше обычных backend разработчиков.

• Более 1000 открытых вакансий
• От 70 000 рублей средняя зарплата junior разработчика Node.js

Как проходит обучение

Профессия состоит из 7 отдельных курсов, где вы изучаете последовательно весь материал и закрепляете его на практике. Каждый курс состоит из модулей, которые разделяют его на логические блоки для удобного освоения материала.

• Лекции - Вы изучаете материал по небольших 10 минутным лекциям, где без воды даны основные практические знания и навыки.
• Упражнения - В модуле даётся одно или несколько упражнений для закрепления материала с решениям для проверки.
• Тесты - В конце модуля вас ждёт тест для проверки теоретических знаний, которые пригодятся на собеседовании.
• Задания - И завершается модуль домашним заданием, где вы пишете код и получаете реальное код ревью от наставника.

Что входит в профессию

Мы проработали для вас путь, который позволит освоить профессию от простого к сложному. Постепенно двигаясь по курсу, вы сможете начав с самых основ дорасти до знаний Junior+ / Middle.

1. Основы JavaScript
2. Продвинутый JavaScript
3. TypeScript с нуля
4. Node.js с нуля
5. Nest.js с нуля
6. Docker и Ansible
7. Микросервисы

О профессии

Live поддержка

Вы будете вживую общаться с ведущими разработчиками из крупных компаний.

Код ревью

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

Домашние задания, упражнения и тесты

Для закрепления материалов на практике под руководством наставника.

Практические собеседования

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

Персональная карта развития

Вы получаете просто обратную связь от наставника, а полноценную карту развития, где отражаться ваши сильные и слабые стороны.

Нам доверяют

Основатель школы и автор Антон Ларичев занимается разработкой уже более 13 лет и прошёл путь от разработчика до CTO. В курсах даются актуальные материалы без воды с опытом реальных проектов и практическим закреплением материала.

• 15 000 учеников по всему миру
• 30 дней гарантия возврата денег
• 90% студентов рекомендуют курсы

Продвинутый курс с наставником для освоения основ Node.js

Node.js - это среда выполнения JavaScript на backend, спроектированная для построения масштабируемых сетевых приложений. На текущий момент его используют уже не только для создания backend for frontend, но и для написания полноценных backend приложений, микросервисов и парсеров сайтов. Он не заменим для создания GraphQL API или выполнения SSR frontend приложений. Что даёт курс:

Наставника

• Постоянный доступ к наставнику и другим студентам курса в PRO чате
• Звонок знакомство для выявления ожиданий и персональных рекомендаций
• Звонки и персональная работа с наставником до 6 часов
• 2 больших проекта с код-ревью от наставника с 4-мя уровнями сложности
• Финальная сессия 1 на 1 с наставником для выявления слабых сторон и составления карты развития

Материалы

• Руководство по освоению основного курса и дополнительные материалы для создания проектов
• Упражнения на написание кода

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

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

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

Если знакомы с 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

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

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

Чему ты научишься:

• Cоздавать сайты и мобильные интерфейсы
• Писать код на HTML, CSS и JavaScript
• Создавать интерактивные элементы на сайтах
• Обновлять данные на странице без её перезагрузки
• Работать с браузерными API — узнавать геопозицию пользователей, взаимодействовать с буфером обмена и др.
• Использовать готовые решения

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

1. Знакомство с курсом
2. Знакомство с вёрсткой
3. Ускорители процесса вёрстки
4. Основы
5. Качество кода
6. Объекты
7. Типы данных
8. Глубже в функции
9. Прототипы, наследование
10. ООП
11. Асинхронность
12. DOM
13. События
14. Формы
15. Браузерные API
16. Модули и сборка приложения
17. Фреймворки
18. Знакомство с NodeJS
19. Тестирование
20. Бонусный курс «Git»

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

Раздел I: Основы верстки: HTML, CSS + Figma

Блок 1. Принципы HTML

Блок 2. Объекты HTML и DOM-модель

Блок 3. Расширенные возможности HTML и CSS

Блок 4: Системы контроля версий

Блок 5. Инструменты верстки и UX

Блок 6: Создание макетов веб-страниц. Figma

Раздел II: Работа с Javascript

Блок 7: Базовый JavaScript

Блок 8: Кроссбраузерное тестирование

Раздел III: Advanced JavaScript

Блок 9: Расширенные возможности Javascript

Блок 10: Библиотека React

Блок 11: Современные методологии управления разработкой

Раздел IV: Продвинутые навыки frontend-разработчика

Блок 12: TypeScript

Блок 13: SQL

Блок 14: Javascript на серверной стороне: основы Node.js

Блок 15: Основы DevOps для программиста

Блок 16: ChatGPT для разработчика

Блок 17: Дипломная работа

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

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

Освоите HTML до продвинутого уровня, а также познакомитесь с крутыми возможностями CSS

Изучите основы тестирования верстки + DevTools. 

Поймёте, как улучшить пользовательский опыт (UX) и достичь идеальной верстки

Изучите синтаксис языка, познакомитесь с переменными и операторами, научитесь писать и структурировать свой код и разбираться в чужом

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

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

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

1. Верстать сайты
2. Познакомитесь с HTML и CSS, сможете верстать лендинги и многостраничные адаптивные сайты. Научитесь находить ошибки в чужой вёрстке и исправлять уже готовый код.
3. Работать с фреймворками
4. Изучите React.js, Vue.js или Angular и научитесь создавать динамичные интерактивные пользовательские интерфейсы.
5. Разрабатывать backend сайтов
6. Узнаете принципы объектно-ориентированного программирования и сможете разрабатывать сайты с разным функционалом на JavaScript с помощью Node.JS.
7. Работать с базами данных
8. Узнаете, чем различаются MySQL, Redis и MongoDB. Научитесь управлять большими объёмами данных и получать нужное с помощью запросов.
9. Использовать Git
10. Научитесь работать с распределённой системой контроля версий, сможете легко вносить или откатывать изменения и работать над проектом в большой команде.
11. Работать с сетью
12. Поймёте, как устроено клиент-серверное взаимодействие, научитесь работать с 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

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

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

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

Для тех, кто хочет стать веб-разработчиком

• Основная задача курса - подготовить вас к специальности. После обучения вы сможете найти работу и уже в рамках компании быстро развивать свои навыки.

Как проходит обучение:

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

Научитесь:

• JavaScript — основы языка, циклы, массивы и создание функций
• DOM API — понимание внутреннего устройства JS и принцип работы объектов
• Анимация и эффекты в JavaScript — понимание работы JS-анимаций.
•     Оптимизация рендеринга. Основы работы с библиотекой Anime.js
• Интерактивные элементы — понимание, как создаются сложные компоненты без
•     применения сторонних библиотек
• Node.js — использование платформы для автоматизации рутинных задач
• Основам React
• Основам TypeScript

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

• Основы JavaScript
• Циклы и массивы в JavaScript
• Функции
• Объекты. DOM. События
• Анимация и эффекты в JavaScript
• Интерактивные элементы
• Node.js
• Работа с сервером
• Основы React
• Основы TypeScript
• Обзор дорожной карты JS-разработчика

Быстрое обучение без потери качества:

• Менеджеры помогут выбрать курс, который вам действительно нужен
• В курсе будет много практики и заданий с разным уровнем сложности
• Обратная связь от преподавателя и наставника поможет выполнить задачу на 100%
• Несколько месяцев от начала обучения до решения вашей задачи

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

• Применять объектно-ориентированную парадигму в JavaScript;
• Писать Ajax-запросы;
• Создавать графические интерактивные приложения;
• Использовать библиотеку JQuery;
• Использовать Gulp, Grunt.

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

• Урок 1. Современный JavaScript

Знакомство со стандартом ES2015 и некоторыми его возможностями.

• Урок 2. ООП в JavaScript

Основные принципы объектно-ориентированного программирования и его реализация в JavaScript.

• Урок 3. Асинхронные запросы

Основы асинхронного JavaScript. AJAX, JSON и Promises.

• Урок 4. Регулярные выражения

Регулярные выражения в JavaScript. Основные операции с регулярными выражениями и строками.

• Урок 5. Фреймворк Vue.js

Основы разработки одностраничных приложений с помощью фреймворка Vue.js.

• Урок 6. Компоненты Vue.js

Реализация компонентного подхода во фреймворке Vue.js.

• Урок 7. JavaScript на сервере

Создание простого сервера с помощью платформы Node.js.

• Урок 8. Тестирование и сборка

Тестирование отдельных частей приложения. Сборка модулей с помощью Webpack.

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

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

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

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

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

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

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

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

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

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

• Разработчикам на JavaScript и TypeScript

Научитесь разрабатывать приложения используя фреймворк Angular и станете более востребованным специалистом.

• Начинающим Angular-разработчикам

Систематизируете знания по Angular, изучите современные подходы с использованием библиотеки RxJS, научитесь строить архитектуру с помощью сервисов и NgRx и сможете повысить свой уровень до Middle.

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

• Использовать компонентный подход

Сможете создавать приложения из компонентов и автоматизировать работу через Angular CLI.

• Обмениваться данными через сервисы

Научитесь создавать сервисную архитектуру для обмена данными с сетью и внутри приложения.

• Программировать в реактивном стиле

Сможете эффективнее работать с асинхронными событиями, используя библиотеку RxJS.

• Оптимизировать рутинные задачи

Будете решать повседневные задачи используя директивы и пайпы, создавать маршрутизацию и работать со сложными формами.

• Использовать Redux и NgRx

Создадите приложения с Redux-архитектурой, используя библиотеку NgRx.

• Тестировать и оптимизировать приложения

Научитесь покрывать код тестами и оптимизировать производительность.

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

• Введение в Angular
• Компоненты
• EventEmitter, директивы и Pipes
• Навигация в приложении
• Сервисная архитектура в Angular
• Продвинутая работа с HTTP
• RxJS
• Формы в Angular
• Жизненный цикл, шаблоны и динамические компоненты
• Продвинутые подходы
• RxJS и компоненты: продвинутые темы
• Тестирование
• Способы организации обмена данными
• Итоговый проект. Интернет-магазин

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

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

О курсе

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

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

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

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

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

Вы научитесь

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

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

• Разбираться в языке JavaScript и писать код, соответствующий стандартам;
• Использовать инструменты разработки и отладку в браузере;
• Управлять структурой страницы DOM;
• Создавать различные события в браузере и реагировать на них.

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

• Урок 1. Основы языка JavaScript

Синтаксис; структура кода; внешние скрипты и порядок их исполнения; переменные и типы данных; Hello world; современные стандарты.

• Урок 2. Основные операторы JavaScript

Операторы и операнды; приоритет операций; условные операторы; функции; рекурсия; практикум; игра «Угадай число».

• Урок 3. Циклы, массивы, структуры данных

Циклы в JavaScript; массивы в JavaScript; структуры данных; практикум; игра «Быки и коровы».

• Урок 4. Объекты в JavaScript

Знакомство с понятием объектов; объекты в JavaScript; работа с объектами; перебор значений; практикум; игра «Квест».

• Урок 5. Введение в DOM

Понятие DOM; DOM в JavaScript; манипуляции с DOM в JavaScript; практикум; игра «Квест 2.0».

• Урок 6. Обработка событий в JavaScript

Понятие события; обработка нажатий; браузерные события; практикум; игра «Крестики-нолики».

• Урок 7. Урок-практикум

Реализация игры «Змейка».

• Урок 8. Анонимные функции, замыкания

Углубленное изучение работы функций; функции и функциональные выражения; анонимные функции; замыкания; действия браузера по умолчанию.

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

• Практикующим JavaScript-разработчикам

Вы освоите работу с фреймворком Vue.js, увеличите круг своих компетенций и задач, которые можете выполнять на проекте — станете более конкурентоспособным сотрудником.

• Frontend-разработчикам

Vue.js — один из самых популярных фреймворков в мире. Вы научитесь создавать сайты и приложения на Vue, работать с библиотекой Vuex и интегрироваться с API — и станете более востребованным специалистом.

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

1. Работать с объектами, массивами, циклами реактивности и компонентами.
2. Использовать Webpack.
3. Использовать Vuex для управления данными.
4. Работать с системой управления версиями Git.
5. Создавать сайты и одностраничные приложения на Vue.js.
6. Интегрировать проект с API, чтобы в динамике получать и отправлять данные на сервер.
7. Делать развертку проекта из NPM.
8. Готовить проект для продакшна и публикации.

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

• Основы Vue
• Создание проекта
• Каталог товаров
• Пагинация и фильтрация
• Страница товара
• Корзина
• Работа с API. Список товаров
• Работа с API. Оформление заказа
• Деплой
• Vue 3.0

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

• Основы Vue.js.
• Применение Webpack.
• Создание сайтов и одностраничных приложений на Vue.js.
• Интеграция проекта с API.
• Подготовка проекта для продакшна и публикации.
• Пагинация и фильтрация данных.
• Использование Vuex для управления данными.
• Работа с объектами, массивами, циклами реактивности и компонентами.

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

• Начинающим фронтенд-разработчикам

Вы научитесь создавать интерактивные страницы, которые взаимодействуют с сервером, и станете более высокооплачиваемым специалистом.

• Тем, кто хочет научиться программировать

Вы освоите язык JavaScript и его экосистему и сможете начать карьеру JavaScript-разработчика.

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

• Писать код на JavaScript

Изучите синтаксис, области применения и лучшие практики JavaScript.

• Работать с JavaScript и инструментами разработчика

Узнаете, как работать с системой контроля версий Git, менеджером пакетов npm и отладчиком в браузере.

• Использовать разные подходы к разработке

Научитесь писать код в императивном, объектно ориентированном и функциональном стилях.

• Использовать JavaScript в браузере

Научитесь использовать JavaScript для взаимодействия с сервером, работать с DOM и событиями.

• Прокачать soft skills разработчика

Узнаете, какие soft skills и личностные качества нужны junior-разработчику в различных компаниях, сможете развить их.

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

БАЗОВЫЙ УРОВЕНЬ

• Введение
• Переменные и работа с числами
• Строки, boolean и условные операторы
• Массивы и циклы
• Функции
• Объекты
• Введение в DOM
• Введение в DOM. Часть 2
• Константы, области видимости и замыкания
• Преобразование типов и нестрогие сравнения
• Общение с сервером, async/await

ПРОДВИНУТЫЙ УРОВЕНЬ

• События браузера, контекст выполнения
• Модули
• Event loop и асинхронная разработка
• Обработка ошибок
• Классы
• События
• Экосистема JavaScript и npm
• Сборка
• Тестирование
• База знаний

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

1. JavaScript
2. Знание ООП
3. Git
4. npm
5. Знание различных подходов к разработке
6. Владение инструментами отладки
7. Умение тестировать код на JavaScript

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

• 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, взаимодействие с базой данных — и развернёте проект на хостинге.

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

• 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
• Знание основных паттернов
• Гибридная автоматизация