Академия Mainacademynavigate_next Курсыnavigate_next Курс "Front-End+React"
Front-End Разработчик
Сертификат специалиста
Junior Front-End Developer

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, которые имеют множество реализованных успешных проектов и поделятся своим опытом с вами.

IT-English

Бонус — возможность улучшить свой технический английский и посещать курсы английского и Speaking Club в течение всего периода обучения на курсе Frontend.

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

По окончании курса все студенты проходят карьерный тренинг: тренируются проходить собеседование, учатся презентовать себя и свои soft и hard скиллы, составлять конкурентное резюме.

Вы научитесь

  • Делать верстку сайта и форматировать с помощью: HTML / HTML5, CSS / CSS3
  • Проводить базовую SEO-оптимизацию сайтов
  • Применять фреймворки: Bootstrap 4, jQuery, Angular, React, Ember.js и не только
  • Взаимодействовать с серверами с помощью JavaScript
  • Применять препроцессоры SASS / LESS /PostCSS
  • Создавать адаптивные сайты любой сложности
Технологии, которые вы освоите
  • HTML
Сделай первый шаг
Хотите узнать подробнее о курсе и направлении от ведущих IT-специалистов? Регистрируйтесь на ближайшее пробное занятие!


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

Программа курса 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

Фреймворк React

  • Знакомство React
  • Установка React
  • NodeJS
  • SPA : single page application
  • Структура проекта
  • Файл структуры проекта
  • Запуск проекта на React
  • React.Component
  • React className
  • React.Component tags
  • React JS (import\export)
  • React JS (css-modules)
  • React JS (Styled Components)
  • Styled Component Props
  • Render props

Gulp

  • Работа сборкой проекта Gulp

Сертификация

Эффективное трудоустройство

Junior Front-End Developer - 8 шагов к цели

  • 1
    Записаться на курс
  • 3
    Выполнить практические, лабораторные, домашние
  • 5
    Отработать занятия по HR
  • 7
    Защитить проект и сдать тесты
  • 2
    Изучить теорию
  • 4
    Подготовить финальный проект
  • 6
    Посещать ИТ-English и Speaking Club
  • 8
    Junior Front-End Developer!

Формы обучения

Форма обучения
Offline обучение
  • Занятия в аудиториях
  • Индивидуальная и командная работа над решением задач
  • Доступ к учебным материалам, заданиям, лабораторным и тестам 24/7 на протяжении всего периода обучения
  • Индивидуальный карьерный тренинг с практикующим HR специалистом
  • Курс IT-English та Speaking Club
Форма обучения онлайн
Online обучение
  • Обучение в любой точке мира
  • Живое общение с тренером и проверки заданий на каждом уроке
  • Запись каждого урока
  • Доступ к учебным материалам, заданиям, лабораторным и тестам 24/7 на протяжении всего периода обучения
  • Карьерный тренинг с практикующим HR специалистом

Курс: Разработка Front-End

Занятия с инструктором

Цена:
Изображение

С нуля до уровня IT-специалиста и любимой работы

laba

Занятия в аудиториях или онлайн с лучшими инструкторами

5,5 мес, 45 занятий, 112 часов теории и практики с IT-экспертами

Лабораторные работы, индивидуальные и групповые проекты

Английский в подарок для трудоустройства и работы

Финальный экзамен, защита проекта – и Вы сертифицированный IT – специалист!

Команда курса «Front-End Developer»

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

Максимум знаний и умений для трудоустройства
Карьерный сервис
Профессиональное ИТ-обучение

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

Карьерный тренинг

Учим грамотному позиционированию на рынке труда. Правильно писать резюме и сопроводительные письма. Успешно проходить интервью

Рекомендуем на работу

Мы постоянно получаем от наших партнеров запросы на работу в ИТ-компаниях. Лучших студентов рекомендуем нашим партнерам на работу и стажировку.

Отзывы об обучении в Main Academy

Получите Ваш билет в IT
Форма регистрации на пробный урок или семинар

Пробный урок
Front-End Developer

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

Первая неделя обучения бесплатно!

  • Вы познакомитесь с инструктором курса, технологиями и спецификой работы в IT
  • Узнаете, как проходит обучение на курсе Frontend: программа, расписание, создание первого портфолио и условия сертификации
  • Определите для себя, подходит ли вам данное направление

Занятия проходят:

Телефон:
Выберите регион