Курс «Fullstack-разработчик на JavaScript»

Fullstack-разработка на JavaScript — востребованное направление IT-индустрии. Это оптимальное направление для старта карьеры с хорошим потенциалом. По данным hh.ru, зарплата junior-специалиста от 70 тыс. рублей. Если вам нравится программировать, и вы бы хотели получить новую профессию, чтобы реализоваться в IT, то этот онлайн-курс для вас. На нем преподаватели-практики университета «Нетология» научат программировать на JavaScript и TypeScript.

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

Краткая программа обучения курса «Fullstack-разработчик на JavaScript»:

1. Верстка сайтов на HTML и CSS. Адаптивное и мобильное программирование.
2. Профессиональная работа с JavaScript.
3. Рабочая среда Node.js и инструменты разработки.
4. Дополнительные навыки разработчика. Принципы графического дизайна и работа с композицией.
5. Развитие карьеры fullstack-разработчика.

Результатом обучения станет приобретение умения самостоятельно спроектировать и запрограммировать сайт или приложение. Знания и навыки, полученные на курсе, помогут запустить карьеру и начать путь от junior-специалиста до Senior.

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

HTML-вёрстка с нуля до первого макета:

• Теги для вёрстки контента страницы.
• Теги для вёрстки структуры страницы.
• Селекторы CSS.
• Определение контекста элементов.
• Блочная модель.
• Позиционирование элементов.
• Оформление текста.
• Оформление декоративных элементов.
• Состояние интерактивных элементов.

Вы научитесь верстать сайты на HTML и CSS, а также вносить изменения в существующую вёрстку. По итогам этого модуля самостоятельно сверстаете лендинг.

Адаптивная и мобильная вёрстка:

• Вёрстка резинового макета.
• Введение в медиазапросы.
• Медиа-функции.
• Вёрстка адаптивного макета.
• Breakpoints.

Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон. Это позволит вашему сайту быть адаптивным и корректно работать на любых устройствах.

Основы программирования на JavaScript:

• Алгоритмы.
• Переменные, числа и строки.
• Логика и математика.
• Ветвление кода.
• Алгоритм с множественным выбором.
• Ошибки в коде.
• Массивы.
• Циклы.
• Подпрограмма, функция.
• Объекты.
• Синхронное и асинхронное выполнение алгоритма.

Познакомитесь с азами программирования, напишете первые строки кода и создадите простые проекты. Для практики будете использовать язык JavaScript — это поможет вам лучше понять работу frontend-части приложения.

Система контроля версий Git:

• Предназначение системы контроля версий.
• Основные операции: фиксация и откат изменений, поиск, история.
• Работа с сервисом GitHub.
• Ветки, слияние веток и разрешение конфликтов.
• Командная работа.

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

Основы работы с JavaScript:

• Базовый синтаксис.
• Расширенный синтаксис в JavaScript.
• Типы данных.
• Функции и объекты.
• Прототип и конструктор объекта.
• ООП в JavaScript (ES6).
• Обработка исключений и замыкания.
• Прототип массива, функции высшего порядка.
• Асинхронность.

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

Разработка на JavaScript в браузере:

• Возможности JavaScript в браузере.
• Способы поиска нужного HTML-элемента.
• Объект события.
• DOM — Document object model.
• Работа с HTML-формами.
• Изменение структуры HTML-документа.
• Асинхронные запросы.
• Хранение состояния на клиенте и отправка на сервер.

Узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.

Профессиональная работа с JavaScript:

• Стандарты и версии.
• Рабочее окружение.
• Модули.
• Unit-тестирование.
• Синтаксические конструкции (try-catch, delete), функции и замыкания.
• Свойства объекта, for-in, обёртки для примитивов.
• Прототипы, конструкторы.
• Классы, наследование.
• Контейнеры.
• Объект Math, класс RegExp, ArrayBuffer.
• Promises, async/await.
• Символы, итераторы, генераторы.

Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием — async/await. Всё это позволит вам выйти на новый уровень в сфере веб-разработки.

Frontend-разработка на React:

• Компоненты.
• События и состояния.
• Props.
• Формы.
• Композиция компонентов.
• Жизненный цикл и работа с HTTP.
• HOC.
• Hooks, Context API.
• React Router.
• Redux.
• Redux и Redux Thunk.
• Redux Saga.

Освоите одну из самых популярных библиотек на JavaScript — React. С помощью неё вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях, а React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.

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

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

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

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

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

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

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

TypeScript:

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

Изучите принципы ООП для TypeScript, установите и настроите TypeScript в проекте. Добавите в проект правила проверки кода eslint и типы из модуля библиотеки Node.js.

Nest.js:

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

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

Firebase:

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

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

Дополнительные модули

Английский язык для начинающих разработчиков:

• Лексика, без которой не обойтись.
• Как вести переписку на английском.
• Чтение документации и анализ требований.
• Программирование.
• Тестирование ПО.
• Стрессовые ситуации.
• Устранение неполадок.
• Работа и роли в команде.
• Поддерживание любой беседы на английском.
• Собрания, презентации на высшем уровне.

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

Основы графического дизайна:

• Основы композиции.
• Теория цвета.
• Цифровая эстетика и новые медиа.
• Типографика.
• Введение в брендинг и современный плакат.
• VR.

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

Карьера в fullstack-разработке:

• Пошаговый план поиска работы.
• Анализ рынка труда.
• Резюме, портфолио fullstack-разработчика и сопроводительное письмо.
• Собеседование: как подготовиться и пройти.
• Статистика и измерение эффективности поиска работы.
• Индивидуальная карьерная консультация.

Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишите видеопрезентацию и пройдете карьерную консультацию с HR-экспертом.

• Формат
  Самостоятельно
  Живые вебинары / Видеоуроки
  Обучение в ЛК на сайте автора
• Продолжительность
  20 месяцев
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  Строго по расписанию
• Домашние задания
  ЕстьС проверкой
• Документ об обучении
  Диплом Освоение программы курса
• Обязательное выполнение итоговой работы
• Сопровождение
  Куратором
• Общение с группой
  Форум или чат внутри ЛК
• Техническая поддержка
  В рабочее времяЧат на сайтеЧат в ВКЧат в мессенджереТелефон
• Безопасная покупка
  В течение первых трех занятий
• Год выхода
  2022 Последнее обновление: 15.10.2023