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

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

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

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

Лучшие цены forEarly birds
экономия до 2000 грн На обучении

Хочу скидку

О технологии

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

О курсе

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

О работе

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

Детали курса

Начало курса

27 ноября

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

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

Расписание

Ср 18:00-21:00, Вс 13:00-16:00

Стоимость

8 платежей по 2990 грн

с 1 сентября:

грн

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

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

Новичкам

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

Студентам

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

Дизайнерам

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

Инвестиции в обучение
вернутся через
1,5 месяца работы

*Согласно статистике зарплат dou.ua

В результате обучения:

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

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

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

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

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

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

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

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

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

Введение
  • О курсе
  • Современная разработка приложений под web
  • Подготовка среды разработки. Обзор Sublime, Visual Studio IDE , WebStorm
Основы HTML
  • Введение (История, стандарт, w3c, браузеры)
  • Chrome developer tools
  • Теги, комментарии, доктайп, форматирование, вложенность, пробельные символы
  • Атрибуты (глобальные атрибуты)
  • Кодировка
  • Гипертекст, навигация (вн. и внешняя)
  • Списки
  • Таблицы
  • HTML5 формы
  • теги HTML5
Основы CSS
  • Введение
  • Литература и инструменты для раздела.
  • Кроссбраузерность. Подключение стилей. Стили по умолчанию
  • Индентификаторы и классы
  • Селекторы
  • Специфичность (вес селекторов)
  • Наследование и каскадирование
  • Величины в CSS
  • Шрифт. Форматирование текста
  • Строчно-блочные элементы
  • «Резиновая» и «Адаптивная» верстка
  • Свойства фона
  • Техника sprite
  • Абсолютное и фиксированное позиционирование элементов
  • Сетки
  • Стилизация списков, форм, таблиц
  • CSS3 стили. Введение. Градиенты. Тень. Скругленные углы.
  • Вендорные префиксы в CSS
  • CSS3 Трансформации
  • CSS3 Анимации и переходы
  • Построение стандартных блоков (меню, кнопки, хлебные крошки, навигация, комментарии, попапы)
  • Специфические задачи и их решения
  • Стили для печати
  • Flexbox, Grid Layout
  • Препроцессоры и постпроцессоры
  • Обзор SASS, SCSS
Методология
  • BEM
Фреймворки
  • Twitter Bootstrap3. Основы
  • Twitter Bootstrap3. Сетка.
  • Twitter Bootstrap3. Компоненты.
  • Twitter Bootstrap3. Javascript.
  • Twitter Bootstrap3. Основы
  • Twitter Bootstrap3. Основы
Основы javascript
  • Введение. Инструменты. Литература.
  • Переменные
  • Шесть типов данных, typeof
  • Основные операторы
  • Операторы сравнения и логические значения
  • alert, prompt, confirm
  • Условные операторы: if, ‘?’
  • Логические операторы
  • Преобразование типов
  • Циклы while, for
  • Конструкция switch — case
  • Функции
  • Строгий режим
  • Объекты: перебор свойств, копирование по ссылке
  • Псевдомассив «arguments»
  • Дата и Время
  • Замыкания, функции изнутри
  • «call», «apply», «bind»
  • Таймеры
  • Try, catch, Eval
  • Встроенные «классы» — Object.prototype
  • JSON
ES-2015
  • Переменные: let и const
  • Деструктуризация
  • Функции
  • Строки
  • Тип данных Symbol
  • Promise
  • Контроль( тестирование )
BOM
  • BOM. navigator, screen, location, frames
DOM
  • Дерево DOM
  • Работа с DOM из консоли
  • Навигация в DOM
  • Свойства узлов, атрибуты
  • Поиск элементов
  • Добавление и удаление узлов
  • Поиск элементов
  • Добавление и удаление узлов
  • Cookie
Events
  • Введение. Всплытие и перехват. Делегирование событий
  • События мыши
  • События формы
  • События scroll, load, error, ready
Jquery
  • Введение. Литература
  • Выборка
  • Атрибуты (атрибуты, класы, значения, html)
  • Вспомогательные методы
  • DOM путешествие, фильтрация
  • CSS (размеры, позиционирование)
  • DOM манипуляция
  • AJAX
  • События
  • Эффекты
  • Утилиты
  • Написание плагинов
  • Jquery ui. Обзор
  • Контроль( тестирование )
Landing page
  • Выбор макета для первого сайта, или сайта портфолио
  • Проверка, помощь, доработка Landing page
ООП
  • Введение. Литература.
  • Функция-конструктор
  • Наследование через прототип
  • Начало цепочки наследования
  • Методы объекта
  • Наследование на классах.
Регулярные выражения
  • Regexp
HTML5 API
  • Audio
  • Localstorage
  • Canvas
Testing
  • Unit testing
Инструменты
  • Сборщик проектов Gulp
  • Пакетный менеджер NPM
MV* Frameworks
  • Основы. MVC
React
  • Введение, компонентный подход
  • Настройка окружения, create-react-app
  • JSX — синтаксис
  • Props, State, refs
  • React-компонент
  • Отображение массивов
  • Жизненный цикл React-компонентов
  • работа с формами
  • React-router
  • Родительские и дочерние компоненты
  • Написание приложения на React

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

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

WEB Developer

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

Дмитрий Томчук

WEB Developer

Занимаюсь версткой уже 3 года. За время работы познал тонкости как Front-end так и Back-end разработки. Работал как на фрилансе так и на фирму по разработке Landing-page. Готов поделится знаниями и помочь студентам познать тонкости web-разработки

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

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

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

Иван Домаранский

Full stack web developer at PrivatBank

Опыт в разработке более 2 лет. Основные задачи, с которыми сталкиваюсь каждый день: написание и поддержка сервисов для высоконагруженных систем; создание и рефакторинг веб-интерфейсов для внутрибанковского использования, участие в создании микросервисной архитектуры для бизнес процессов.

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

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

Детали курса

Начало курса
27 ноября
Длительность
233 часа, 30 недель
Расписание
Ср 18:00-21:00, Вс 13:00-16:00
Стоимость
8 платежей по 2990 грн

с 1 сентября:

грн

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

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

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

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

Хочу скидку

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

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