Программирование и создание ИТ-продуктов Создавать сайты Node.js Разрабатывать и создавать программы и приложения Писать программный код HTML Webpack CSS JavaScript ECMAScript

Веб-разработчик

Яндекс
560,00 часов длительность
Онлайн формат
Базовый уровень
1 поток (закрыт) 30.09.2021-14.09.2022
2 поток (закрыт) 14.10.2021-28.09.2022
3 поток (закрыт) 28.10.2021-11.10.2022
4 поток (закрыт) 11.11.2021-04.12.2022
5 поток (закрыт) 25.11.2021-11.12.2022
6 поток (закрыт) 09.12.2021-23.11.2022
7 поток (закрыт) 28.12.2021-13.12.2022

Описание

Веб-разработчик разрабатывает сайт на языках HTML, CSS и JavaScript. Создаёт интерфейсы с помощью библиотеки React. Настраивает Git, чтобы работать в команде, и Webpack, чтобы собирать файлы проекта автоматически. Веб-разработчик разбирается и в устройстве сервера: может настроить Nginx и запрограммировать сервер на Node.js.

Зарплата веб-разработчика
Junior — 35 000 - 60 000 рублей
Middle — 60 000 - 115 000 рублей
Senior — от 115 0000 
Источник данных: Хабр Карьера

 

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

  • верстать одностраничные и многостраничные сайты;
  • программировать интерфейсы на JavaScript версий ES6 и выше;
  • создавать React-приложения;
  • создавать бэкенд для ваших приложений на Express.js и MongoDB;
  • готовить окружение под веб-проекты;
  • пользоваться системой контроля версий Git;
  • разбираться в особенностях разработки современных веб-приложений как на стороне фронтенда, так и на стороне бэкенда.

За 10 месяцев обучения в среднем по 15 часов в неделю вы освоите востребованные навыки веб-разработчика и соберёте портфолио проектов:

  • Два одностраничных сайта;
  • Сайт на нативном JavaScript;
  • Фронтенд-приложение на React;
  • Бэкенд-приложение на Express.js и MongoDB.

 

О компании

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

 

Почему Яндекс Практикум

Погружение в IT-профессию подразумевает постоянный контакт с изучаемыми технологиями, выполнение практических заданий, общение с наставником и прохождение ревью (получение обратной связи по результатам работы). Для этого мы создали собственную среду обучения:

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

 

71,1% выпускников трудоустраиваются

Мы делаем всё, чтобы студенты нашли новую работу: выдаем официальный диплом, учим собирать портфолио проектов, помогаем с поиском работы.

71,1% выпускников находят работу, большинство из них за 4 месяца. Институт образования НИУ ВШЭ подтвердил данные через исследование трудоустройства выпускников.

 

Часов в программе
60,00 часов
лекции
185,00 часов
практика
133,00 часа
самостоятельная
92,00 часа
промежуточная аттестация
1 час
входная диагностика
90 часов
итоговая аттестация
561,00 час
всего
Цель программы
Цель: получение слушателями профессиональных компетенций в области веб-разработки (фронтенд и бэкенд).
Актуальность
Спрос на веб-разработчиков на рынке постоянно растёт, поэтому нужно все больше выпускников профильных программ. Таких программ практически нет в ВУЗах и техникумах. Яндекс, один из лидеров IT-индустрии в России, совместно с АНО ДПО «ШАД», обладает достаточной экспертизой, чтобы организовать процесс онлайн-обучения для подготовки веб-разработчиков. Большинство существующих на рынке онлайн-программ не фокусируются на обучении веб-разработке с нуля до уровня, достаточного для получения выпускниками работы в компаниях. Такие программы дают знания на ознакомительном уровне, подходящем для расширения профессионального кругозора. Яндекс.Практикум нацеливается на более широкую аудиторию, которая хочет научиться веб-разработке как профессиональному навыку.
Входная диагностика 1 час
После оставления заявки с вами свяжется специалист и проведет короткое интервью, чтобы убедиться, что вам подходит выбранная программа.
Итоговая аттестация 90 часов
Дипломный проект

Компетенции

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


Владение HTML, CSS, JS
Знать:

Основные возможности HTML и CSS и основы JavaScript.

Уметь:

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

Владеть:

HTML — язык для структурирования и представления содержимого в интернете. CSS — язык для описания внешнего вида страниц сайта. JavaScript — самый популярный язык программирования для разработки веб-приложений. Основы JavaScript включают в себя: работу с различными типами данных, основными операторами, условиями, циклами, функциями, элементами веб-страницы и основными событиями в браузере.

Работа с адаптивной версткой
Знать:

Разницу между резиновой и адаптивной версткой, инструменты создания резиновой и адаптивной верстки.

Уметь:

Адаптировать страницы и блоки веб-сайта для корректной работы на различных устройствах.

Владеть:

Инструментами создания резиновой верстки: относительные величины, калькуляции, возможности flexbox и grid;

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

Общепрофессиональные


Продвинутое владение с JavaScript
Знать:

Особенности работы с типами данных, всплытие событий, объектно-ориентированное программирование, асинхронность, области видимости и замыкания, промисы, использование fetch для обмена данными с сервером, объект this, event-loop.

Уметь:

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

Владеть:

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

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


Создание интерфейсов на React
Знать:

Библиотека React, JSX, классовые компоненты и функциональные компоненты с использованием React Hooks, жизненный цикл компонентов, React Router для организации навигации, React Context для работы с глобальным состоянием приложения, авторизация и регистрация пользователей в React-приложении.

Уметь:

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

Владеть:

React — JavaScript-библиотека для создания пользовательских интерфейсов.

Основы бэкенд-разработки
Знать:

Серверный JavaScript в Node.js, создание сервера на Node.js, концепция REST API, библиотека Express.js, база данных MongoDB, аутентификация, безопасность при обмене данными между клиентом и сервером, подготовка и деплой бэкенда (Linux, Nginx, pm2).

Уметь:

Создать REST API на Express.js с базой данных MongoDB, реализовать все типы запросов к серверу, обработку ошибок, настроить авторизацию и регистрацию, обезопасить передачу данных между клиентом и сервером.

Владеть:

Инструментами Express, MongoDB и Node.js в достаточном объеме для разработки REST API и настройки авторизации, регистрации пользователя.

Инфраструктура веб-разработки
Знать:

Основы Bash, cистема контроля версий Git, менеджер зависимостей NPM, система сборки Webpack, тестирование запросов к бэкенду через POSTMAN, связь Express с MongoDB через Mongoose.

Уметь:

Работать в репозиториях Github для контроля версий кода и коллективной разработки веб-проектов. Устанавливать и управлять внешними зависимостями во фронтенд- и бэкенд-приложениях на JavaScript через NPM. Настроить систему сборки фронтенд-проекта на Webpack: минифицировать код, транспиллировать код, постпроцессинг кода. Протестировать API через POSTMAN. Установить в Express-приложение Mongoose и настроить работу с базой данных через него.

Владеть:

Основными командами Bash для работы с компьютером через терминал (перемещение по каталогу, создание и удаление файлов и папок). Командами Git, достаточными для создания репозитория или клонирования готового репозитория, сохранения и добавления обновлений в репозиторий, ведения работы в отдельных ветках, предложения улучшений, решения типовых конфликтов в репозиториях. Командами установки и удаления необходимых для разработки пакетов через NPM. Навыками написания конфигурационных файлов Webpack. Навыками отправки запросов через POSTMAN. Навыками написания кода для связи Express и MongoDB через Mongoose.

Требования

Нет

Образование
  • Высшее образование
  • Среднее профессиональное образование
Владение необходимыми профессиональными компетенциями
- знать математику на среднем школьном уровне;
- владеть английским языком на уровне intermediate;
- уметь устанавливать и запускать программы на базе ОС Windows, MacOS или Linux;
- пользоваться браузером Chrome на уровне пользователя;
- владеть навыком поиска информации с помощью Yandex или Google.

Модули

свернуть
20,00ч
Модуль 1 Основы HTML, CSS, JS
Курс посвящён базовому синтаксису HTML и CSS. Вы научитесь управлять цветом и шрифтами, размещать блоки на странице. Всё это — через практику: выполните в тренажёре 4 проекта. Вы напишете программу на языке JavaScript и сделаете страницу интерактивной.
30,00ч
Модуль 3 HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная верстка
В этом модуле вы узнаете, какие виды дизайн-макетов используют в работе профессионалы и как готовить макет к вёрстке. Научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Разберётесь, как создавать интерфейсы для разных устройств: настольных компьютеров, ноутбуков, планшетов, смартфонов. В этом курсе вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.
90,00ч
Модуль 5 JavaScript — непростые концепции
Освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность, замыкания и обмен данными с сервером. Вы познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в свой проект.
120,00ч
Модуль 7 Основы бэкенд-разработки
Создание веб-приложений требует взаимодействия с сервером. Вы изучите, как работает серверный JavaScript в Node.js, поднимете сервер и настроите его. В результате вы создадите серверный API для сайта, фронтенд которого уже разработали в предыдущем курсе.
60,00ч
Модуль 2 Расширенные возможности HTML и CSS
В этом курсе вы расширите знания о семантике HTML-разметки, необходимых CSS-технологиях: flexbox, позиционирование элементов, работа с медиафайлами и виджетами, создание анимаций, работа с формами. Изучите методологию БЭМ — самый популярный в мире подход к организации кода. Современному сайту необходимо окружение из вспомогательного программного обеспечения. В этом курсе вы подключите к проекту систему контроля версий Git и научитесь работать в командной строке.
90,00ч
Модуль 4 Базовый JavaScript и работа с браузером
Полноценное погружение в JavaScript. Исследуете типы данных, научитесь работать с условиями, циклами и функциями. Пустите в ход теорию в настоящем проекте — сделаете сайт интерактивным.
60,00ч
Модуль 6 Создание интерфейсов на React
Вы изучите библиотеку React и её экосистему. Начнёте делать сайты, состоящие из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.
20,00ч
Модуль 1 Основы HTML, CSS, JS
Курс посвящён базовому синтаксису HTML и CSS. Вы научитесь управлять цветом и шрифтами, размещать блоки на странице. Всё это — через практику: выполните в тренажёре 4 проекта. Вы напишете программу на языке JavaScript и сделаете страницу интерактивной.
60,00ч
Модуль 2 Расширенные возможности HTML и CSS
В этом курсе вы расширите знания о семантике HTML-разметки, необходимых CSS-технологиях: flexbox, позиционирование элементов, работа с медиафайлами и виджетами, создание анимаций, работа с формами. Изучите методологию БЭМ — самый популярный в мире подход к организации кода. Современному сайту необходимо окружение из вспомогательного программного обеспечения. В этом курсе вы подключите к проекту систему контроля версий Git и научитесь работать в командной строке.
30,00ч
Модуль 3 HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная верстка
В этом модуле вы узнаете, какие виды дизайн-макетов используют в работе профессионалы и как готовить макет к вёрстке. Научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Разберётесь, как создавать интерфейсы для разных устройств: настольных компьютеров, ноутбуков, планшетов, смартфонов. В этом курсе вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.
90,00ч
Модуль 4 Базовый JavaScript и работа с браузером
Полноценное погружение в JavaScript. Исследуете типы данных, научитесь работать с условиями, циклами и функциями. Пустите в ход теорию в настоящем проекте — сделаете сайт интерактивным.
90,00ч
Модуль 5 JavaScript — непростые концепции
Освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность, замыкания и обмен данными с сервером. Вы познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в свой проект.
60,00ч
Модуль 6 Создание интерфейсов на React
Вы изучите библиотеку React и её экосистему. Начнёте делать сайты, состоящие из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.
120,00ч
Модуль 7 Основы бэкенд-разработки
Создание веб-приложений требует взаимодействия с сервером. Вы изучите, как работает серверный JavaScript в Node.js, поднимете сервер и настроите его. В результате вы создадите серверный API для сайта, фронтенд которого уже разработали в предыдущем курсе.
88 000 p
Авторизуйтесь чтобы записаться

Профстандарт

Веб-разработчик

06.035

Ответственный за программу