Front EndОнлайн курс

Благодаря данному курсу, за четыре месяца Вы сможете освоить востребованное и высокооплачиваемое IT-направление - Front End Developer

Что умеют наши студенты

Разработка

Визуальной части сайта

Создание

Крутых анимаций

Программирование

На JavaScript

А чем вообще занимаются Front End разработчики?

Основной задачей Front End разработчика является создание клиентской (видимой) части любого программного продукта, а именно:

  • Верстка дизайна, который подготовили дизайнеры;
  • Адаптация верстки под все типы устройств;
  • Написание клиентской логики на JavaScript;
  • Работа с данными, которые сайт/приложение получает с сервера;
  • Реализация анимаций, их отладка.

Вы научитесь...

В ходе курса Вы не только узнаете как разрабатываются сайты, но и сами пройдете этот путь от начала до конца.

  • Обучитесь всем необходимым технологиям для верстки сайтов;
  • Научитесь адаптировать сайты под различные устройства;
  • Изучите один из самых популярных в мире языков программирования - JavaScript;
  • Сделаете 32 практических домашних задания;
  • Сверстаете от 3-х сайтов для портфолио.

Процесс Обучения

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

Онлайн обучение

Мы обучаем онлайн, чтобы Вы не тратили время на дорогу и обучались там, где Вам удобно. Занятия проходят в Zoom-конференции 2 раза в неделю.

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

Все занятия проходят в формате конференции. Вы сможете задавать вопросы и участвовать в дискуссиях с наставником или другими участниками во время занятий.

Много практики

После каждого занятия Вы будете получать практическое домашнее задание. Наставник проверяет и дает рекомендации. Вы делаете работу над ошибками и продолжаете учиться.

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

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

Знания ваши навсегда

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

Доступная цена

Мы сделали стоимость всего обучения максимально доступной. Со знаниями и навыками, которые вы получите в ходе обучения, вы сможете окупить всю стоимость курса с первой зарплаты.

Эффективная программа курса

Наша программа составлена с учетом текущих реалией рынка веб-разработки, включает в себя только актуальные технологии, которые используют ведущие IT-компании и специалисты.

Если Вы обучаетесь самостоятельно, просто подсмотрите нашу программу и наметьте себе план действий.

2

Месяца обучения

16

Занятий в курсе

20

Часов видеоматериала

Модуль 0

Введение

Урок 0

Знакомство с индустрией разработки. Что? Где? Когда?

Модуль 1

Язык разметки HTML

Урок 1

Устройство Web и знакомство с HTML

Урок 2

HTML как язык разметки web страниц. Работа с текстом

Урок 3

Таблицы и формы в HTML

Урок 4

Практика

Модуль 2

Каскадные таблицы стилей CSS

Урок 5

CSS. Введение в каскадные таблицы стилей. Работа с базовыми свойствами

Урок 6

Знакомство c анимацией и обработкой пользовательских событий в CSS

Урок 7

Основы модульной верстки. Flexbox

Урок 8

Основы адаптивной верстки

Урок 9

Практика

Модуль 3

JavaScript & jQuery

Урок 10

JavaScript как язык программирования

Урок 11

Знакомство с jQuery

Урок 12

Практические навыки работы с jQuery. Создание анимированных элементов

Урок 13

Работа с плагинами для jQuery. Slick & LightBox

Урок 14

Практика

Модуль 4

Публикация проекта в интернете & Фриланс

Урок 15

Размещение проектов в интернете. Виды хостингов. Навыки работы с хостингами

Урок 16

Фриланс. Как начать работать и зарабатывать

Модуль 0

Введение в курс

Урок 0

CSS препроцессоры - Less, Sass, SCSS. Практические навыки работы с LESS

Урок 1

Типы данных в JavaScript. Методы по работе с различными типами данных

Урок 2

Практическая работа

Модуль 1

Работа со сторонними модулями и плагинами

Урок 3

Использование сторонних модулей. Интеграция их в проект

Урок 4

Работа с Callback-функциями, методами, свойствами в плагинах на примере Fullpage.js

Урок 5

Практическая работа

Модуль 2

Модульный подход в разработке программных продуктов. Создание компонентов

Урок 6

Dropdown, как компонент интерфейса. Работа с DOM в JavaScript.

Урок 7

Создание модальных окон и табуляторов. Знакомство с пользовательскими атрибутами в HTML

Урок 8

Создание слайдера, виды слайдеров

Урок 9

Проектирование плагинов на JavaScript и jQuery

Урок 10

Практическая работа

Модуль 3

Работа с API. Взаимодействие с серверной частью приложения

Урок 11

Что такое API и для чего их используют

Урок 12

Валидация и фильтрация данных, получаемых с сервера

Урок 13

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

Урок 14

Проектирование приложений, использующих API

Урок 15

Практическая работа

Модуль 4

Верстка веб-интерфейсов. Адаптивная верстка

Урок 16

Адаптивная верстка. Виды адаптивности интерфейсов

Урок 17

Работа с Flexbox и Grid Layout

Урок 18

Модульные сетки. Разработка модульных сеток для проекта

Урок 19

Верстка программных интерфейсов. Особенности их разработки

Урок 20

Практическая работа

Модуль 5

Работа с жестами и анимацией

Урок 21

Обработка жестов. Методы по обработке соответствующих событий

Урок 22

Проектирование мобильного меню управляемого жестами

Урок 23

CSS @keyframes. Сценарии анимаций

Урок 24

Работа с анимациями. Правила создания "правильных" анимаций. Использование RequestAnimationFrame.

Урок 25

Практическая работа

Модуль 0

Введение в Vue.js

Урок 0

Что такое Vue.js. Создание первого проекта. Введение в синтаксис. Работа с CSS классами и стилями в приложениях

Урок 1

Методы. Вычисляемые свойства. Условная отрисовка. Отрисовка списков

Урок 2

Компоненты. Деление проекта на компоненты

Урок 3

Практическая работа

Модуль 1

Сборка проекта. Инфраструктура приложения

Урок 4

Сборка проекта (Gulp и др.)

Урок 5

Жизненный цикл приложений. Хуки в Vue.js

Урок 6

Работа с API в приложениях

Урок 7

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

Урок 8

Практическая работа

Модуль 2

Vue Router. Маршрутизация приложений

Урок 9

Знакомство с Vue Router

Урок 10

Создание многостраничных приложений

Урок 11

Практическая работа

Модуль 3

Vue Store. Работа с данными

Урок 12

Знакомство с Vue Store

Урок 13

Паттерны разработки приложений использующих Store

Урок 14

Практическая работа

Модуль 4

Анимация в приложениях

Урок 15

Анимирование процессов в Vue.js приложениях

Урок 16

Анимирование переходов между страницами/состояниями приложений

Урок 16

Практическая работа

Стоимость наших курсов

При выборе уровня курса обращайте внимание на входной порог знаний, необходимый для прохождение курса.

Front End Basic

Для тех, кто только начинает заниматься разработкой.

Научитесь

  • Навыки работы с HTML/CSS;
  • Верстка статических сайтов;
  • Создание простых анимаций;
  • Загрузка сайта на хостинг;
  • Регистрация домена.

Итог

  • Работа над мелкими проектами на фрилансе или стажером в компании.

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

2 мес.

Стоимость

0000 UAH

Front End Advanced

Для выпускников Basic уровня или тех, кто уже имеет минимальный опыт в разработке.

Научитесь

  • Верстка сложных интерфейсов сайта/приложения;
  • Адаптивная верстка;
  • Создание JavaScript-модулей любой сложности;
  • Создание сложных анимаций.

Итог

  • Работа над крупными проектами на фрилансе или младшим разработчиком в компании.

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

3 мес.

Стоимость

0000 UAH

Front End Pro

Для выпускников Advanced уровня или тех, кто уже имеет серьезный опыт в разработке.

Научитесь

  • Знание архитектур web-приложений;
  • Создание web-приложений на Vue.js;
  • Знание JavaScript на уровне Ninja;
  • Работа со сторонними библиотеками для создания web-приложений;

Итог

  • Разработка web-приложений на фрилансе или Junior Front End разработчиком в компании.

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

2 мес.

Стоимость

0000 UAH

Что о нас говорят наши выпускники

Мы попросили наших выпускников поделиться своими впечатлениям от обучения.

Сергей

Одесса, Украина

Очень доволен. Качество лекций 5/5, заданий 5/5, обратной связи 5/5. Количество обратной связи 5/5. Лекции проходят спокойно и лаконично. Стремление, желание и направление лекций не только на освоение материала, но и на формирование мышления разработчика. Сравнить такое обучение с обучением на курсах или в университете просто невозможно. Рекомендую.

Виталий

Одесса, Украина

За період навчання я отримав багато корисної інформації, дуже доступно і максимально зрозуміло. Практикуючись на реальних завданнях я здобув безцінний досвід у WEB-розробці. На протязі всього навчання було комфортно, весело і просто. Я дуже задоволений результатом!

Юрий

Одесса, Украина

Я прошел курсы по Front End Advanced. Преподаватель умеет налаживать контакт как с целой аудиторией, так и с отдельно взятым студентом. Особое внимание уделяется самообучению, которое ведёт к более эффективному усвоению материала. Рекомендую!

Работы наших студентов

Сайты такого уровня Вы сможете сделать после успешного прохождения курса.

Работодателям

Просто оставьте свои данные, и мы предложим Вам эффективного специалиста

Если Вы ищите в свою команду начинающего разработчика с желанием развиваться и учиться в команде, то оставьте заявку в нашей форме и мы пришлём Вам резюме лучших выпускников школы. Вы сможете лично связаться с нашими студентами и пригласить их на собеседование.

Вашe сообщение успешно отправлено.

Что-то пошло не так. Перезагрузите страницу и попробуйте снова.