Академія 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-фахівців? Реєструйтеся на найближче пробне заняття!


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

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

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
● Robots.txt
● Meta “robots”
● sitemap.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() метод
  • Масиви даних
  • Операція розповсюдження масиву
  • Array.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. Доступ до 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 Розробник
Форма реєстрації на курс

Форма реєстрації на курс
Назва курсу

Курс: Курс "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: програма, розклад, створення першого портфоліо і умови сертифікації
  • Визначте для себе, чи підходить вам цей напрям

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

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