
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
- Створювати адаптивні сайти будь-якої складності

Програма курсу
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
-
8Junior Front-End Developer!
Форми навчання

- Заняття в аудиторіях
- Індивідуальна і командна робота над рішенням задач
- Доступ до навчальних матеріалів, завдань, лабораторних і тестів 24/7 протягом усього періоду навчання
- Індивідуальний кар’єрний тренінг з HR фахівцем
- Курс IT-English та Speaking Club

- Навчання в будь-якій точці світу
- Живе спілкування з тренером і перевірка завдань на кожному уроці
- Запис кожного уроку
- Доступ до навчальних матеріалів, завдань, лабораторних і тестів 24/7 протягом усього періоду навчання
- Кар’єрний тренінг з HR фахівцем
Курс: Курс "Front-End"
Заняття з інструктором

З нуля до рівня IT-спеціаліста і улюбленої роботи

Заняття в аудиторіях або онлайн з кращими інструкторами

5,5 міс, 45 занять, 112 годин теорії та практики з IT-експертами

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

Англійська в подарунок для працевлаштування та роботи

Фінальний іспит, захист проекту і Ви – сертифікований IT-фахівець!
Команда курсу «Front-End Developer»

Дмитро Верна
Frontend Developer
Навички
• HTML5, CSS3
• SASS, LESS
• БЕМ
• bootstrap
• JavaScript, jQuery, AJAX, ReactJS
• git
• gulp, webpack
• php, mysql
• Wordpress, Joomla, Strapi
• Photoshop, Figma
Освіта НАСОА, факультет економічної кібернетики, магістратура.
Досвід комерційними проектами почав займатися з 2014 року. З цього часу постійно розвиваюсь і вивчаю нові технології. Розроблюю сайти різних типів, зокрема: Landing page, SPA, сайти-каталоги, магазини, блоги, корпоративні сайти, калькулятори різних типів та індивідуальні рішення з кабінетами для користувачів.
Наразі створили власну команду, в якій і впроваджуємо нові ідеї.

Микола Морозов
Front end Developer, 5 років в розробці.
Основні навички: HTML, CSS, JavaScript.
Додаткові навички: SASS. LESS.jQuery, Wordpress, Bootstrap, React.
Освіта: Національна академія статистики, обліку та аудиту. Отримав спеціальність за фахом економічна кібернетика.
Досвід: З 2017 року працює у сфері веб-розробки. В основному працює сам на себе на фрілансі. У портфоліо має багато цікавих проектів від лендинг-пейдж до різної складності корпоративних сайтів.

Дмитро Прасолов
Front-End Developer
Професійно володіє: HTML 4 | 5, CSS3, SCSS, Tailwind, Bootstrap 4, JS (ES6)/p>
Інші інструменти та технології: Jquery, React (Basic), Webpack, Git, Photoshop, Wget/p>
Досвід роботи в компаніях: Scrit Group, Atom Cream./p>
Освіта: Національний технічний університет "Харківський політехнічний інститут", розробка робототехнічних систем і комплексів./p>

Павло Романченко
Senior Software Development Engineer
-
Професійно володіє C# ,LINQ, ASP.NET
-
MVC, PL/SQL, Oracle, iQuery
Закінчив ДонНТУ за спеціальністю “Комп’ютерні науки”. Займав керівну посаду відділу інформаційних систем в ОщадБанку. Досвід у широкому спектрі галузей, включаючи банківську діяльність, фінансовий менеджмент, управління даними. Зараз працює у Ciklum та VivaSoft.

Марина Басієва
Senior Front-End Developer
7 років у розробці
- Володіє на високому рівні мовами JavaScript, PHP, HTML
- Фреймворки: Angular, Laravel
- CSS, СSS3, jQuery, gulp, Jira
- CMS (Wordpress, Joomla, Magento), SEO
Особисто розробила більше 200 проектів. Серед них інтернет-магазини, лендинги, сайти-візитки. Один з найцікавіших проектів - сайт Професійної футбольної ліги. Досвід викладання більше 3 років. Директор компанії Infocus, має досвід керівництва і налагодження процесу командної роботи.

Рєпін Артур
Senior Frontend Developer
6 років у розробці Frontend
-
Професійний рівень володіння JavaScript, React.js, iQuery
-
Інші інструменти і технології: HTML, Bootstrap, AJAX, CSS, Git, WordPress, PHP, JSON, SCSS, Photoshop
Працював у ExpoPlatform, Macphun, Innovecs. Ступінь магістра з права у КНУТЕ. Ступінь бакалавра з військової психології у НУОУ.
Кар'єрний сервіс

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

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

Ми постійно отримуємо від наших партнерів запити на роботу в ІТ-компаніях. Кращих студентів рекомендуємо нашим партнерам на роботу і стажування.
Відгуки про навчання в Main Academy
Пробний урок
Front-End Developer
Ще не готові розпочати навчання або лишилися сумніви?
Перший тиждень навчання безкоштовно!
- Ви познайомитеся з інструктором курсу, технологіями та специфікою роботи в IT
- Дізнаєтеся, як проходить навчання на курсі Frontend: програма, розклад, створення першого портфоліо і умови сертифікації
- Визначте для себе, чи підходить вам цей напрям