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

Введение
  • О курсе
  • Краткая история WEB
  • HTML, CSS, JS - краткий обзор
  • Вспомогательные инструменты (Subline 3, developer tools)
HTML
  • Введение (повторение про стандарт и w3c)
  • Теги, комментарии, doctype, форматирование. Вложенность
  • Атрибуты
  • Ссылки, навигация
  • Медиаконтент (img, audio, video)
  • Списки
  • Таблицы
  • Формы, HTML5 формы
CSS
  • Введение, литература. Подключение стилей
  • Идентификаторы, классы, селекторы
  • Специфичность (вес селекторов)
  • Наследование и каскадирование
  • Величины в CSS
  • Форматирование текста, шрифты
  • Блочная модель
  • Резиновая и адаптивная верстка
  • Свойства ширины и высоты (min, max)
  • Плавающие элементы Float
  • Свойства фона, спрайты
  • Позиционирование
  • Наложение (z-index) 
  • Строчно-блочные элементы
  • Стилизация списков
  • Стилизация форм
  • CSS3 стили. Введение. Градиенты. Тень. Скругленные углы
  • Псевдоклассы и специфичные селекторы
  • Псевдоэлементы
  • Тени текста, блоков
  • Трансформации
  • Переходы
  • Анимация
  • Практика стилизации (меню, кнопки, хлебные крошки, хинты)
  • Flex
  • Адаптивная верстка (медиа запросы)
  • Bootstrap введение. Сетка
  • Bootstrap компоненты и практика
  • Препроцессоры введение. SASS
  • БЭМ и применение в SASS
  • Grid Layer
JavaScript
  • Введение
  • Типы данных
  • Переменные
  • Операторы (бинарные, унарные)
  • Операторы сравнения
  • Преобразование типов
  • Условные операторы (if, тернарный)
  • Логические операторы (и, или, не)
  • Циклы (while, for)
  • Конструкция switch
  • Функции и аргументы
  • Рекурсия, стек
  • Методы и свойства. Введение
  • Семантика, строгий режим, валидация, отладка
  • Массивы
  • Объекты и методы
  • Замыкание и области видимости (закрепление)
  • Таймеры
  • json
  • Объекты BOM (window, history, navigator, location, screen)
  • Дерево DOM
  • Работа с DOM из консоли
  • Навигация в DOM
  • Поиск: getElement* и querySelector*
  • Добавление и удаление узлов
  • Введение. Всплытие и перехват. Делегирование событий
  • События мыши
  • События формы
  • События scroll, load, error, ready
jQuery
  • Введение. Литература
  • Селекторы
  • Атрибуты (классы, дата, получения значений, html)
  • Вспомогательные функции
  • DOM манипуляция
  • AJAX
  • События
  • Эффекты
  • Утилиты (плагины)
JavaScript ООП
  • ООП. Введение. Литература
  • ООП. Наследование через прототип
  • ООП. Начало цепочки наследования
  • ООП. Методы объекта
  • ООП. Наследование на классах
  • Закрепление материала
  • Объект Math
  • Класс Date
  • Localstorage (coockie.js)
Инструменты
  • Gulp
Angular
  • Установка и настройка
  • Создание компонентов и вывод списком
  • Сервер и сервисы
  • Директивы
  • Пайпы
  • Роутинг
  • Написание приложения
icon Кто читает этот курс?
Дмитро Томчук
Дмитрий Томчук

FRONT-END DEVELOPER (ANGULAR DEVELOPER)

  • 5+ досвід роботи у WEB-розробці, спеціалізуюсь на JavaScript розробці з використанням Angular
  • Маю досвід роботи як на фрізансі так і у великих компаніях. Працював над створенням інтерфейсів великих маркетплейсів на кшталт eBay, Amazon and Walmart
  • Досвід викладача та ментора більше 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-встречи с работодателями

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

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

Детали курса

Дата старта

24 июня

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

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

Расписание

Пн, Чт 18:00-21:00

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

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

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

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

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

    dontleave

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

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

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

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

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