Frontend-разработчик с нуля

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

  • Вёрстка сайта на HTML и CSS. Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.
    • Теги для вёрстки контента страницы
    • Теги для вёрстки структуры страницы
    • Теги для вёрстки форм
    • Селекторы CSS
    • Определение контекста элементов
    • Блочная модель
    • Позиционирование элементов
    • Оформление текста
    • Оформление декоративных элементов
    • Состояние интерактивных элементов
    • Выполнение проекта по итогам модуля: вёрстка макета сайта — 24 часа практикиПример готовой работы
  • Мобильная и адаптивная вёрстка. Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
    • Вёрстка резинового макета
    • Резиновые изображения
    • Медиа-запросы и медиа-функции
    • Вёрстка мобильных устройств
    • Вёрстка адаптивного макета
    • Адаптивная типографика, выбор breakpoints
    • Адаптивные изображения
    • Выполнение проекта по итогам модуля: адаптивная мобильная версия макета сайта — 24 часа практикиПример готовой работы 
  • Английский язык для начинающих разработчиков. В этом модуле вас ждут десять видео-лекций, которые помогут вам начать разговаривать на английском языке, как настоящий разработчик.
    • Лексика, без которой не обойтись
    • Как вести переписку на английском
    • Чтение документации и анализ требований
    • Программирование
    • Тестирование ПО
    • Стрессовые ситуации
    • Устранение неполадок
    • Работа и роли в команде
    • Поддерживаем любую беседу на английском
    • Собрания, презентации на высшем уровне
  • Основы программирования. Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на самом популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» язык с учётом личных интересов и профессиональных планов. В дипломном проекте вы разработаете онлайн-игру, похожую на «Монополию».
    • Алгоритмы
    • Переменные, числа и строки
    • Логика и математика
    • Ветвление кода
    • Алгоритм с множественным выбором
    • Ошибки в коде
    • Массивы
    • Циклы
    • Подпрограмма, функция
    • Объекты
    • Синхронное и асинхронное выполнение алгоритма
    • Выполнение проекта по итогам модуля: игра «Крестики-нолики» на JavaScript — 24 часа практикиПример готовой работы
  • Git — система контроля версий. Вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
    • Предназначение системы контроля версий
    • Основные операции (фиксация и откат изменений, поиск, история)
    • Работа с сервисом GitHub
    • Ветки, слияние веток и разрешение конфликтов
    • Командная работа
  • Основы JavaScript. Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 первых занятий напишете своё первое веб-приложение (онлайн-сервис для торговли криптовалютой). Далее узнаете о дополнительных возможностях, которые дает браузер. Подключив скрипт к HTML-документу, получите к нему доступ и сможете делать документ «живым»: изменять его и реагировать на действия пользователя. 
    • Основы отладки
    • Базовый синтаксис
    • Расширенный синтаксис
    • Типы данных
    • Функции, объекты
    • Прототип и конструктор объекта
    • ООП в JS (ES6)
    • Обработка исключений и замыкания
    • Прототип массива, функции высшего порядка
    • Асинхронность
    • Выполнение проекта по итогам модуля: сайт-биржа по продаже криптовалюты — 24 часа практикиПример готовой работы     
  • Основы JavaScript в браузере. Узнаете о дополнительных возможностях, которые дает браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы делать документ «живым»: изменять его и реагировать на действия пользователя.
    • Возможности JavaScript в браузере
    • Способы поиска нужного HTML-элемента
    • Объект события
    • DOM
    • Работа с HTML-формами
    • Изменение структуры HTML-документа
    • Асинхронные запросы
    • Хранение состояния на клиенте
    • Выполнение проекта по итогам модуля: веб-менеджер личных финансов — 24 часа практикиПример готовой работы 
  • Продвинутый JavaScript. Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием (async/await).
    • Стандарты и рабочее окружение
    • Модули и Webpack
    • Платформы: браузер vs Node.js
    • Unit-тестирование
    • Прототипы, конструкторы, классы и наследование
    • Object, Reflection и Proxy
    • Регулярные выражения
    • Контейнеры
    • ArrayBuffer
    • Promises, async/await, timers & event loop
    • Символы, итераторы, генераторы
    • TypeScript
    • Выполнение проекта по итогам модуля: онлайн-игра «ходилка» в стиле фэнтези — 24 часа практикиПример готовой работы 
  • Продвинутый JavaScript в браузере. Освоите инструменты, ускоряющие работу, научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы, а также познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. И через анимацию добавите интерактивность в свои приложения.
    • Рабочее окружение
    • Работа с DOM (объектная модель документа)
    • Обработка событий
    • Организация тестирования (Unit, E2E)
    • Работа с HTML-формами, LocalStorage
    • Drag & Drop, работа с файлами
    • Работа с HTTP
    • Анимация и CSS
    • Geolocation, Notification, Media
    • RxJS
    • EventSource, Websockets
    • WebWorkers, ServiceWorkers
    • Выполнение проекта по итогам модуля: бот для поиска и хранения информации — 24 часа практикиПример готовой работы 
  • Библиотека React. Освоите одну из самых популярных библиотек на JavaScript — React. При помощи этой библиотеки вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.
    • Компоненты, композиция компонентов
    • События и состояние
    • Props
    • Формы
    • Жизненный цикл и работа с HTTP
    • HOC
    • hooks, Context API
    • React Router
    • Redux и Redux Thunk, Redux Observable, Redux Saga
    • Выполнение проекта по итогам модуля: интернет-магазин обуви — 24 часа практикиПример готовой работы 
  • Карьера в Frontend-разработке. Узнаете о том, как выглядит работа Frontend-разработчика в жизни, какие задачи выполняет программист. Как составить резюме и где искать работу. Как развиваться в профессии и какие существуют специализации.
    • Frontend-разработчик: задачи, работа в команде
    • Поиск работы: компания vs фриланс
    • Карьерная траектория: из студента в senior
    • Первое собеседование
    • Тренды Frontend-разработки: за какими ресурсами следить
    • Резюме, сопроводительное письмо, портфолио
77 940 ₽
129 900 ₽

Актуальная стоимость обучения.

Данные обновлены 9 мая 2021 г.

  • Сертификат об обучении
Перейти на страницу курса
Информация о школе

Отзывы о курсе «Frontend-разработчик с нуля» от Нетологии

Мы собрали 16 достоверных отзывов о курсе «Frontend-разработчик с нуля» от Нетологии — они помогут вам получить общее представление о процессе обучения.