Курс “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
- Створювати адаптивні сайти будь-якої складності
Програма курсу
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
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-спеціаліста і улюбленої роботи
Заняття в аудиторіях або онлайн з кращими інструкторами
5,5 міс, 45 занять, 112 годин теорії та практики з IT-експертами
Лабораторні роботи, індивідуальні та групові проекти
Англійська в подарунок для працевлаштування та роботи
Фінальний іспит, захист проекту і Ви – сертифікований IT-фахівець!
Кар'єрний сервіс
Після закінчення курсу, з отриманими знаннями і навичками, ви зможете претендувати на позицію Junior Front-End Developer
Вчимо грамотному позиціонуванню на ринку праці. Правильно писати резюме та супровідні листи. Успішно проходити інтерв’ю
Ми постійно отримуємо від наших партнерів запити на роботу в ІТ-компаніях. Кращих студентів рекомендуємо нашим партнерам на роботу і стажування.
Відгуки про навчання в Main Academy
Пробний урок
Front-End Developer
Ще не готові розпочати навчання або лишилися сумніви?
Перший тиждень навчання безкоштовно!
- Ви познайомитеся з інструктором курсу, технологіями та специфікою роботи в IT
- Дізнаєтеся, як проходить навчання на курсі Frontend: програма, розклад, створення першого портфоліо і умови сертифікації
- Визначте для себе, чи підходить вам цей напрям
