Нетология

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

  • Начальный уровень
  • Наставник: Нет
  • Сертификат: Нет
  • Формат: Online
  • Рассрочка: Нет
  • Язык: Русский
  • Осталось мест: не ограничено
Записаться

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

Frontend-разработчик отвечает за внешнюю сторону сайта : Фронтендеры создают лицо сайта — то, что вы видите, попав на любую страницу в интернете. А ещё организуют логичную работу компонентов сайта: контента, кнопок, внутренних ссылок. Основная задача таких специалистов — не только перенести дизайн-макет в код, но и сделать так, чтобы все работало удобно и быстро.

Процесс обучения:

  • Вы учитесь в своём темпе, если так комфортнее Мы подготовили гибкие форматы обучения: видеолекции, статьи, вебинары, индивидуальные и групповые задания
  • Выполняете домашние задания и получаете оценки и комментарии преподавателей После каждого занятия вас ждёт домашнее задание. Преподаватели проверят его и дадут развёрнутую обратную связь. По завершении каждого модуля вы создадите проекты, которые сможете сразу включить в своё портфолио
  • Оперативно получаете поддержку команды аспирантов и координаторов Координаторы помогут с операционными вопросами, аспиранты — с вопросами по домашним заданиям, преподаватели — с трудностями в коде. Вы всегда сможете задать вопрос, получить консультацию и помощь
  • Устраиваетесь на работу с помощью нашего Центра развития карьеры Центр развития карьеры поможет с составлением резюме, предложит подходящие интересные вакансии, подготовит к собеседованию и будет активно сопровождать вас на всех этапах поиска работы
  • Поможем найти ту самую работу:

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

    Преподаватели

    • Владимир Чебукин

      Frontend-developer в TEKO

    • Александр Фитискин

      Frontend-разработчик в компании Webzilla

    • Александр Шлейко

      Frontend-разработчик в Яндексе

    • Александр Беспоясов

      Ведущий frontend-разработчик

    • Денис Ежков

      Frontend-разработчик в «Ростелеком ИТ»

    • Эдгар Нуруллин

      Middle-разработчик в Яндексе

    • Евгений Шек

      Frontend developer в «Chocotravel и Aviata»

    • Валерий Хаслер

      Автор программ и преподаватель программирования

    • Алёна Батицкая

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

    • Михаил Ларченко

      Tech Lead в Sytac B.V.

    • Татьяна Тен

      Frontend-разработчик, webcoalition.ru

    • Николай Лопин

      Senior JavaScript-разработчик, MyTaxi