Курс «Front-End»
Запишитесь в группу
сделайте первый шаг к успешной карьере
Frontend-разработчик — одна из топовых IT-профессий на сегодняшний день по данным HeadHunter. В тоже время это возможность начать IT карьеру, ведь для освоения специальности, вам будет достаточно ваших школьных знаний. К примеру, английский язык — это основной мировой международный язык, а JavaScript — это основной язык современного сайта, на нем написано большинство сайтов,которые мы ежедневно используем. Frontend разработчик должен быть всегда в тренде. Ведь технологии во фронтенде меняются практически каждые полгода Еще 5 лет назад можно было свободно работать джуном, зная только HTML и CSS. А уже сегодня нужно знать не только JS, но и фреймворки. Не жди, когда требования вырастут еще больше! Учись уже сегодня.
Курс «Frontend Разработчик» от «Main Academy» лучший вариант для старта вашей IT-карьеры. На курсе Фронт Енд вы познакомьтесь с такими языками программирования как CSS, HTML5, CSS3, JavaScript, jQuery на практике. Программа составлена по принципу увеличения сложности. Каждый урок содержит большую практическую составляющую, которая поможет тебе быстро и эффективно освоить новую профессию.
Программа курса Frontend разработана преподавателем на основе многолетней практики и соответствует требованиям ведущих IT-компаний и отвечает требованиям современного рынка к специалистам уровня Junior Frontend Developer.
Тренера курса — успешные практики уровня Middle или Senior, которые имеют множество реализованных успешных проектов и поделятся своим опытом с вами.
Бонус — возможность улучшить свой технический английский и посещать курсы английского и Speaking Club в течение всего периода обучения на курсе Frontend.
По окончании курса все студенты проходят карьерный тренинг: тренируются проходить собеседование, учатся презентовать себя и свои soft и hard скиллы, составлять конкурентное резюме.
Вы научитесь
- Делать верстку сайта и форматировать с помощью: HTML / HTML5, CSS / CSS3
- Проводить базовую SEO-оптимизацию сайтов
- Применять фреймворки: Bootstrap 4, jQuery, Angular, React, Ember.js и не только
- Взаимодействовать с серверами с помощью JavaScript
- Применять препроцессоры SASS / LESS /PostCSS
- Создавать адаптивные сайты любой сложности
Программа курса Frontend
Git control version
- Знакомство с git control version
- Установка Git
- Первоначальная настройка Git
- Создание Git-репозитория
- Работа с удалёнными репозиториями
- Основы ветвления и слияния
- Управление ветками
- Работа с ветками
- Удалённые ветки
Photoshop & Figma
- Знакомство с Photoshop
- Форматы графических файлов
- Работа с инструментами
- Изменение размера изображений
- Фильтры
- Нарезка и экспорт макета веб-сайта + HTML
- Знакомство с Figma
- Регистрация в Figma
- Экспорт изображения
- Разбор получение стилей в Figma
- Слои в Figma
- Клон макета
HTML & HTML5, Optimization
- Знакомство с HTML
- Структура HTML-документа
- Заголовки, блочные и строчные теги
- Работа со списками
- Изображение, iframe, ссылки
- Таблицы, Формы
- Видео, аудио
- Новые теги в HTML5
Поисковая оптимизация
- Страничные и внутристраничные задачи
- Мета теги
- Контент использование
- Ключевые слова
- Якорный текст
- Теги заголовков
- Атрибут изображения alt & title
- 301 Redirect, canonical, 404
- txt
- Meta “robots”
- xml
CSS & CSS3
- Знакомство с CSS
- Синтаксис
- Подключение css файла
- Селекторы CSS element, id, class
- Селекторы группировки
- CSS background, background position
- CSS Комбинатор
- text properties, fonts
- Псевдо-элементы, псевдо-классы
- Lists properties
- padding, margin, border
- position, display, float, z-index
- CSS3 box-sizing property
- Градиент,
- CSS3 2D и 3D
- CSS3 Animation
- @keyframes
- CSS3 Flexbox
Front-End Framework
- BootStrap 4.0
- Plugins Owlcarousel
- Plugins Fancybox
JavaScript базовый
- Обзор языка JavaScript
- Обзор инструментария средств отладки кода
- Команды Console
- Знакомство Переменные
- Литералы шаблона
- Примитивные типы
- Типы данных. Операторы
- Метод для String ()
- Объект Math
- Назначение деструктуризации
- Окна диалогов
- Использование innerHTML
- Использование If/Else
- Операция выбора первого определенного операнда (??)
- Условный доступ к свойствам
- Switch
- For (in & of, await)
- Оператор in
- Операторы While и Do/While
- ToLocaleString() метод
- Массивы данных
- Операция распространения массива
- of(), Array.form(), Array length, forEach()
- Методы итератора для массивов
- Сглаживание массивов с помощью flat() и flatMap()
- Объединение массивов с помощью concat()
- Организация стопок и очередей с помощью push (), pop(), shift () и unshift ()
- Работа с подмассивами с помощью slice(), splice(), fill() и copyWithin()
- Ассоциативные массивы
- Стандартный класс Object, методы работы
- Понятие функции
- Понятие стрелочных функции
- Анонимные функции
- Callback функции
- Конструктор функции
- Рекурсия функции
- Аргумент функции
- Понятие и использование замыкания
- Регулярное выражение
- Работа со строками, датами
- Конструкция try…catch
JavaScript продвинутый
- Обзор объектной модели W3C DOM
- Объект Window
- Свойства Window
- Методы Window
- Location, Location методы
- History
- Navigator
- Screen
- Обзор событий элементов в модели DOM
- Ссылка на объекты по идентификатору или имени
- innerHTML
- Events
- setTimeout() & setlnterval()
- форма Валидации
- События мыши и клавиатуры для элементов управления
- jQuery
JavaScript продвинутый
- Взаимодействие с сервером
- HTTP методы
- XMLHttpRequest: свойства, методы
- Описание модуля с помощью define и выполнение с помощью require
- Форматы передачи данных от сервера JSON
- URL API
- Promise Объекты
- Promise свойства & методы
- Symbol объект
- Promise свойства & методы
- Доступ к Cookies.
- Технология Ajax и работа с HTTP протоколами
- localStorage & sessionStorage
- IndexedDB
Gulp
- Работа сборкой проекта Gulp
Сертификация
Эффективное трудоустройство
Junior Front-End Developer - 8 шагов к цели
-
1Записаться на курс
-
3Выполнить практические, лабораторные, домашние
-
5Отработать занятия по HR
-
7Защитить проект и сдать тесты
-
2Изучить теорию
-
4Подготовить финальный проект
-
6Посещать ИТ-English и Speaking Club
-
8Junior Front-End Developer!
Формы обучения и стоимость
- Самостоятельное обучение в личном кабинете
- Занятия онлайн в удобное для вас время
- Доступ ко всем видео урокам: лекции, практические, проекты, Q&A
- Доступ ко всем материалам в LMS: видео, презентации, тесты, практические
- Сертификат по окончании курса
- Стоимость: 3900 грн
- Обучение с инструктором в группах по ZOOM согласно расписанию
- Доступ ко всем видео урокам: лекции, практические, проекты, Q&A
- Доступ ко всем материалам в LMS: видео, презентации, тесты, практические
- Живое общение с инструктором в ZOOM и Telegram, проверка практических
- Сертификат по окончании курса
- Стоимость: 25000 грн
Курс: Разработка Front-End
Занятия с инструктором
С нуля до уровня IT-специалиста и любимой работы
Занятия в аудиториях или онлайн с лучшими инструкторами
7 мес, 58 занятий, 145 часов теории и практики с IT-экспертами
Лабораторные работы, индивидуальные и групповые проекты
Английский в подарок для трудоустройства и работы
Финальный экзамен, защита проекта – и Вы сертифицированный IT – специалист!
Карьерный сервис
После окончания курса, с полученными знаниями и навыками, вы сможете претендовать на позицию Junior Front-End Developer
Учим грамотному позиционированию на рынке труда. Правильно писать резюме и сопроводительные письма. Успешно проходить интервью
Мы постоянно получаем от наших партнеров запросы на работу в ИТ-компаниях. Лучших студентов рекомендуем нашим партнерам на работу и стажировку.
Отзывы об обучении в Main Academy
Пробный урок
Front-End Developer
Еще не готовы приступить к обучению или остались сомнения?
Первая неделя обучения бесплатно!
- Вы познакомитесь с инструктором курса, технологиями и спецификой работы в IT
- Узнаете, как проходит обучение на курсе Frontend: программа, расписание, создание первого портфолио и условия сертификации
- Определите для себя, подходит ли вам данное направление
