СКИДКА ДО 50%

ДЕНЬ

:

ЧАСОВ

:

МИНУТ

:

СЕКУНД
128 занятий

Курс «Frontend-разработчик»

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

Купить курс
  • Уникальная программа курсаУникальная программа курса
  • Индивидуальный/ групповой урокИндивидуальный/ групповой урок
  • Постоянный доступ к видеозаписям уроковПостоянный доступ к видеозаписям уроков
  • Поддержка преподавателя 24/7Поддержка преподавателя 24/7

Программа курса "Frontend"

Научитесь создавать сайт, добавлять шрифты, анимации, а также изучите основные инструменты, используемые во Фронтенде

Лицензия № Л035-01255-50/00639874
Введение в профессию

Научимся работать с HTML + CSS, что является базой для любого веб-разработчика

Вы научитесь:

  • Основным HTML тегам
  • Разметке страницы
  • Способам работы с CSS
  • Позиционированию элементов
  • Адаптивной верстке
  • BootsTrap
  • Форматам графики
  • Работать со шрифтами
  • Иконочным шрифтам
  • Работать с терминалом

Методический план:

Познакомимся с файлами расширения .css. В таких файлах хранятся параметры внешнего вида, того или иного элемента или класса. Научимся применять команду background-colour.

Итог модуля:

В модуле мы изучим основные методы создания HTML страницы. Позиционирование элементов и способы их стилизации. Так же пройдемся по основам языка программирования JavaScript и научимся создавать скрипты, работающие на HTML страницах

Основы JS

Мы не просто изучим JavaScript как язык программирования, а будем решать на нем задачи

Вы научитесь:

  • Писать простые программы на JavaScript
  • Обращаться к библиотеке jQuery
  • Применять ООП в JavaScript
  • Пользоваться различными API в браузере
  • Реализовать анимацию на JS

Методический план модуля:

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

Итог модуля:

В данном модуле мы познакомимся с экосистемой JavaScript, ключевыми возможностями языка, а также узнаем о чистых функциях и именовании.

Изучение TypeScript

TypeScript используется для создания интерактивных веб-страниц, мобильных приложений, разработки веб-приложений, расширяющее возможности JavaScript

Вы научитесь:

  • Писать простые программы на TypeScript
  • Рассмотрим более сложные и расширенные типы данных в TypeScript
  • Основам работы с функциями
  • Механизмам обработки ошибок и исключений
  • Концепции декораторов
  • Асинхронному программированию
  • Интеграции TypeScript с существующим JavaScript-кодом

Методический план:

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

Итог модуля:

В третьем модуле мы изучим возможности TypeScript, а так же процесс интеграции TypeScript с существующим JavaScript-кодом

Изучение React

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

Вы научитесь:

  • Менеджер пакетов npm
  • Введение в React
  • Хук UseState
  • Работа с компонентами
  • Жизненный цикл компонента
  • Роутинг
  • Контексты
  • Стейт-менеджеры Мемоизация
  • Работа с SASS
  • Подключение библиотек и UI компонентов
  • Организация структуры проекта
  • Работа с Next.js

Методический план:

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

Итог модуля:

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

Методики работы во frontend

Введение учащихся в различные методологии управления проектами, такие как Scrum, Kanban и Waterfall, и их применение в веб-разработке.

Вы научитесь:

  • Писать техническое задание (ТЗ) для веб-проектов и разрабатывать техническую документацию
  • Методам декомпозиции сложных задач на более мелкие и управляемые части
  • Методам готовности и выпуска проектов

Методический план:

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

Итог модуля:

В пятом модуле мы обсудим различные ролей в команде разработки веб-приложений. Это включает в себя роли, такие как фронтенд-разработчик, бэкенд-разработчик, дизайнер, тестировщик, продукт-менеджер и другие

Заработок будет расти вместе с опытом

По данным hh.ru, средняя зарплата frontend разработчика — 155 000 ₽

60 000 ₽

Junior
после курса

155 000 ₽

Middle
1–5 лет

230 000 ₽ +

Senior
более 5 лет

Цены

-12% скидка
Индивидуальные

Занятия проходят в браузере, через сервис Zoom. Ученик будет общаться с преподавателем по видеосвязи и вместе решать задания. Вы сами выбираете график учёбы.

16 360 руб/мес
14 397 руб/мес
при рассрочке на 24 месяца
-14% скидка
Групповые

Онлайн занятия в небольшом кругу учеников. Можно присутствовать на уроке или смотреть его в записи. Занятия проводятся 2 раза в неделю.

13 743 руб/мес
11 779 руб/мес
при рассрочке на 24 месяца

Развивайте свою карьеру с нами

Профессиональное резюме

Наша команда экспертов поможет вам выделиться среди кандидатов. Мы создадим эффективное и привлекательное резюме, которое подчеркнет ваши навыки и достижения.

Оформление портфолио

Портфолио — это ваша визитная карточка. Мы предоставим вам инструменты и рекомендации по созданию профессионального портфолио, которое покажет вашу уникальность и талант.

Карьерная консультация

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

Получи бесплатный урок в подарок

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

Наши специалисты свяжутся с вами в ближайшее время. Выберите удобный для вас способ обратной связи: звонок на номер телефона, сообщение в мессенджеры или на почту.

* — Поля, обязательные для заполнения

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

Заявка на обучение

Вопросы и ответы

  • Кому подойдет курс Frontend?
    Этот курс подойдет вам, если вы хотите разрабатывать “внешнюю” часть сайта или приложения, с которой взаимодействует пользователь. Специальных знаний не требуется, курс подходит как для новичков, так и тех, кто уже имеет опыт в HTML, CSS или JS
  • Как проходят уроки?
    Индивидуально или в группе. Урок длится 1 час, через Zoom. Занятие включает в себя: теорию, практику, ответы на вопросы, домашнюю работу и ее проверку. Во время урока у ученика выделяется время на создание своего проекта. Так он быстрее научится самостоятельно искать и исправлять ошибки.
  • Курс подойдёт новичкам?
    Да! Вам не нужно обладать специальными знаниями. Вы можете приступить к курсу будучи полным новичком в сфере программирования.
  • Могу ли я оплатить только те модули, которые интересны?
    Да, можете. Для уточнения цены интересующего вас модуля свяжитесь с менеджером школы программирования YCLA Coding +7 (495) 023-53-52
  • Какой результат после пройденного курса Frontend?
    По завершении курса вы сможете разрабатывать пользовательский интерфейс сайтов и приложений.
  • На какой курс можно пойти после прохождения курса Frontend?
    Вы можете изучить и “обратную” сторону приложений и сайтов и пойти на курс Python Backend, или можете расширить свои знания языков программирования, а также записаться на консультацию к преподавателям школы программирования YCLA Coding - мы всегда рады помочь!
  • Сколько зарабатывает frontend разработчик?
    Средняя зарплата frontend разработчика: Junior - 60 000₽, Middle - 155 000₽, Senior - 230 000₽ +
  • Сколько человек занимается в группе?
    В группе занимается до 4х человек.
Обратный звонок

У вас остались вопросы?

Наши специалисты свяжутся с вами в ближайшее время. Выберите удобный для вас способ обратной связи: звонок на номер телефона, сообщение в мессенджеры или на почту.

* — Поля, обязательные для заполнения

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