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

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

1. Писать на самом быстро растущем framework NestJS, который используют многие крупные кампании
2. Проектировать современные API, отвечающие лучшим практикам
3. Работать с MongoDB и выполнять сложные агрегации
4. Писать backend на NodeJS с чистым кодом, который легко поддерживать
5. Писать корректно типизированный код на TypeScript
6. Разрабатывать модуль авторизации и понимать принцип работы JWT
7. Писать unit и e2e тесты для вашего приложения
8. Настраивать переменные окружения для работы на develop и production
9. Использовать cli утилиту NestJS для ускорения разработки
10. Работать с HTTP протоколом и понимать его тонкости
11. Работать с Docker и выкладывать приложения на production
12. Использовать лучшие практики безопасности при работе с паролями
13. Правильно проводить валидацию данных и использовать DTO
14. Писать Telegram бота для рассылки уведомлений
15. Загружать и обрабатывать файлы на API
16. Интегрировать приложение в внешним API

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

1. Основным и продвинутым типам TypeScript
2. Работе с классами и интерфейсами
3. Настройке проекта для работы TypeScript
4. Написанию TypeGuards
5. Generics
6. Conditional Types и Mapped Types
7. Использованию служебных типов
8. Работе декораторов
9. Устройству модульности в TypeScript
10. Типизации библиотек
11. Паттернам проектирования в TypeScript
12. Писать расширяемый и поддерживаемый код на примере проекта

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

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

О курсе

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

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

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

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

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

Вы научитесь

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

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

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