Курс «Программирование FrontEnd»

Создай свой мир

Регистрируйся сейчас

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


7 месяцев (стандарт)

5 месяцев (интенсив)

Количество часов


144 часа

Стоимость


2750 грн/мес

Уровень после курса


Junior FrontEnd Developer

Для кого этот курс

  • Хочу заниматься web-интерфейсом и ничего об этом не знаю. Опыт: 0 лет
  • Учусь самостоятельно и верстаю web-страницы, нужно систематизировать знания. Опыт: до 1,5 года
  • Интересуюсь программированием, хочу творчески и интеллектуально развиваться

Почему FrontEnd

Доступность – прост в изучении, понятен новичкам

Креативность – возможность быть программистом и дизайнером одновременно

Востребованность в проектах – интерфейс есть во всех приложениях и веб-страницах

JavaScript – этот язык динамических страниц – самый популярный язык программирования, со знанием JavaScript можно работать и с FrontEnd, и с BackEnd

Хорошие конкурентные перспективы – одно из самых динамичных направлений в IT с постоянным дефицитом квалифицированных разработчиков

Возможность вырасти в высококлассного профессионала – хороший FrontEnd Developer разбирается в тонкостях браузеров, юзабилити, UX, клиент-серверных взаимодействиях и становится одним из важнейших членов команды

Особенности курса
Main Academy

Полный курс FrontEnd подготовит вас к работе на позиции Junior FrontEnd Developer. Курс подходит как начинающим программистам, так и уже работающим.

Курс разработан экспертами IT-обучения и практикующими программистами. Его утвердили как полную подготовку Junior FrontEnd Developer в ведущих IT-компаниях Украины.

Занятия проходят в небольших группах под руководством инструктора FrontEnd Developer – практикующего программиста, который делится собственным опытом и акцентирует самые нужные скиллы на современном рынке IT.

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

Ваш результат после курса

Сможете создать свою web-страницу

Научитесь работать с графическим редактором

Узнаете, как воплотить в реальность нарисованный дизайн и сделать крутую анимацию

С помощью JS научитесь внедрять динамику в web-страницы

Поймете, “как работает Интернет” – как происходит взаимодействие клиент-сервер

Сможете написать свое полноценное web-приложение

Узнаете, как работать с инструментами разработчика и как оптимизировать процесс разработки с их помощью

Чему мы научим

Часть 1. Верстка

1.1. Понимание Web Single Page Application

1.2. Основные задачи фронтенда и обзор инструментов разработки

2.1. Обзор инструментария, настройка среды

2.2. Форматы файлов: входные, выходные, внутренние

2.3. Работа со слоями

2.4. Создание изображения, использование текста, контуров, инструментов рисования

2.5. Использование фильтров PhotoShop для использования эффектов

2.6. Инструменты цвета, преобразования

2.7. Создание макета страницы и порезка для подготовки к верстке

3.1. Описание стандарта HTML (W3C Standards). Основные теги работы с текстом, изображениями

3.2. Работа с таблицами данных

3.3. Базовые контейнеры CSS. Создание и подключение CSS стилей к странице

3.4. Обзор SEO оптимизации. Задача, решаемые на странице и вне ее

4.1. Обзор новых спецификаций HTML5. Форматы даты и времени

4.2. Работа с аудио и видео с использованием соответствующих тегов

5.1. Базовые принципы работы CSS препроцессоров. Установка и подключение LESS

5.2. Синтаксис языка программирования стилей LESS. Использование констант и переменных.

5.3. Функции работы с цветом

5.4. Создание и использование примесей (Mixin). Параметрические примеси

6.1. Оптимизация графики с использованием спрайтов

6.2. Обзор основных возможностей, загрузка и подключение;введение в Bootstrap CSS

6.3. Верстка колонками, шрифты

6.4. Изучение Bootstrap CSS: таблицы, картинки, формы, группировка элементов форм, кнопки, группировка кнопок

6.5. Создание навигационных блоков

Часть 2. JavaScript

7.0. Обзор языка JavaScript: история, роль и место, семантика и синтакис

7.1. Обзор инструментария средств отладки кода браузеров. Принципы работы с console: обзор свойств и методов

7.2. Типы данных. Oператоры: арифметические, логические. Оператор typeof(). Приоритет выполнения

7.3. Выражения. Операции над переменными. Область видимости переменных: Local Context, Global Context

7.4. Взаимодействие с пользователем через диалоговые окна. Поиск элементов в документе используя getElementById и 60getElementByTagName. Вывод, используя innerHTML. Использование валидатора Jshint.com

7.5. Основные конструкции программирования: ветвления, повторения

7.6. Массивы данных: одномерные, двумерные, многомерные. Cвойства и методы работы с массивом: length, map(), indexof(), lastindexof(). Конструкция foreach

7.7. Aссоциативные массивы (структуры данных типа: словарь, хэш). Метод Keys() Стандартный класс Object, методы работы: toString() и valueOf().Oператор delete. Понятие функции, точки ее вызова, реккурсия, принцип обратного вызова (callback). Интервалы и таймеры (setInterval(), setTimeout(), setImmediate()). Использование return с множественным выбором

7.8. Понятие и использование замыкания и примеси

7.9. Работа со строками, датами: обзор методов. Введение в регулярные выражения

7.10. Конструкция try…catch, класс Error. Обработка ошибок

8.1. Обзор объектной модели W3C DOM: определение, история, уровни. Браузерная реализация в веб

8.2. Классы Document и Element. Динамическое дерево элементов документа

8.3. Обзор событий элементов в модели DOM. Методы элемента addEventListener(), removeEventListener().Переопределение события stopPropagation()

8.4. Объект Form, элементы управления формы input, валидация данных через регулярные выражения.

8.5. События мыши и клавиатуры для элементов управления input

8.6. Кнопки

8.7. Поля ввода. Изменение регистра введенных данных

8.8. Флаги. Массивы флагов

8.9. Переключатель. Массивы переключателей

8.10. Визуальная группировка элементов. Управление видимостью элементов используя свойства visibility, hidden, display

8.11. Структура URL. Использование объекта XMLHttpRequest: свойства, методы

8.12. Форматы передачи данных от сервера JSON. Получение данных в форму

8.13. Cookies. Доступ к Cookies. Механизмы сохранения и чтения Cookies. Альтернатива Cookies (LocalStorage)

8.14. Технология Ajax и работа с HTTP протоколами

9.1. Описание подхода к разработке Asynchronous Module Definition (AMD)

9.2. Установка инструмента, реализующий подход RequireJS и подключение его в проект

9.3. Описание модуля с помощью define и выполнение с помощью require

10.1. Минификация и обфускация JS и CSS с использованием uglify_js, minify_js и других

10.2. Обзор препроцессоров GRUNT, GULP, Broccoli

10.3. Установка GRUNT, структура файла Gruntfile.js. Использование GRUNT на разных примерах

10.4. Обзор готовых плагинов для реализации задач фронтэнда

10.5. Работа над практическим заданием по созданию фронтэнд проекта

11.1. Обзор javascript MV*фреймкорков: React, Backbone, Angular, Ember, Knockout

Сертификационный экзамен – 2 часа

Как всего за 5 шагов стать
Junior FrontEnd Developer

Записаться на курс и посетить вводное занятие

(убедитесь, что вам подходит этот курс)

Пройти курс «Программирование FrontEnd»

(очень много учиться, перенимая знания и опыт нашего инструктора)

Выполнять все практические и теоретические задания

(это действительно очень важно)

Во время обучения работать с нашим консультантом по трудоустройству

(составлять резюме, проходить собеседования, искать свою нишу)

Защитить курсовой проект и сдать сертификационный экзамен

(вы можете претендовать на позицию Junior FrontEnd Developer в IT-компании)

Записаться на курс

Хочу учиться

Отзывы

  • Ангелина Гороховская


    Main Academy — это не просто курсы, а место, где студент может ощутить атмосферу IT-компаний, ведь ваш преподаватель — это опытный специалист.Каждое занятие было действительно полезным и продуктивным. Огромное спасибо за багаж знаний и чудесную атмосферу!

  • Юлия Худопай


    Спасибо огромное Денису Годованному (преподаватель курса “Тестирование ПО”) . Все было профессионально и на высоком уровне. Курсы дают хорошую теоретическую базу, поскольку построены по программе ISTQB. Также хорошая практика – к каждому студенту был индивидуальный подход во время выполнения практических заданий. Курсы очень достойные! Рекомендую!

  • Юлия Кордубайло


    Очень хороший учебный курс, качественно составленная программа. При низком уровне знаний английского языка после курса намного легче читать техническую литературу. Отдельное спасибо преподавателю, Денису Годованному, за идеально подобранный баланс в преподавании. Легкая подача сложного материала, если виделось непонимание в глазах студентов сразу начинал объяснять вопрос более доходчиво, под другим углом.

  • Володимир Верхотуров


    Курс був дуже корисним. Дякую за можливість для навчання учасникам АТО.

Наша учебная модель

Сертификация и требования рынка


Мы использовали Европейскую рамку компетенций для IT-профессионалов (e-CF), сертификационные требования от Oracle и Microsoft. Каждая программа разработана экспертами отрасли под заказ Main Academy и утверждена в ведущих IT-компаниях Украины

Обширный практикум


Наша цель – дать максимум знаний и навыков для успешной работы. Поэтому студенты выполняют множество лабораторных индивидуально и в команде, разрабатывают реальный проект, который станет первым в портфолио

Offline & Online


Основа обучения – занятия с инструктором в аудитории. Только такой формат гарантирует результат. При этом постоянно открыт онлайн-доступ к разработанным нами учебным материалам, заданиям, тестам

Отбор и подготовка инструкторов


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

Карьерный сервис


Учим проходить собеседования, быть конкурентными на рынке и презентовать свои преимущества в резюме. Компании-партнеры запрашивают информацию о наших студентах и отбирают нужных специалистов

Единый стандарт качества для всех филиалов


Main Academy учит студентов во всех регионах Украины. Благодаря единым методикам, программам, сертификации инструкторов студенты в каждом филиале получают гарантированное качество обучения

Записаться на курс


Полная стоимость: 19250 грн

*возможна оплата частями

Действует система скидок:

приведи друга, предпокупка и т.д.**

**детали уточняйте у менеджеров

пн, ср, пт – 19:00-21:30 (5 месяцев)

вт, чт – 19:00-21:30 (7 месяцев)

сб, вс – 10:00-14:00 (5 месяцев)

Записаться на курс
«FrontEnd»

Записаться

Узнайте свой уровень подготовки

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

Проверьте себя

Учим
с нуля

Развиваем
профессионалов

Готовим
к карьере в IT

Комплексное
IT-образование