МІЙ КАБІНЕТ
ЗМІНИТИ СВОЄ МАЙБУТНЄ
[email protected] +38044-667-67-67

КУРС FRONTEND РОЗРОБНИК
З САМОГО ПОЧАТКУ

Для нас дуже важлива репутація, тож ми піклуємося про кожного нашого студента та допомагаємо йому досягти найголовнішого, не тільки отримати професію, але й працевлаштуватись в IT компанію

ЗАПИСАТИСЯ НА КУРС
elem-1 elem-2 pointer coffee
yuriy
8 модулів
5 HR уроків
Практикуючий
Frontend розробник
38 лекцій
8 практичних уроків
who is front-end

Frontend розробник – це фахівець, який створює інтерфейси для користувачів, забезпечуючи зручність та привабливість веб-додатків.

Він працює з різними мовами програмування, щоб забезпечити інтерактивність та швидкодію сторінок.

Завдяки його роботі користувачі можуть насолоджуватись сучасним та зручним дизайном веб-інтерфейсів.

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

1 модуль

Ви зрозумієте роль та відповідальності Front-end розробника в створенні веб-сайтів та веб-додатків. Дізнаєтесь про різні інструменти та бібліотеки, які полегшують та прискорюють процес розробки.

  • Роль Front-end розробника
  • Як встановити Visual Studio Code
  • Що таке HTML
  • Базовий CSS
  • Шрифти
  • 1 практичне заняття + домашня робота
ДЕТАЛЬНІШЕ

2 модуль

Ви набудете практичних навичок у розробці веб-сторінок, зможете створити основну структуру веб-сторінки та форматувати текст за допомогою різних атрибутів і стилів.

  • Базові властивості елементів
  • Семантична структура HTML сторінки
  • Базовий адаптив
  • Селектори CSS
  • 1 практичне заняття + домашня робота
ДЕТАЛЬНІШЕ

3 модуль

Пройшовши ці уроки, ви здобуде важливі навички та знання, які стануть корисними в розробці веб-сторінок. Ці навички дозволять вам створювати якісні веб-сторінки, адаптовані до потреб користувачів та пристроїв.

  • Використання URLs та стилізація посилань в HTML/CSS
  • Картинки на HTML сторінці
  • Медіа запити
  • Форми
  • 1 практичне заняття + домашня робота
ДЕТАЛЬНІШЕ

4 модуль

З цими навичками ви зможете розробляти більш складні та інтерактивні веб-сторінки, керувати виглядом та розміщенням елементів на сторінці, а також оптимізувати розробку стилів та анімацій. Ці знання є дозволять створювати візуально привабливі та функціональні веб-додатки.

  • Позиціювання
  • FlexBox
  • BEM методологія
  • Препроцесор SAAS
  • Трансформації та анімації
  • Grid
  • 1 практичне заняття + домашня робота
ДЕТАЛЬНІШЕ

5 модуль

Ви зрозумієте призначення та важливість JavaScript у веб-розробці та навчитеся працювати з подіями, слухачами подій та обробниками подій, що дозволяє взаємодіяти з користувачем та реагувати на його дії в реальному часі.

  • Вступ до JavaScript
  • Типи даних та оператори в JavaScript
  • Functions
  • 1 практичне заняття + домашня робота
  • . . .
ДЕТАЛЬНІШЕ

6 модуль

Ці знання та навички дозволять вам більш ефективно працювати з JavaScript, створювати складні програми та веб-додатки, а також розвивати більш глибоке розуміння мови програмування.

  • Робота з рядками (strings)
  • Робота з масивами
  • Робота з числами
  • Робота з рядками(поглибл.)
  • 1 практичне заняття + домашня робота
  • . . .
ДЕТАЛЬНІШЕ

7 модуль

У цьому модулі ви отримаєте глибше розуміння основних концепцій та можливостей JavaScript, пов’язаних з перетворенням типів, логічними операторами, роботою з об’єктами та масивами, а також важливістью колбеків у програмуванні.

  • Перетворення типів в JS
  • Логічні оператори. Як вони працюють
  • Об`єкти
  • 1 практичне заняття + домашня робота
  • . . .
ДЕТАЛЬНІШЕ

8 модуль

У цьому модулі ви продовжите вивчати JavaScript і засвоїте більше складні та потужні концепції мови.

  • Замикання (Closures)
  • Наслідування
  • Конструктори
  • Класи
  • 1 практичне заняття + домашня робота
ДЕТАЛЬНІШЕ

ПРОГРАМА КУРСУ

Модуль 1: Введення в Web-розробку

Урок 1: Вступне слово

1.1. Роль Front-end розробника

Урок 2: Як встановити VISUAL STUDIO CODE

2.1. Етапи встановлення VISUAL STUDIO CODE

Урок 3: Що таке HTML

3.1. Базові теги
3.2. Що таке ʼтегʼ
3.3. Списки, заголовки, абзаци й звичайні тексти

Урок 4: Базовий CSS

4.1. Інлайнові стилі
4.2. Стилі прописані в середині тегу <style></style>
4.3. Підключення зовнішнього файлу зі стилями

Урок 5: Шрифти

5.1. Що таке шрифти
5.2. Стандартні системні шрифти
5.3. Загальні імена сімейств
5.4. Специфічні імена сімейств
5.5. Властивості шрифтів
5.6. Зовнішні шрифти та @font-face

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 2: Семантика та стилізація елементів

Урок 6: Базові властивості елементів

6.1 Атрибут class
6.2 Використання margin та padding
6.3 Використання devTools panel
6.4 Block та inline елементи, вирівнювання контенту
6.5 Вирівнювання по центру, box-sizing та margin collapse

Урок 7: Семантична структура HTML-сторінки

Урок 8: Базовий адаптив

Урок 9: Селектори CSS та їх пріоритетність

9.1. Селектори
9.2. Псевдокласи
9.3. Специфічність

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 3: Взаємодія з посиланнями, картинками, створення форм

Урок 10. Використання URLs та стилізація посилань в HTML та CSS

Урок 11. Використання картинок на HTML сторінці та керування їх розмірами

Урок 12. Медіа запити, responsive image та responsive background

Урок 13. Форми

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 4: Вирівнювання елементів та препроцесори

Урок 14. Позиціювання

Урок 15. FlexBox

Урок 16. BEM методологія

Урок 17. Препроцесор SASS

Урок 18. Трансформації та анімації

18.1. Transition
18.2. Transform
18.3. Animation
18.4. Cubic-bezier

Урок 19. Сітка (Grid)

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 5:  Базовий JavaScript

Урок 20: Вступ ДО JavaScript

20.1. Короткий огляд JavaScript
20.2. Запуск першого скрипта
20.3. Створення файлу js
20.4. JavaScript код в HTML
20.5. Змінні в JavaScript
20.6. Створення та назви змінних: “let”, “const” і “var”
20.7. Правила надання назв змінним, ключові слова
20.8. Застосування змінних у JavaScript
20.9. Коментарі
20.10. Ключові слова
20.11. Літерали
20.12. Вирази

Урок 21: Типи даних та оператори в JavaScript

21.1. Типи даних
21.2. Оператори в JavaScript

Урок 22: Functions

22.1. Оголошення функції
22.2. Локальні змінні
22.3. Зовнішні змінні
22.4. Параметри
22.5. Значення за замовчуванням
22.6. Повернення значення
22.7. Вибір імені функції

Урок 23: Умовні оператори

23.1. Інструкція “if”
23.2. Перетворення до логічного типу
23.3. Блок “else”
23.4. Умовний оператор “?”

Урок 24: Loops

24.1. Цикл “for”
24.2. Вбудоване оголошення змінної
24.3. Пропуск частин “for”

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 6: Типи даних

Урок 25: Робота з рядками

Урок 26: Робота з масивами

26.1 Оголошення
26.2 Отримання останніх елементів за допомогою “at”
26.3 Методи pop/push, shift/unshift
26.4 Багатовимірні масиви
26.5 toString

Урок 27: Робота з числами

27.1. Числові літерали (decimal, binary, octal, hexadecimal)
27.2. Пріоритети операторів в js
27.3. Які існують числа в js (Infinity, BigNumber, NaN)
27.4. Конвертація рядка в число (Number(), +string, 123 + string, parseInt(), parseFloat() )
27.5. Округлення чисел
27.6. Генерація випадкових чисел

Урок 28: Цикл “while”

28.1. Цикл “do…while”
28.2. Переривання циклу: “break”
28.3. Перехід до наступної ітерації: continue
28.4. Мітки для break/continue

Урок 29: Робота з рядками (поглиблено)

29.1. Кодування рядка
29.2. Порівняння рядків
29.3. Методи редагування рядків (.repeat(), .padStart(), padEnd())
29.4. Спецсимволи
29.5. Довжина рядка
29.6. Доступ до символів
29.7. Зміна регістру
29.8. Пошук підрядка

Урок 30: Функції (поглиблено)

30.1. Rest Arguments
30.2. Function Declaration, Expression and Arrow
30.3. Switch Case, Switch True

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 7: Поглиблений JavaScript

Урок 31: Перетворення типів в js

31.1. Перетворення типів
31.2. Як порівнювати різні типи в js

Урок 32: Логічні оператори. Як логічні оператори працюють

32.1. || (АБО)
32.2. && (І)
32.3. ! (НЕ)
32.4. Оператор нульового злиття (??)

Урок 33: Обʼєкти

33.1. Навіщо потрібні об’єкти?
33.2. Створення, читання, редагування, видалення значень об’єкта
33.3. Перевірка значень об’єкта
33.4. Перебір по об’єкту
33.5. Як працюють об’єкти, const and Object
33.6. Порівняння об’єктів
33.7. null vs undefined
33.8. Об’єкти як аргументи
33.9. Клонування об’єктів
33.10. Деструктуризація об’єктів
33.11. Функція як об’єкт
33.12. Методи об’єктів
33.13. Computed properties

Урок 34: Методи масивів

34.1. Мутуючі та немутуючі методи масивів
34.2. Копіювання масивів
34.3. Деструктуризація масивів

Урок 35: Колбеки

35.1. Колбеки та колбеки у циклі
35.2. Таймери(таймаут, інтервал) та Event Handlers(‘click’, ‘contextmenu’…)
35.3. Обробники подій
35.4. Доступ до елемента через this

ЗАПИСАТИСЯ НА КУРС

ПРОГРАМА КУРСУ

Модуль 8: Особливості JavaScipt

Урок 36: Замикання (Closures)

36.1. Область видимості та лексичне оточення
36.2. Замикання
36.3. Функція у циклі
36.4. Function яка повертає a function
36.5. Функція з декількома батьками

Урок 37: Наслідування

37.1. Прототипне наслідування
37.2. proto
37.3. Методи в прототипах

Урок 38: Конструктори

38.1. Що таке конструктори
38.2. Успадковування в прототипах
38.3. this в деталях

Урок 39: Класи

39.1. Синтаксис класів, статичні поля та методи
39.2. Вбудовані класи об’єктів (приклад – new Date())
39.3. Наслідування класів
39.4. instanceOf
39.5. JS модулі

ЗАПИСАТИСЯ НА КУРС

ЯК ПРОХОДИТЬ НАВЧАННЯ

Особистий кабінет та комʼюніті

робоче середовище студентів і твій довічний доступ до всіх лекцій та матеріалів курсу, також спільнота однодумців та майбутніх колег

Прямі ефіри

2-5 live уроків на тиждень, які можна переглядати в записі, а також live-сесія з розбором домашок

Практикуючі ментори

щодня з тобою на зв'язку, допомагають із домашками та надихають

Уроки з HR

наш відділ турботи допомагає зробити резюме, шукати вакансії та готує студентів до співбесід

background
step1
step2
step3
step4
ОТРИМАТИ КОНСУЛЬТАЦІЮ

Ніякої води, лише користь:

practice

70%

практика

callback

20%

зворотній зв`язок

theory

10%

теорія

АВТОР КУРСУ

yuriy

ЮРІЙ ЛІСОВЕНКО

Практикуючий FRONTEND РОЗРОБНИК
item

З моїм багаторічним досвідом у сфері Front-end розробки, який охоплює різноманітні проекти та технології, я можу стверджувати, що цей курс допоможе вам отримати важливі знання та навички, необхідні для успішної кар'єри Front-end розробника.

item

Вивчаючи уроки Front-end розробки зі мною, ви не лише отримаєте важливі знання, але і на практиці навчитесь працювати з сучасними інструментами та технологіями, які вимагаються на ринку праці.

item

Моя головна мета - поділитися з вами моїми експертними знаннями у галузі Front-end розробки. Це надасть вам можливість створювати вражаючі, адаптивні та користувацько-орієнтовані веб-інтерфейси.

ПОЗНАЙОМИТИСЬ В LINKEDIN

Пакети

1 ПАКЕТ

JUNIOR front-end

Що ви отримаєте:

  • Усю актуальну теорію, домашні завдання та підтримку від кураторів протягом курсу

Додатково:

  • Модуль із працевлаштування (Як правильно складати резюме, підготовка до співбесіди)
Орієнтована стартова заробітна плата 400$ - 500$
Час навчання - 7 тижнів
ЗАЛИШИТИ ЗАЯВКУ

2 пакет

Junior+ front-end

Що ви отримаєте:

  • Усю актуальну теорію, домашні завдання та підтримку від кураторів протягом курсу
  • Найглибші пізнання тонкощів і ньюансів професій
  • Практичний досвід роботи в реальному проєкті

Додатково:

  • Модуль із працевлаштування (Як правильно складати резюме, підготовка до співбесіди)
  • (Як правильно складати резюме, підготовка до співбесіди)
Орієнтована стартова заробітна плата 500$ - 700$
Час навчання - 11 тижнів
Залишити Заявку
the best

ЗВ`ЯЖІТЬСЯ З НАМИ

call img

    Натискаючи на кнопку, я даю згоду на обробку своїх персональних даних і погоджуюсь з договором оферти

    ЧАСТІ ПИТАННЯ

    +
    Я «повний чайник» у ІТ. Чи потрібен мені майстер-клас?
    Звісно! Ти зможеш зрозуміти напрямки, у яких можна розвиватися з нуля.
    +
    Боюсь, що не знайду роботу в ІТ без досвіду та знання коду
    В ІТ сфері є безліч напрямків, які зовсім не потребують знання мови програмування. На ресурсах пошуку роботи викладені сотні вакансій, кількість інноваційних проектів у світі тільки зростає. Ти ніколи не залишишся без роботи.
    +
    Немає часу переглядати відео та відвідати майстер-клас
    Будемо чесними, на стрічку в інстаграм завжди є час. Зроби своїм пріоритетом - фінансово забезпечене майбутнє у цікавій професії. Переглянь короткі уроки у будь-який зручний час і приділи лише один вечір, щоб отримати план освоєння професії в ІТ від засновника ІТ компанії, який точно знає, які спеціальності будуть у ТОПі у найближчі роки
    +
    Страшно покидати роботу та ризикувати пробувати себе в ІТ
    І не потрібно. Щоб спробувати себе в ІТ чи навчатись достатньо вільного часу поза роботою. Лише коли ти почуватимешся себе впевнено, зможеш змінити професію та перейти в ІТ. Ти точно не хочеш жити «від зарплати до зарплати». ІТ напрям дасть тобі можливість заробляти більше з покращенням навичок
    +
    Не вірю, що зі старту зможу багато заробляти в ІТ
    На майстер-класі не буде розповідей про шалені заробітки та рожевих єдинорогів. Ти отримаєш правдиву інформацію про те, скільки реально платять айтішникам різних рівнів. Ти зрозумієш, скільки зможеш заробляти на старті та скільки часу потрібно для досягнення бажаного доходу.

    Не знайшов те, що шукав? Не біда

    ОТРИМАТИ КОНСУЛЬТАЦІЮ

    Ти робиш великий крок у світ ІТ!

    Дякуємо, що обрали нашу IT-школу. Ми скоро зв'яжемося з вами, щоб розкрити ваш потенціал в IT!

    message