Каталог курсов

Направления обучения

Все курсы Маркетинг Бизнес и управление Дизайн и UX Программирование Аналитика Управление командой Высшее образование Творческие профессии Профессии в образовании Корпоративное обучение Новые профессии Финансы и инвестиции Компьютерные игры Саморазвитие и хобби

Бесплатный курс

начало карьеры

IT-профессии

Как выбрать направление и реализовать себя

Такого курса сейчас нет

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

Перейти в каталог курсов

Похожие программы

Нео

IT-профессии: как выбрать направление и реализовать себя

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Первые шаги в JavaScript

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Профессии и языки программирования: что выбрать

Подробнее о программе

3 дня

онлайн

0 ₽

Нео

Симулятор «Рабочая неделя веб-разработчика на Python»

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Основы Python: создаем телеграм-бота

Подробнее о программе

14 дней

онлайн

0 ₽

Нео

Тестировщик: быстрый старт в IT

Подробнее о программе

14 дней

онлайн

0 ₽

К сожалению, курс сейчас недоступен

Включает программу трудоустройства

Fullstack-разработчик на JavaScript

Научитесь программировать на JavaScript и TypeScript — сможете самостоятельно создавать сайты и веб-приложения

Освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB

Сможете начать работать уже через 6 месяцев обучения

Когда

21 сентября 2023 — 14 июля 2025

Набор вот-вот закончится

Курс стартовал, но еще можно попасть в этот набор

Длительность

21 месяц

Формат обучения

Вебинары, видеолекции, практические задания

Документ

Диплом о профессиональной переподготовке

Fullstack-разработчик может в одиночку запрограммировать веб-приложение

По данным CodinGame, fullstack-разработчик — самый востребованный специалист 2022 года.

Он владеет всем набором инструментов, разбирается в бэкенд- и фронтенд-составляющей продукта.

JavaScript — оптимальный язык для старта карьеры

С его помощью можно писать серверную часть приложения, мобильные и веб-приложения с интерактивными элементами: анимацией, аудио, видео и играми.

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

Зарплата JavaScript‑разработчика

по данным hh.ru, в среднем составляет

70 000–115 000 ₽
Junior-специалист
c опытом до 1 года
120 000–190 000 ₽
Middle-специалист
с опытом от 1 до 3 лет
от 190 000 ₽
Senior-специалист
c опытом более 3 лет

На курсе вы научитесь создавать сайты на JavaScript и TypeScript — от работы с дизайн-макетом до программирования и настройки серверов

Выполните 9 масштабных проектов для портфолио

Вёрстка макета сайта

Сверстаете макет сайта, который должен корректно отображаться на компьютерах с операционными системами Microsoft Windows и macOS.

Программа обучения — 21 месяц

128 часов теории, 600 часов практики

● Занятия проходят 2 раза в неделю в будни с 18:00 МСК

● На лекции и практические задания понадобится 7–10 часов в неделю

● Записи вебинаров, лекции, тесты, тренажёр, презентации и другие полезные материалы хранятся в личном кабинете

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

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

Курсовой проект — вёрстка макета сайта

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

10 часов теории

48 часов практики

Теги для вёрстки контента страницы

Теги для вёрстки структуры страницы

Селекторы CSS

Определение контекста элементов

Блочная модель

Позиционирование элементов

Оформление текста

Оформление декоративных элементов

Состояние интерактивных элементов

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

Курсовой проект — адаптивная вёрстка сайта

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

11 часов теории

52 часа практики

Вёрстка резинового макета

Введение в медиазапросы

Медиафункции

Вёрстка адаптивного макета

Breakpoints

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

Курсовой проект — игра «Крестики-нолики»

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

10 часов теории

48 часов практики

Алгоритмы

Переменные, числа и строки

Логика и математика

Ветвление кода

Алгоритм с множественным выбором

Ошибки в коде

Массивы

Циклы

Подпрограмма, функция

Объекты

Синхронное и асинхронное выполнение алгоритма

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

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

4 часа теории

3 часа практики

Предназначение системы контроля версий

Основные операции: фиксация и откат изменений, поиск, история

Работа с сервисом GitHub

Ветки, слияние веток и разрешение конфликтов

Командная работа

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

Курсовой проект — сайт-биржа по продаже криптовалюты

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

11 часов теории

56 часов практики

Базовый синтаксис

Расширенный синтаксис в JavaScript

Типы данных

Функции и объекты

Прототип и конструктор объекта

ООП в JavaScript (ES6)

Обработка исключений и замыкания

Прототип массива, функции высшего порядка

Асинхронность

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

Курсовой проект — веб-менеджер личных финансов

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

10 часов теории

56 часов практики

Возможности JavaScript в браузере

Способы поиска нужного HTML-элемента

Объект события

DOM — Document object model

Работа с HTML-формами

Изменение структуры HTML-документа

Асинхронные запросы

Хранение состояния на клиенте и отправка на сервер

Продвинутый JavaScript: современные возможности языка

Курсовой проект — игра-ходилка в стиле фэнтези

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

16 часов теории

72 часа практики

Стандарты и версии

Рабочее окружение

Модули

Unit-тестирование

Синтаксические конструкции (try-catch, delete), функции и замыкания

Свойства объекта, for-in, обёртки для примитивов

Прототипы, конструкторы

Классы, наследование

Контейнеры

Объект Math, класс RegExp, ArrayBuffer

Promises, async/await

Символы, итераторы, генераторы

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

Курсовой проект — сайт интернет-магазина обуви

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

13 часов теории

76 часов практики

Компоненты

События и состояния

Props

Формы

Композиция компонентов

Жизненный цикл и работа с HTTP

HOC

Hooks, Context API

React Router

Redux

Redux и Redux Thunk

Redux Saga

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

Node.JS и библиотека Express.js

Курсовой проект — приложение для службы доставки

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

18 часов теории

80 часов практики

Особенности работы с Node.js, установка и настройка рабочей среды

Менеджер пакетов, IO libuv

Работа с консолью, циклы событий, асинхронность

Модули Node.js и инструменты разработки

Стримы

HttpModule. Переменные окружения

Middleware. Паттерн «Цепочка обязанностей»

EJS. Шаблонизаторы

Docker: установка и настройка

Docker: контейнеризация приложения

Базы данных и хранение данных

Подключение MongoDB в Node.js-приложении

Аутентификация. PassportJS

Realtime-взаимодействие с сервером, протокол websocket

TypeScript, Nest.js, Yandex Cloud

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

22 часа теории

56 часов практики

Node.js и TypeScript: настройка окружения, возможности

Динамическая типизация JavaScript vs статическая типизация TypeScript. Инструментарий tsc, tslint/eslint. Настройка проекта

Система типов TypeScript. Основные принципы ООП. SOLID

Библиотека Reflect-metadata. LoC-контейнеры — type-di, inversify

TS: перенос и интеграция JS-проекта на примере пройденных материалов

Организация проекта и кодовой базы. Разделение приложения на слои: инфраструктура, внешнее API, сервисы с логикой, работа с базой данных

Фреймворк Nest.js. Создание проекта Nest.js. Основные понятия: модули, контроллеры, сервисы. MVC-архитектура

Погружение в Nest.js: инверсия зависимостей, провайдеры, Middleware

Подключение базы данных к Nest.js — модуль для MongoDB. Сервисы, репозитории, примеры

Потоки RxJs

Валидация и обработка ошибок. Interceptors, pipes

Аутентификация в Nest. js, passportjs. Guards

Тестирование. Библиотека Jest. Unit-тесты, интеграционные и приёмочные тесты

Вебсокеты в Nest.js

Yandex Cloud. Object storage

Yandex Cloud Functions

API Yandex ID

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

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

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

5 часов теории

13 часов практики

Чтение технической документации

Языки программирования. Составление отчётов об ошибках

QA-тестирование

Слова из технической сферы, которые часто произносят неправильно

Навык просмотра англоязычного видеоконтента

Самопрезентация. Elevator Pitch

Прохождение собеседований

Высококлассное резюме и сопроводительное письмо

Email-переписка

Общение в технических чатах

Как вести звонки и встречи

Как учить лексику

Как учить грамматику

Алгоритмы и структуры данных

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

8 часов теории

Введение в алгоритмическую сложность. Бинпоиск

Динамическое программирование и «жадность»

Сортировки

Динамический массив. Списки. Деки

Пирамиды и деревья поиска

Хеширование

Графы

Орграфы

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

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

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

16 часов теории

13 часов практики

Основы композиции

Теория цвета

Цифровая эстетика и новые медиа

Типографика

Введение в брендинг и современный плакат

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

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

6 часов теории

Пошаговый план поиска работы

Анализ рынка труда

Резюме, портфолио fullstack-разработчика и сопроводительное письмо

Собеседование: как подготовиться и пройти

Статистика и измерение эффективности поиска работы

Индивидуальная карьерная консультация

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

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

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

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

Занятия

Учитесь в удобное время. Мы подготовили гибкие форматы обучения: видеолекции, статьи, вебинары, индивидуальные и групповые задания

Практика на реальных проектах

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

Сопровождение

Задаёте вопросы преподавателям в общем чате в Slack. Координаторы и аспиранты тоже на связи и помогают с организационными вопросами

Трудоустройство

Находите новую работу — мы поможем составить резюме, подготовим к собеседованию и предложим интересные вакансии

Все уроки теперь и в мобильном приложении

Мы разработали платформу для смартфонов, чтобы вы могли учиться в спортзале, самолёте, на даче или в пути.

Учитесь, где нравится
Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы
Занимайтесь даже без интернета
Можно скачать материалы на телефон и учиться даже там, где плохая связь
Получайте подсказки по дедлайнам
Приложение работает как помощник: напомнит про домашнюю работу или вебинар
Загружайте задания с телефона
Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя

Преподаватели — практикующие разработчики

Ваше резюме после обучения

Fullstack-разработчик на JavaScript

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

Вёрстка сайтов в HTML и CSS

Frontend-разработка на JavaScript и React

Использование библиотек React Router, Redux и Redux Thunk

Работа с изменениями кода проекта с помощью Git и GitHub

Программирование на языках JavaScript и TypeScript

Backend-разработка на Node.js: Express.js, Nest.js

Применение принципов клиент-серверного взаимодействия

Работа с API сторонних сервисов

Работа с базами данных с использованием MongoDB

Работа с облачной базой данных с помощью Google Firebase

Автоматизация развёртывания и управления приложениями с помощью Docker

Unit-тестирование при помощи Jest

Инструменты

HTML

Язык разметки гипертекста, который позволяет пользователю создавать и структурировать разделы, параграфы, заголовки, ссылки и блоки для веб-страниц и приложений

CSS

Язык для описания внешнего вида страниц сайта. CSS создаёт анимации без использования JavaScript, поддерживает градиенты, тени и многое другое. Это позволяет сделать сайт визуально современным и привлекательным

JavaScript

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

TypeScript

Расширенная версия JavaScript, которая помогает упростить разработку крупных приложений. Этот язык добавляет много новых принципов: классы, дженерики, интерфейсы, статические типы. Это позволяет разработчикам использовать статический анализатор или рефакторинг кода

React

Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и другими корпорациями

Redux

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

Node.js

Кроссплатформенная среда для создания сетевых сервисов и приложений на JavaScript

Express.js

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

Nest.js

Фреймворк для создания серверных приложений на Node.js. К преимуществам фреймворка относят правильные архитектурные подходы и возможность работы с передовыми концепциями — DDD, Event Sourcing и микросервисной архитектурой

Docker

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

Git

Cистема контроля версий №1 в мире. Git позволяет работать над кодом проекта совместно, не переживая за потерю данных или конфликт версий

MongoDB

Документоориентированная система управления базами данных с открытым исходным кодом, не требующая описания схемы таблиц

Вашу квалификацию подтвердит диплом о профессиональной переподготовке

Мы обучаем по государственной лицензии и выдаём документы установленного образца

Поможем найти
ту самую работу

Центр развития карьеры
помогает трудоустроиться студентам Нетологии

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

Разберём ваш предыдущий опыт, определим сильные стороны и поможем составить успешное резюме. Научим презентовать себя и проведём тест-драйв интервью.

Поможем наработать практику и оформить портфолио

Приобретёте практический опыт и наполните портфолио ещё во время обучения. Разберёте тестовые задания от работодателей и сможете принять участие в их проектах.

Предложим стажировки и проекты от партнёров

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

Воркшопы и много практики

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

84%

студентов нашли работу с помощью Центра развития карьеры

4 075

компаний-партнёров в базе Нетологии для отработки практики

Проекты студентов

Кликните на картинку и посмотрите, что делают наши студенты — вы так тоже сможете

Адаптивная вёрстка сайта для разных устройств

Наталья Рыжова

Вернём деньги, если обучение не подойдёт

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

Подробные условия