Front End разработка

Курсыfront-end разработки

Освоите полный стек технологий для быстрого старта карьеры FrontEnd-разработчика.
Cтарт: 1 марта

Записаться сейчас

Скидки для тех,
кто умеет планировать
-15% на обучение
с 21 по 29 декабря

О технологии

Веб-сайт состоит из двух частей. Клиентской, то есть страниц, которые отображаются в браузере пользователя, и серверной, где хранятся и обрабатываются данные. Фронтенд-разработка — процесс создания сложных интерактивных страниц и правил их взаимодействия с сервером. Для верстки страниц используют языки HTML и CSS. Интерактивность элементов и взаимодействие с веб-сервером программируют на языке JavaScript. Используется AJAX — метод неполной перезагрузки страниц фреймами. Разработка ведется с помощью фреймворков, например AngularJS или ReactJS, упрощающих программирование и тестирование.

О курсе

Курс охватывает все основные этапы Front End разработки. Комплексная программа курса рассчитана на новичков. Практическая направленность обучения позволит студентам получить навыки в веб-разработке с нуля и создавать сайты и приложения любой сложности. Вам предстоит выполнить много домашних заданий, а выпускной проект станет хорошим примером работы для вашего портфолио. Полученных навыков хватит для работы на позиции Junior Front End Developer.

О работе

Открытые вакансии Front End Developer в Днепре предлагают заработную плату от $400 для квалификации Junior до $4000 для квалификации Senior. При этом профиль работодателей очень широк — от больших аутсорсинговых компаний до квартирных веб-студий. Без фронтенд-разработчика создание сложного сайта невозможно. Получите незаменимую профессию на этом курсе, чтобы всегда иметь достойную работу.

Детали курса

Начало курса

1 марта

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

182 часа, 30 недель

Расписание

Вт, Пт 18:00-21:00

Стоимость

2690 грн в мес

с 21 по 29 декабря:

2290 грн в мес

Начните карьеру в IT и станьте разработчиком, в котором нуждается рынок!

Для кого курс?

Новичкам

Измените свою жизнь и освойте востребованную профессию в IT

Студентам

Получите практические навыки Front Еnd разработки

Дизайнерам

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

В результате курса вы:

Научитесь самостоятельно создавать Web-странички и программировать скрипты

Сможете создавать Front Еnd составляющую классических многостраничных сайтов и одностраничных приложений

Овладеете практическим стеком технологий Front Еnd разработчика

На практике освоите Front Еnd программирование и работу над проектами с нуля

Приобретете опыт разработки адаптивных интерфейсов, оптимизации сайтов под мобильные платформы и опыт взаимодействия с AJAX и REST

Разработаете итоговый проект, который станет одним из примеров выполненных проектов

Получите навыки командной работы, которые ценятся в сфере разработки

Узнаете, как пройти собеседование и получите возможность получить работу в IT-компании

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

  • О курсе
  • Краткая история WEB
  • HTML, CSS, JS — что и для чего
  • Среда разработки (Sublime)
  • Введение (история, стандарт)
  • «Теги, комментарии, doctype, форматирование,вложенность, спецсимволы»
  • Атрибуты (глобальные, локальные)
  • Ссылки, навигация
  • Медиаконтент (img, audio, video)
  • Списки
  • Таблицы
  • Формы, HTML5 формы
  • Введение, источники литературы. Инструменты браузера. Подключение стилей. Стили по умолчанию.
  • Идентификаторы, классы, селекторы
  • Специфичность селекторов
  • Наследование и каскадирование
  • Величины в CSS
  • Шрифт и форматирование текста
  • Блочная модель
  • Отсутпы (схлопывания, отрицательные значения)
  • «Резиновая» верстка
  • Свойства высоты и ширины (min, max)
  • Плавающие элементы (float)
  • Свойства фона, спрайты
  • Позиционарования
  • Наложение (z-index)
  • Строчно-блочные элементы (inline-block)
  • Стилизация списков
  • Стилизация форм
  • CSS3 стили. Введение. Градиенты. Скругление углов.
  • Псевдоклассы и специфичные селекторы
  • Псевдоэлементы
  • Тени текста, блоков.
  • Трансформации
  • Переходы и анимации
  • Практика стилизации. (Меню, кнопки, хлебные крошки, хинты)
  • Flex
  • Адаптивная верстка
  • Специфичные задачи и их решения
  • Bootstrap введение. Сетка.
  • Bootstrap компоненты и практика
  • Препроцессоры введение. SASS
  • БЭМ и применение в SASS
  • Введение. Инструменты. Литература.
  • Парсер
  • Переменные
  • Типы данных
  • null и undefined
  • Операторы (бинарные, унарные)
  • Операторы сравнения
  • Преобразование типов
  • Условные операторы (if, тернарный)
  • Логические операторы (и, или, не)
  • Циклы (while, for)
  • Конструкция switch
  • Функции и аргументы
  • Рекурсия, стек
  • Методы и свойства. Введение
  • Семантика, строгий режим, валидация, отладка
  • Массивы
  • Объекты и методы
  • Замыкание и области видимости (закрепление)
  • Таймеры
  • json
  • Объекты BOM (window, history, navigator, location, screen)
  • Дерево DOM
  • Работа с DOM из консоли
  • Навигация в DOM
  • Поиск: getElement* и querySelector*
  • Добавление и удаление узлов
  • Введение. Всплытие и перехват. Делегирование событий
  • События мыши
  • События формы
  • События scroll, load, error, ready
  • Специфичные задачи и их решения
  • Введение. Литература
  • Селекторы
  • Атрибуты (классы, дата, получения значений, html)
  • Вспомогательные функции
  • DOM манипуляция
  • AJAX
  • События
  • Эффекты
  • Утилиты (плагины)
  • Написание плагинов
  • Специфичные задачи и их решения
  • ООП. Введение. Литература.
  • ООП. Наследование через прототип
  • ООП. Начало цепочки наследования
  • ООП. Методы объекта
  • ООП. Наследование на классах.
  • Закрепление материала
  • Объект Math
  • Класс Date
  • Localstorage (coockie.js)
  • Unit testing
  • gulp
  • Установка и настройка
  • Создание компонентов и вывод списком
  • Сервер и сервисы
  • Директивы
  • Пайпы
  • Роутинг
  • Написание приложения

Преподаватель курса:

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

WEB Developer

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

Сергей Мирошник

Front-end developer, HTML-coder at Softum

Занимаюсь вёрсткой и разработкой 2.5 года. За это время завершил более 10 проектов и написал 2 Javascript библиотеки. Предпочитаю качество количеству, всегда открыт для дискуссий и свежих идей, не боюсь критиковать себя и критики со стороны – это движет вперёд.

Игорь Олейник

WEB Developer

Заниматься вёрсткой веб-страниц я начал ещё в школе, но тесно свою жизнь связал с веб разработкой в 2009 году. Начал с вёрстки и бекенда (wordpress) для своей команды, затем постепенно перешел и к JS-frontend. Слежу за развитием web стандартов и стараюсь применять актуальные технологии. Изучаю и внедряю подход frontend style guide.

Максим Некрашевич

Front-end developer, freelancer

Сразу после обучения в Level Up начал работать верстальщиком в студии Web-разработки HqSale. После смены руководства принял решение работать на фрилансе. Сотрудничал с Mad Masters и другими европейскими компаниями. Продолжаю выполнять заказы для европейских IT-компаний. С радостью научу решать проблемы клиентов и посетителей с помощью интерфейса сайта.

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

Отзывы о курсе:

Детали курса

Начало курса
1 марта
Длительность
182 часа, 30 недель
Расписание
Вт, Пт 18:00-21:00
Стоимость
2690 грн в мес

с 21 по 29 декабря:

2290 грн в мес

Система лояльности

от стоимости обучения студентам вузов и выпускникам Level Up

от стоимости обучения на любой курс, если приведете друга

Скидка на обучающие курсы в утреннее и дневное время

Хочу скидку

Учеба в Level Up — это:

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

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

Практические занятия

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

Видеозапись урока

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

Домашние задания

Каждое занятие начинается с разбора ДЗ. Обсуждение ошибок и вариантов решения, что поможет избежать их в дальнейшем

Командная работа

Основной упор делается на работу в команде: комплексные задания, распределение задач, сроки выполнения

IT-инкубатор

Лучших выпускников приглашаем на стажировку в IT-инкубатор, где на реальных проектах вы получаете бесценный опыт работы