Online | Offline
КУРС

FRONT‑END разработка

  • Пройдешь полный цикл создания web-проекта
  • Научишься создавать интерактивные веб-страницы с использованием JavaScript
  • Получишь опыт создания сложных пользовательских интерфейсов на React
Оплата частями

Заработная плата FRONT‑END разработчик

от 500$ до 3700$

(по данным сайта dou.ua)

Чем занимается FRONT‑END разработчик

Front-End-разработчик — это верстальщик и программист в одном лице, герой стиля и кода, проектирующий пользовательский интерфейс.

Главная его задача — сделать максимально удобным взаимодействие пользователя с сайтом или web-приложением. Он хорошо разбирается в кроссбраузерной, адаптивной и валидной верстке. Создает интерактивные элементы с помощью JavaScript. Понимает принципы построения бекэнда и разбирается в серверных технологиях.

видео с нашим преподавателем

Коротко про курс

icon

Интенсивная практика и разбор домашних заданий

icon

Возможность онлайн обучения+ видеозапись занятий

icon

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

icon

Помощь в трудоустройстве, оформлении резюме и подготовка к собеседованию

После курса ты сможешь

icon

Верстать страницы на HTML и CSS

Проектировать пользовательские интерфейсы, создавать кроссбраузерную, адаптивную верстку и вносить изменения в существующую

icon

Development

Разрабатывать логику работы клиентской части, и понимать работу серверной части web-приложений

icon

Программировать на JavaScript

С помощью JavaScript будешь создавать интерактивные интерфейсы, разрабатывать серверную часть сайтов

icon

Использовать DOM, AJAX, JSON

Для структурирования кода, объектного представления исходного HTML-документа и совершать асинхронное обновление веб-страниц

icon

Применять React

Использовать в полной мере возможности библиотеки для ускорения и упрощения процесса разработки

icon

Работать с Git & GitHub

Анализировать и управлять результатами своей работы используя систему контроля версий Git& GitHub

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

12+

самых востребованных инструментов и фреймворков для разработки web-проектов

крутые примеры от тренера и подборка лучшего теоретического материала

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

HTML
  • Краткая история WEB
  • HTML, CSS, JS - что и для чего
  • Редактор кода - Visual Studio Code
  • Основы HTML
  • Структура html-документа, основные теги, комментарии, спецсимволы
  • Таблицы, формы
  • Атрибуты (глобальные)
  • Ссылки, навигация
  • Медиаконтент (img, audio, video)
CSS
  • Введение в CSS, источники литературы. Инструменты браузера.Подключение стилей
  • CSS-селекторы и основные CSS-свойства
  • Наследование и приоритет стилей
  • Блочная модель
  • Типографика и шрифты
  • Селекторы потомков и БЭМ-CSS
  • Стилизация формы
  • Свойства фона, спрайты
  • Подключение иконок и псевдоэлементы
  • Псевдоклассы и специфичные селекторы
  • Абсолютное, относительное и фиксированное
  • Наложение (z-index)
  • Flex. Коэффициент увеличения и фактор сжатия flex-элемента
  • Изменение порядка и выравнивание flex-элементов
  • Блочная верстка сайта. Создание различных layouts
  • CSS анимация. Продолжительность и 'ритм' выполнения анимации
  • Трансформации элементов
  • Перемещение. масштабирование, вращение, прозрачность
  • CSS 3D. CSS Grid. Шаблоны рядов и колонок
  • Порядок и объединение колонок и рядов
  • Grid-зоны
  • Верстка под мобильные устройства
CSS фреймфорк - Bootstrap
  • Сетка Bootstrap и построение каркаса страницы
  • Bootstrap компоненты и скрипты
  • Другие CSS библиотеки и фреймворки
  • Reset, Normalize, Foundation, Tailwind_CSS
JavaScript
  • Введение в JavaScript. Инструменты. Литература
  • Интерпретатор. Переменные. Типы данных
  • Null и undefined
  • Операторы (бинарные, унарные). Операторы сравнения
  • Преобразование типов
  • Условные операторы (if, тернарный)
  • Логические операторы (и, или, не)
  • Циклы (while, for)
  • Конструкция switch
  • Функции и аргументы
  • Рекурсия, стек
  • Методы и свойства. Введение
  • Семантика, строгий режим, валидация, отладка
  • Массивы. Объекты и методы
  • Классы и ООП
  • Объекты BOM (window, history, navigator, location, screen)
DOM и библеотека jQuery
  • Дерево DOM
  • Работа с DOM из консоли
  • Навигация в DOM
  • Поиск: getElement* и querySelector*
  • Добавление и удаление узлов
  • Введение. Всплытие и перехват. Делегирование событий
  • События мыши
  • События формы
  • События scroll, load, error, ready
  • Специфичные задачи и их решения
  • Знакомство и работа с jQuery
  • Селекторы
  • Атрибуты (классы, дата, получения значений, html)
  • Вспомогательные функции
  • Вывод элементов в DOM - render items
  • Оптимизация использования ресурсов браузера и скорость загрузки
  • JS-Анимация
HTML5 API
  • HTTP-протокол
  • Cookies
  • Интерфейс Storage
AJAX
  • JSON
  • Подход AJAX
  • XMLHttpRequest
  • Другие способы сетевых запросов
REACT
  • React основы
  • JSX и компоненты
  • Состояние компонента (state) и метод render
  • Передача данных компоненту - props
  • Методы жизненного цикла
  • React - обработка событий
  • Работа со стилями компонентов
  • Клиентский роутинг
  • React router
  • Сетевые запросы в React. Работа React с API
  • Функции высшего порядка
  • React HOC
  • Контекст. Provider и Consumer
  • React без Классов. Основные Хуки. Кастомные Хуки
PROJECT
  • Написание приложения
  • Защита выпускного проекта

Кто читает этот курс?

Евгений Ступаченко

Евгений Ступаченко

Frontend Developer

Разработкой занимаюсь уже 6 лет. Есть опыт в разработке web-проектов различных типов от лендингов до интернет-магазинов и соц.сетей. Работаю как с Front End, так и Back End. Использую последние технологии и фреймворки в работе. Всегда в курсе самых свежих и эффективных методов веб-разработки. Преподаю 3 года и говорю просто о сложном.

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

Живые занятия

Обучение в онлайн формате с возможностью прямой коммуникации

90% практики

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

Поддержка преподавателей

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

Карьерные ивенты

Онлайн-экскурсии в топовые IT-компании, тренинги по Soft Skills и подготовка к трудоустройству

Твое резюме после обучения

Максим Рудских FRONT‑END developer Trainee
Зарплата от 400$
График Работа в офисе
Образование Level Up
Ключевые навыки
  • Разработка проектов frontend-части с нуля
  • Разработка бизнес-логики и back-end системы для поддержки продукта
  • Проектирование пользовательских интерфейсов
  • Свободное владение JavaScript и JavaScript транспайлерами
  • Знание и опыт работы с популярным фреймворком React и его библиотеками
  • Владение инструментами контроля версий Git, GitHub
  • Понимание принципы построения бекэнда и разбираться в серверных технологиях
  • Сильные аналитические способности и внимание к деталям
  • Готовность учиться, расти и совершенствоваться в области качества

Так будет выглядеть твой электронный сертификат

который ты сможешь добавить в свой CV

Инструменты, которые вы освоите

icon
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview
instrumet preview

HTML

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

instrumet preview

CSS

Каскадные таблицы стилей. CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Также может применяться к любым XML-документам, например, к SVG или XUL.

instrumet preview

JavaScript

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

instrumet preview

Bootstrap

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

instrumet preview

DOM

Независящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML-, XHTML- и XML-документов, а также изменять содержимое, структуру и оформление таких документов.

instrumet preview

AJAX

Технология обращения к серверу без перезагрузки страницы, которые позволяют веб-приложениям работать асинхронно — обрабатывать любые запросы к серверу в фоновом режим техник разработки веб-интерфейсов, позволяющих делать динамические запросы к серверу без видимой перезагрузки веб-страницы: пользователь не замечает, когда его браузер запрашивает данные. AJAX обеспечивает динамичность и асинхронность web-разработок при отсутствии необходимости обновления страниц.

instrumet preview

React

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

instrumet preview

Redux

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

instrumet preview

MVC

Паттерн разработки, который позволяет разделить реализацию логики приложения, внешний вид (графический интерфейс, GUI) и взаимодействие с пользователями. С его помощью можно создавать логические части приложения отдельно друг от друга. То есть писать независимые блоки кода, которые можно как угодно менять, не затрагивая другие.

instrumet preview

Git

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

instrumet preview

github

Крупнейший веб-сервис для хостинга IT-проектов и их совместной разработки. Веб-сервис основан на системе контроля версий Git и разработан на Ruby on Rails и Erlang компанией GitHub. В первую очередь, сервис Gitub - это облачное хранилище файлов. Смысл в том, что на этом сервисе вы можете разместить какие-то файлы со своего компьютера и хранить их на удаленном сервере. Причем, делать вы это можете совершенно бесплатно.

Помогаем по трудоустройству

каждый выпускник Level Up получает помощь и поддержку Центра развития карьеры

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

Вместе со специалистом ты проанализируешь свои компетенции, определишь карьерные цели и позиционирование на рынке труда

Помогаем с резюме

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

Предлагаем вакансии

Менеджер по трудоустройству регулярно информирует студентов курса об актуальных вакансиях в наших компаний-партнеров

Способствуем твоем развития

Менеджер по трудоустройству создает бесплатные ивенты для развития твоих soft skills и HR-встречи с работодателями

Помогаем получить работу мечты

Ты научишься презентовать себя на собеседовании - очной или заочной. А если подаешь резюме на вакансии наших партнеров, менеджер по трудоустройству собирает обратную связь у работодателей.

Детали курса

Дата старта

18 марта

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

180 часов, 30 недели

Расписание

Пн, Ср 18:00-21:00

Способи оплаты

Сразу за курс 10% скидка
Помесячно на без переплат
Покупка частями
от
от 3 до 12 платежей без комиссии

Узнать стоимость и получить консультацию

    Оплата курса

    Выберите количество платежей

    Введите слово, чтобы начать поиск

    dontleave

    Вы уверены, что вам не нужна наша консультация?

      Получить консультацию

      happy

      Поздравляю! 👏

      Ты уже на полпути к успешной карьере в IT

      Ваша заявка принята, мы свяжемся
      с вами в течение 30 минут