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

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

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

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

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

О технологии

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

О курсе

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

О работе

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

Детали курса

Начало курса

12 апреля

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

135 часов, 30 недель

Расписание

Пн 18:30-21:00, Пт 19:00-21:00

Стоимость

2690 грн в мес

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

грн в мес

Освой перспективную специальность БЕЗ отрыва от работы и учебы!

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

Новичкам

Измените свою жизнь и освойте востребованную профессию в 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-компаний. С радостью научу решать проблемы клиентов и посетителей с помощью интерфейса сайта.

Ефанов Алексей

Front-end Developer в «Приватбанк»

Начинал как фрилансер 4 года назад, сейчас работаю в качестве front-end разработчика. В основном, мой текущий опыт связан с разработкой single page application для бизнеса. Не фанат подхода «Технологии ради технологий». Опыт преподавания — 1 год

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

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

Детали курса

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

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

грн в мес

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

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

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

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

Хочу скидку

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

Поддержка преподавателя
Закрытый чат группы и преподавателя, где всегда можно решить возникающие вопросы по пройденному материалу
Командная работа
Основной упор делается на работу в команде: комплексные задания, распределение задач, сроки выполнения
Практические занятия
Теоретический материал обязательно закрепляем на практике. Большую часть времени уделяем получению практических навыков и работе с кодом
Карьерный коучинг
Бесплатные семинары и тренинги по составлению IT-резюме, подготовка к собеседованию и успешному его прохождению. Доступ к закрытому чату с вакансиями.
Стажировка
Основной упор делается на работу в команде: комплексные задания, распределение задач, сроки выполнения