Логотип Main Academy

Main Academy - лучшие курсы в вашем городе! Укажите ваш город

Курсы Front-End разработчиков
за 5,5 месяцев

Старт карьеры. Изучение HTML, CSS, JavaScript

Стартуют летние цены. Учись по выгодной цене

Получите мощный старт и станьте специалистом,
в котором нуждаются компании!

1

Старт занятий FrontEnd

каждый месяц

2

Выпуск и получение
сертификата

по окончанию курса

Main Academy — не для ленивых!

Дадим практический опыт разработки web-страниц

За время обучения Вы создадите несколько проектов, которые сможете добавить в свое портфолио

Обучим последним трендам разработки

Вы узнаете все нюансы и тонкости о работе Front-End разработчика и научитесь создавать корректно работающий пользовательский интерфейс

Подготовим ко всем уловкам на собеседованиях

Мы прокачаем Ваши коммуникационные навыки и расскажем, как обойти все хитрые уловки на собеседованиях, чтобы занять вакансию Junior Front-End Developer в любой IT-компании!

Кого мы приглашаем на курс
«Front-End Developer»

Хотите стать Front-End разработчиком

это направление, идеально подходит даже тем, у кого нулевой опыт работы в ИТ, получайте востребованные навыки современных методов и инструментов веб-разработки

Решили стать фрилансером

Front-End разработчик – это профессия, которую можно совмещать с основной работой и постепенно прокачивать свои навыки Front-End разработчика и при этом всегда иметь дополнительный доход

«Мучили» синтаксис в универе

сами начали изучать Front-End и у Вас есть опыт верстки web-страниц, но понимаете, что Вам не хватает «живой» обратной связи и наставничества опытного инструктора и практики

Хотите работать на себя

большинство стартапов и бизнес-проектов связаны с Интернетом, не продавай идею – реализуй все сам!

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

Чему Вы научитесь

Научитесь создавать сайты любой сложности

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

Узнаете как создать дизайн странички в Adobe Photoshop и нарезать макет

Сможете применить SEO-оптимизацию на сайте

Научитесь создавать сайты быстро и адаптивно с фреймворком Bootstrap 4

Изучите JavaScript и научитесь внедрять динамику в web-страницы

Будете создавать интерактивные странички с использованием jQuery, Angular, React и других JS фреймворков

Соберете свой собственный проект с использованием препроцессоров SASS и LESS, а также сборщиков GRUNT или GULP

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

Преимущества Front-End для новичков

Низкий порог входа

Язык прост в изучении и понятен новичкам. Требуется лишь минимальное знание основ программирования

Востребованность

Интерфейс есть во всех приложениях и web-страницах, которыми пользуются миллионы людей в мире! Каждая компания на сегодня стремиться иметь свой сайт/приложение, чтобы привлекать больше клиентов

Перспективность

Разработчик Front-End — одно из самых динамичных направлений в IT с постоянным дефицитом квалифицированных разработчиков. Окончив курсы Академии, Вы сможете претендовать на вакансии Junior Front-End Developer

Высокая оплата

Для тех, кто окончил курсы, заработная плата стартует от 400$ для Junior и доходит до 3-4 тыс.$ — для Senior

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

Программа курса Front-End

01.

3 часа

Введение во Front-End разработку и облачные системы контроля версий

    1. Понимание Web Single Page Application
    2. Основные задачи фронтенда и обзор инструментов разработки

02.

3,5 часа

Работа с Adobe Photoshop

    1. Обзор инструментария, настройка среды
    2. Форматы файлов: входные, выходные, внутренние
    3. Работа со слоями
    4. Создание изображения, использование текста, контуров, инструментов рисования
    5. Использование фильтров Photoshop для создания эффектов
    6. Инструменты цвета, преобразования
    7. Создание макета страницы для подготовки к верстке

03.

11 часов

HTML&CSS базовый, SEO

    1. Описание стандарта HTML (W3C Standards). Основные теги работы с текстом, изображениями
    2. Работа с таблицами данных
    3. Базовые контейнеры CSS. Создание и подключение CSS стилей к странице

04.

3 часа

HTML5

    1. Обзор спецификаций HTML5. Форматы даты и времени
    2. Работа с аудио и видео с использованием соответствующих тегов

05.

3,5 часа

Использование процессора LESS

    1. Базовые принципы работы CSS препроцессоров. Установка и подключение LESS
    2. Синтаксис языка программирования стилей LESS. Использование констант и переменных
    3. Функции работы с цветом
    4. Создание и использование примесей (Mixin). Параметрические примеси

06.

13,5 часов

Адаптивность и оптимизация верстки с фреймворком Bootstrap3

    1. Оптимизация графики с использованием спрайтов
    2. Обзор основных возможностей, загрузка и подключение. Введение в Bootstrap CSS
    3. Верстка сеткой, шрифты
    4. Изучение Bootstrap CSS: таблицы, картинки, формы, группировка элементов форм, кнопки, группировка кнопок

07.

2,5 часа

Выполнение персонального учебного проекта

    1. Обработка ТЗ
    2. Консультации по проекту (2 ч.)
    3. Самостоятельная работа над проектом под руководством тренера (24 ч.)
    4. Защита проекта

08.

13 часов

JavaScript базовый

    1. Обзор языка JavaScript: история, роль и место, семантика и синтакис
    2. Обзор инструментария средств отладки кода браузеров. Принципы работы с console: обзор свойств и методов
    3. Типы данных. Oператоры: арифметические, логические. Оператор typef(). Приоритет выполнения
    4. Выражения. Операции над переменными. Область видимости переменных: Local Context, Global Context
    5. Взаимодействие с пользователем через диалоговые окна. Поиск элементов в документе используя getElementById и getElementsByTagName. Вывод, используя innerHTML. Использование валидатора Jshint.com
    6. Основные конструкции программирования: ветвления, повторения
    7. Массивы данных: одномерные, двумерные, многомерные. Cвойства и методы работы с массивом: length, map(), indexOf(), lastIndexOf(). Конструкция foreach
    8. Aссоциативные массивы (структуры данных типа: словарь, хэш). Метод Keys() Стандартный класс Object, методы работы: toString() и valueOf(). Oператор delete. Понятие функции, точки ее вызова, реккурсия, принцип обратного вызова (callback). Интервалы и таймеры (setInterval(), setTimeout(), setImmediate()). Использование return с множественным выбором
    9. Понятие и использование замыкания и примеси

09.

33,5 часов

JavaScript продвинутый

    1. Обзор объектной модели W3C DOM: определение, история, уровни. Браузерная реализация в веб
    2. Классы Document и Element. Динамическое дерево элементов документа
    3. Обзор событий элементов в модели DOM. Методы элемента addEventListener(), removeEventListener(). Переопределение события stopPropagation()
    4. Объект Form, элементы управления формы input, валидация данных через регулярные выражения
    5. События мыши и клавиатуры для элементов управления input
    6. Кнопки
    7. Поля ввода. Изменение регистра введенных данных
    8. Флаги. Массивы флагов
    9. Переключатель. Массивы переключателей
    10. Визуальная группировка элементов. Управление видимостью элементов используя свойства visibility, hidden, display

10.

6 часов

Модульный подход к разработке

    1. Описание подхода к разработке Asynchronous Module Definition (AMD)
    2. Установка инструмента, реализующий подход RequireJS и подключение его в проект
    3. Описание модуля с помощью define и выполнение с помощью require

11.

12 часов

Сборка фронтенд проекта

    1. Минификация и обфускация JS и CSS с использованием uglify_js, minify_js и других
    2. Обзор препроцессоров GRUNT, GULP, Broccoli
    3. Установка GRUNT, структура файла Gruntfile.js. Использование GRUNT на разных примерах

12.

3,5 часа

Знакомство с фреймворками

    1. Yahoo! UI Library (YUI)
    2. MooTools
    3. jQuery
    4. Dojo Toolkit
    5. Backbone.js
    6. Angular
    7. Ember.js
    8. ReactNative
    9. Nativescript

13.

2 часа

Выполнение персонального учебного проекта

    1. Обработка ТЗ
    2. Консультации по проекту (2 ч.)
    3. Самостоятельная работа над проектом под руководством тренера (24 ч.)
    4. Защита своего учебного проекта

14.

2 часа

Аттестационный экзамен

    1. Сдача сертификационных тестов
    2. Получение сертификата специалиста Junior Front-End Developer

Как проходит обучение в Main Academy

Уровень

Если хотите повысить свою конкурентоспособность становитесь Full-Stack разработчиком, а для этого у нас есть курс
PHP

Тест английского языка

Что будет на занятиях

  • Теоретическая база
  • Практические и лабораторные работы
  • Индивидуальные и командные задания
  • Прямое общение с инструктором
  • Доступ к онлайн-системе с материалами для выполнения дополнительных заданий
  • Домашние практические задания

Место

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

Карьерный сервис
  • Поможем повысить visibility на рынке труда
  • Покажем как создать правильное резюме
  • Обучим успешно проходить интервью
  • Рекомендуем лучших студентов компаниям-партнерам

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

  • 5,5 месяцев
  • 45 занятий
  • 112 часов

По окончанию обучения

Сдача тестов, финальный экзамен, защита проекта. И Вы сертифицированный Junior Front-End Developer

График занятий

ПН, СР, ПТ — 18:30-21:30
ВТ, ЧТ — 18:30-21:30
СБ, ВС — 10:00-14:00

IT-English (Bonus)

  • Предлагаем курс IT-English для улучшения знаний
  • Приглашаем на Speaking Club для совершенствования навыков общения
  • Знание английского - важный навык, которым должен обладать каждый разработчик

Старт занятий

Курс FrontEnd стартует
каждый месяц

Запишитесь в группу
и сделайте свой первый шаг в IT

Main Academy — место старта успешной карьеры

Трудоустройство студентов

Отзывы работодателей об уровне подготовки наших студентов

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

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

Сотрудничаем более чем со 100 ИТ-компаниями, которым рекомендуем своих студентов.

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

Отзывы о Main Academy студентов, прошедших курс Front-End

Студент Андрей Репенко

Андрей Репенко

Буквально на третій день після демобілізації в Київській міській спілці ветеранів АТО мій побратим побачив об’яву, що Main Academy запрошує атошників на свої курси. В той самий день я потрапив на перше заняття в групу Антона Мамченко на курс "Програмування Front-End".Читать далее Навчатися було досить важко але цікаво. Здивувала і трохи "повернула на землю" кількість технологій, які треба було опанувати щоб претендувати на вхід в спеціальність. Матеріалу виявилось дуже багато, але програма курсу була побудована таким чином, що якщо не пропускати заняття і виконувати всі дз то весь об’єм нових знань засвоюється без проблем.

Студент Александр Хрипун

Александр Хрипун

Курс прошел динамично и очень увлекательно. Было много практических заданий к каждому модулю обучения, это помогло хорошо усвоить информацию и вообще понимать зачем и что ты пишешь. Так же по инициативе Паши Макарова (моего инструктора) были креативные заданияЧитать далее, которые мы делали как на занятиях, так и при желании получали домой. Если хотелось освоить что-то более сложное по Front-End или забежать немного вперед, от Паши всегда можно было получить совет. В общем, советую сходить на курс, потому что впечатления от его прохождения приятные, особенно от того, что ты научился кодить 🙂 Да и ребята с MainAcademy даже после окончания учебы не перестают помогать в дальнейшем развитии и трудоустройстве.

Студент Иван

Иван

Курс отличный! Даёт очень много теоретических и практических знаний. Порой бывает даже сложно их унести (знания). Павел - отличный преподаватель с большим практическим опытом! Всегда готов объяснить и прийти на помощь!

Студент Артур Лобанов

Артур Лобанов

Программа обучения - на первых занятиях было опасение что первые несколько месяцев будут не особо полезными так как у меня была уже некая база знаний, но примерно через неделю всякие опасения развеялись так как темы и задания стали новыми, насыщенными и интересными.Читать далее На мой взгляд программа была сбалансировано полной, углубленной и разнообразной, были затронуты большинство необходимых базовых тем для самостоятельной работы и дальнейшего развития в данной области. Предложение - добавить практических ДЗ. Недостатки - ошибки в вопросах тестирований (не критично, но как-то не очень:) ) Поддержка сотрудников MainAcademy - сотрудники MainAcademy на протяжении всего курса способствовали должным условиям проведения занятий, своевременно информировали о вне плановых событиях и самое приятное - регулярно интересовались о комфортности и успеваемости во время учебы. Все возникающие вопросы закрывались быстро и грамотно. Молодцы, отдельное спасибо куратору курса. Преподаватель Юлия зарекомендовала себя как высокоуровневый специалист в своей области, грамотный педагог и наставник, и просто милая девушка.) К каждому студенту Юля старалась найти индивидуальный подход и максимально доходчиво преподать учебный материал, считаю что со своей задачей справилась отлично.

Студентка Евгения Кролицкая

Евгения Кролицкая

Курс Front-End прошла с удовольствием. Несмотря на то, что я до курсов занималась самообучением, нашлось много того, что я узнала из занятий. На курсах я почувствовала, что гораздо быстрее изучаю технологии необходимые для работы в области Front-EndЧитать далее и полученные знания становились частью общей картины, а не оставались обрывками. Тренер всегда старался доступно объяснять все темы и отвечал на все интересующие вопросы. Практические задания были очень интересными и заставляли много самому копаться в материалах, что закрепляло теорию, которую рассказывали на занятиях. Мне показалось, что курс слишком насыщенный и объемный, из-за этого знания студентов были разного уровня, что сказывалось на скорости обучения всей группы. Еще хотелось бы группы поменьше, для того, чтобы тренер мог уделить больше времени на каждого студента при проверке практических заданий, иногда этого времени очень не хватало. В целом я осталась очень довольна курсами и знаниями, которые получила.

Студент Алексей Минников

Алексей Минников

Закончив курс Front-End в Main Аcademy мне часто начали задавать вопросы по курсу. И знаете, что я Вам скажу ребята? Кто думает, что Front-End это легко - да вы правы, если любить его и заниматься им.Читать далее Заниматься не когда у Вас есть желания, а заниматься и развиваться в этом направлении всегда. Мир ІТ не стоит на месте. Курс Front-End в Main Аcademy для Вас будет настоящим испытаниям. Это динамический и интенсивный марафон, которые не все могут пройти. Но победители получают в конце достойную награду - знания, навыки, связи, роботу и конечно же хорошие воспоминания. За 4 месяца моих курсов, было много и не все пришли до конца. Все 4 месяца персонал Main Аcademy показывал свой высокий уровень профессионализма. Антонина, Юлия, Антон - замечательные люди, с которыми приятно работать и общаться. Ребята, я Минников Алексей могу смело могу Вам рекомендовать курс Front-End в Main Аcademy. Не бойтесь, начните! И Вы увидите как же это классно))

Студент Андрей Настасяк

Андрей Настасяк

Прийшовши на курси, відчувши атмосферу та познайомившись з викладачем, який є професіоналом своєї справи, я зрозумів що ці курси для мене! Організація високого рівня! Викладання зрозуміле та доступне! Але самим великим плюсом для мене була можливість протягом курсу працювати над реальним проектом! Рекомендую друзям)

Студентка Настя Гупалюк

Настя Гупалюк

В целом курсом Front-End я очень довольна. На каждую тему выделяется много времени, все материалы освещены достаточно подробно, много ссылок на дополнительные источники. Очень подробная структура, и с учетом времени выделенного на весь курсЧитать далее, количества практики и домашних заданий, всё это дает очень неплохую базу для дальнейшего поиска работы (по крайней мере так мне кажется сейчас 🙂 ). Я точно порекомендую Main Аcademy своим знакомым, если кто-то из них будет искать курсы.

Студент Кирилл Ненахов

Кирилл Ненахов

Достойные курсы! Имея опыт обучения на нескольких курсах, хочу сказать, что Main Academy, вполне оправдывает мои ожидания. Пройдя примерно треть программы, я, не имея технического образования, не плохо понимаю пройденный материалЧитать далее, уделяя далеко не много времени самоподготовке. В ходе курса хотелось бы отметить правильное изложение материала, а так же структуру занятия. Не мало важно, что лекции проводит профессиональный, опытный тренер, отвечающий на все, даже самые глупые или заумные вопросы. За это отдельное спасибо Юлии Броницкой. Если брать вообщем, то каждое занятие охватывает предыдущие, с добавлением нового материала. Так же замечу, что каждый ученик не остается без внимания как преподавателя, так и куратора группы. Все вопросы и предложения студентов рассматривают оперативно. И так, мое первое впечатление достаточно положительное. Если продолжать в том же темпе, думаю можно многого добиться в познании таинств Front-End разработки.

Еще не готовы приступить к обучению или остались сомнения?

Заберите свой билет в IT
и приходите на бесплатные лекции от Main Academy!

Чем будут полезны для Вас такие ивенты:

Вы сможете лично пообщаться со спикерами и задать им волнующие Вас вопросы

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

Вы получите возможность узнать все подробности об интересующем Вас курсе непосредственно от инструктора

Вы узнаете о своих карьерных шансах и возможностях от приглашенных рекрутеров и гуру IT-сферы

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

Чтобы попасть на ближайший семинар или лекцию, заполните форму — наш менеджер свяжется с Вами и расскажет всё о следующей встрече!

Наши контакты

Акции

Сменить город

Написать в чат

Перезвонить Вам?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: