30 квітня

Онлайн

11-й потік

3 місяці

Frontend-
розробник
з 0 до повного опанування
професії
та результату $

4.84 із 5 (на основі 2376 оцінок)

Станьте розробником сучасної IT професії, опануйте HTML/CSS, JavaScript, Hard & Soft Skills, і почніть заробляти вже через 3 місяці в $ на роботі мрії

До підвищення цін залишилося:

Знижки до

- 50%

на навчання

Забронювати
місце на курсі

Заповніть форму та переходьте
до вибору зручного пакета участі

Залишилось 6 місць з 50

Натискаючи на кнопку, я погоджуюсь
на
обробку персональних даних

Про нас говорять і пишуть:

Хто такий
frontend-розробник?

Це програміст, який розробляє інтерфейси – елементи вебсайтів, програм та застосунків, які дозволяють людині з ними працювати

Цей курс точно для тебе,

якщо ти:

  • Мрієш стати
    IT-фахівцем

    Але не маєш технічної освіти та не знаєш
    з якого напрямку розпочати шлях

  • Бажаєш освоїти
    нову професію

    І заробляти від 1500$, подорожувати та працювати з будь-якої точки світу

  • Хочеш стати Frontend-розробником

    Але не розумієш, як почати свій шлях, щоб швидше отримати результа

  • Мама
    у декреті

    Яка шукає додатковий заробіток, який зможе поєднувати із сім'єю

  • Офісний співробітник

    Який втомився від рутинної роботи,
    хоче свободи, творчої реалізації
    та фінансового зростання

  • Студент

    Який шукає себе і справу, в якій
    зможе реалізувати свій потенціал
    та отримувати прибуток

  • Перспектива розвитку
    в будь-якому IT-
    напрямку

  • Великий зростаючий
    попит
    на фахівців
    у всьому світі

  • Висока ЗП
    (близько 1 000$ на старті
    і до 3 000$ - 6 000$ через 1-2 роки)

  • Робота у великих ІТ-компаніях, вільний графік, соц. пакети та інші бонуси

Переваги бути

frontend- розробником?

Це професія, яка зараз швидко освоюється

та має великий зростаючий попит
на фахівців
у всьому світі

Хто проводить навчання?

Якщо вчитися – то лише у найкращих! Дивіться хто буде передавати вам свій досвід та знання протягом 3 місяців

Крістіна Малітовська

Frontend/Mobile Developer

Приймала участь у розробці
більше 30 мобільних додатків

  • React / React Native Developer at CanDo
  • Front End/Mobile Developer
  • Приймала участь у розробці більше 30 мобільних додатків
  • Java Script Developer викладач
  • Блогер, web-фрілансер

Дмитро Рябовол

Розробник UI інтерфейсів

Markup developer at Studytube
5+ років досвіду роботи

  • Markup developer at Studytube
  • Розробник UI інтерфейсів
  • 5+ років досвіду на українських та зарубіжних проектах
  • HTML/CSS викладач
  • Блогер, web-фрілансер

Дарія Звягіна

Head of Product and Service

Методолог освітніх онлайн програм
з досвідом більше 4х років

  • Head of Product and Service з командою 30+ людей (штат + аутсорс)
  • Методолог освітніх онлайн програм з досвідом більше 4х років
  • Адаптувала в роботу більше 50 людей, як на лінійні позиції так і керівні

Чому конкретно
ви навчитеся?

Дивіться повну програму курсу

Ви отримаєте структуровані знання,
тотальну практику та досвід найкращих
спікерів у своєму напрямку.

  • 3 місяці
  • 46 модулів
  • 173 теми

1

Розробка інтерфейсів з нуля

Модуль №1. Розробка інтерфейсів з нуля

  • Що потрібно знати
  • Для чого потрібна ця професія
  • Що таке веб
  • Шляхи розвитку

В результаті :

опануєте базові навички про роботу веб-сайту і дізнаєтесь як завантажується веб-сторінка. На занятті розберемо чим займається HTML/CSS фахівець та які напрямки розвитку доступні після проходження курсу.

Пам’ятка студента

Словник із термінами

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

2

Початок роботи

Модуль №2. Початок роботи

  • Налаштування середовища
  • Програми для роботи
  • Завантаження першого сайту

В результаті :

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

3

Введення у HTML

Модуль №3. Введення у HTML

  • Теги та атрибути
  • Семантика
  • Робота з текстом
  • Зображення
  • Інтерактивні елементи
  • Списки

В результаті :

дізнаєтесь про основи HTML, як працюють теги та атрибути. На занятті виконаємо першу розмітку сайту для сучасної пекарні “SHOP bakery”, розберемо як працювати із зображеннями і інтерактивними елементами.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

4

Продовження HTML

Модуль №4. Продовження HTML

  • Інструменти розробника
  • Таблиці
  • Символьні підстановки
  • Медіаконтент, фрейм
  • Оформлення і валідація коду

В результаті

продовжите вивчати HTML, і працювати з інструментами розробника в браузері. На занятті виконаємо розмітку таблиці, додамо на сайт мапу з Google Maps та відео з YouTube.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

5

Введення в CSS

Модуль №5. Введення в CSS

  • Підключення стилів
  • Синтаксис, селектори
  • Каскадність і специфічність
  • CSS змінні

В результаті :

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

6

Шрифти

Модуль №6. Шрифти

  • Підключення шрифтів
  • Локальні шрифти
  • Оформлення тексту

В результаті

дізнаєтесь як працюють шрифти в браузері. На занятті підключимо шрифти із сервісу Google Fonts на сайт, а також завантажимо шрифти локально в проект. Також, додамо базові стилі шрифту до текстових елементів.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

7

Блокова модель

Модуль №7. Блокова модель

  • Геометрія елемента
  • Типи елемента
  • Структурні псевдокласи

В результаті :

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

8

Flexbox

Модуль №8. Flexbox

  • Основні концепції
  • Flex-контейнер і flex-елемент
  • Практичне застосування

В результаті :

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

9

Розкладка CSS Grid

Модуль №9. Розкладка CSS Grid

  • Основні концепції
  • Grid-контейнер
  • Grid-елемент
  • Практичне застосування

В результаті

На цьому занятті ми навчимося працювати із декором в СSS, а також розглянемо, які є типи зображень. Розберемо як додавати різні декоративні ефекти і елементи.
Основні теми:
1. Типи зображень
2. Фон і градієнт
3. Тінь елемента
4. Псевдолементи

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

10

Декоративні ефекти

Модуль №10. Декоративні ефекти

  • Типи зображень
  • Фон
  • Градієнти
  • Тінь
  • Псевдоелементи

В результаті :

зрозумієте, які бувають типи зображень і як додавати декоративні ефект на сайт. Наприклад, тінь, градієнт, або фонове зображення елемента. Також, на занятті попрацюємо із псевдоелементами для додавання декоративних елементів.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

11

Графіка

Модуль №11. Графіка

  • Растрова графіка
  • Векторна графіка. SVG
  • Додавання SVG на сторінку
  • SVG-спрайт

В результаті :

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

12

Позиціонування

Модуль №12. Позиціонування

  • Типи позиціонування
  • Властивість overflow
  • Накладання елементів

В результаті

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

13

Анімація

Модуль №13. Анімація

  • Трансформація
  • Переходи
  • Анімація

В результаті

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

14

Створення веб-форм

Модуль №14. Практика: тестування API

  • Основи роботи
  • Елементи форм
  • Групування полів

В результаті :

створите першу форму на сайті. На занятті дізнаємось як працюють форми, і виконаємо розмітку полів введення на сторінці.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

15

Валідація веб-форм

Модуль №15. Валідація веб-форм

  • Види валідації
  • Перевірка введених значень
  • Псевдокласи стану

В результаті :

додасте перевірку введених значень у полях форми. Навчитесь робити поля обовʼязковими для заповнення і додасте валідацію полів за різними критеріями.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

16

Препроцессори

Модуль №16. Препроцессори

  • Препроцессор SASS, SCSS
  • Вкладені правила
  • Директиви
  • Вендорні префікси

В результаті

опануєте навички роботи із препроцесором. На занятті розібʼємо файл стилів на окремі файли для візуальної структури і зручної навігації по проєкту.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

17

СSS Методології

Модуль №17. СSS Методології

  • Навіщо потрібні методології
  • Методологія БЕМ
  • Блок, елемент, модифікатор

В результаті :

дізнаєтесь, як додають імена класів для HTML-елементів, коли над проєктом працює ціла команда, і зміните назви класів відповідно методології БЕМ. На занятті розглянемо основні методології для зручності майбутньої підтримки сайту.

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

18

Адаптивність і Адаптивна графіка

Модуль №18. Адаптивність і Адаптивна графіка

  • Типи і види верстки
  • CSS media запити
  • Стратегії Mobile і Desktop first
  • Адаптив і ретинізація фонових та контентних зображень

В результаті :

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

19

Екзамен HTML/CSS

Модуль №19. Екзамен HTML/CSS

В результаті

Екзамен по пройденому матеріалу

Записатися на курс

20

Введення

Модуль №20. Введення

  • JavaScript -що це таке
  • Підключення скрипта
  • DevTools
  • Визначення об’єктів, властивостей та методів
  • Типи данних

В результаті

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

21

Оператори

Модуль №21. Оператори

  • Оператори
  • Вивід данних/ Ввід данних
  • Вирішення логічних задач та побудова алгоритмів
  • Умови if/els
  • Е та switch/case

В результаті

В результаті цього уроку ви дізнаєтесь , що таке: оператори, вивід данних/ ввід данних, вирішення логічних задач та побудова алгоритмів, умови if/els та switch/case

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

22

Масиви i цикли

Модуль №22. Масиви i цикли

  • Масиви
  • Цикли
  • Методи присвоєння
  • Методи масиву
  • Області видимості

В результаті

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

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

23

Функції

Модуль №23. Функції

  • Функції
  • Стрілочні функції
  • Лексичне оточення
  • Контексти і виклики

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: функції, стрілочні функції, лексичне оточення, контексти і виклики

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

24

Замикання this

Модуль №24. Замикання this

  • Замикання
  • this
  • контексти і виклики
  • call, apply, bind

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: замикання, this, call, apply, bind, практика

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

25

Об'єкти та класи

Модуль №25. Об'єкти та класи

  • ООП
  • Об'єкти
  • інкапсуляція, абстракція, наслідування, поліморфізм
  • Практика

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: ооп, класи, об'єкти, інкапсуляція, абстракція, наслідування, поліморфізм

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

26

ES6

Модуль №26. ES6

  • Конструктори
  • Внутрішні методи
  • Прототипи
  • ES6

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: конструктори, внутрішні методи, прототипи, ES6, ES9, якість коду

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

27

DOM

Модуль №27. DOM

  • DOM
  • Навігація по DOM
  • Властивості
  • Робота з DOM- вузлами

В результаті

В результаті цього уроку ви дізнаєтесь,, що таке: DOM, Навігація по DOM, Властивості, Робота з DOM- вузлами

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

28

Події

Модуль №28. Події

  • Події
  • Форми
  • Event propagation
  • Drag'n'Drop

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: події, форми, event propagation, Drag'n'Drop

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

29

Local Storage & node.js

Модуль №29. Local Storage & node.js

  • Local Storage
  • Node.js
  • Установка і використання
  • Додавання - видалення бібліотек

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: Local Storage, практика, Node.js, додавання - видалення бібліотек

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

30

Асинхронний Js & дата

Модуль №30. Асинхронний Js & дата

  • Асинхронний Js
  • Синхронність, асинхронність, багатопотоковість
  • setTimeout и setInterval
  • Дата
  • Promise

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: складання проектів: WebPack, робота з бібліотеками, практика

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

31

Протоколи передачі данных

Модуль №31. Протоколи передачі данных

  • TCP/IP
  • HTTP
  • HTTPS
  • Коди відповіді
  • Помилки і обробка

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: Асинхронний Js, Синхронність, асинхронність, багатопотоковість, setTimeout и setInterval, Дата, Promise

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

32

REST API

Модуль №32. REST API

  • REST API
  • Ajax
  • Fetch
  • Практика

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: TCP/IP, HTTP, HTTPS, Коди відповіді, помилки і обробка

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

33

WebPack, Gulp

Модуль №33. WebPack, Gulp

  • Складання проектів: WebPack, Gulp

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: REST API, Ajax, Fetch, практика

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

34

React

Модуль №34. React

  • Основи популярної бібліотеки
  • Створення зборки
  • використання React на прикладах

В результаті

В результаті цього уроку ви дізнаєтесь, що таке: Основи популярної бібліотеки, Створення зборки, використання React на прикладах

Корисні матеріали

Конспект уроку

Презентація уроку

Записатися на курс

35

Екзамен з JavaScript

Модуль №35. Екзамен з JavaScript

В результаті

Екзамен по пройденому матеріалу

Записатися на курс

36

Що таке soft skills?

Модуль №36. Що таке soft skills?

  • Які бувають?
  • Де застосовувати?
  • Як виміряти свій рівень володіння soft skills
  • Як покращувати свої скіли

Чек лист: оцінка своїх soft skills

Записатися на курс

37

Soft skills для IT спеціаліста

Модуль №37. Soft skills для IT спеціаліста

  • Для чого IT спеціалісту розвивати soft skills?
  • Комунікація: як прокачати і де знадобиться?
  • Креативність і гнучкість: як прокачати і де знадобиться?
  • Самодисципліна: як прокачати і де знадобиться?
  • Критичне мислення: як прокачати і де знадобиться
  • Уважність: як прокачати і де знадобиться
  • Проактивність: як прокачати і де знадобиться
  • Адаптивність: як прокачати і де знадобиться
  • Інші навички

Перелік книг для читання

Записатися на курс

38

Цілі і їх досягнення

Модуль №38. Цілі і їх досягнення

  • Колесо балансу
  • Як зрозуміти чого хочу саме я?
  • Як правильно поставити свої цілі (смарт)
  • Як декомпозувати цілі
  • Як досягати своїх цілей?

Шаблон: Колесо балансу + трекер цілей

Записатися на курс

39

Емоційний інтелект/Емпатія

Модуль №39. Емоційний інтелект/Емпатія

  • Що таке емоційний інтелект?
  • Ща таке емпатія і чим відрізняється?
  • Як це застосовувати з вигодою для себе?
  • Особисті кордони при високому рівні емпатії

Чек лист: Як розвивати в собі емпатію

Записатися на курс

40

Основи комунікації

Модуль №40. Основи комунікації

  • Що таке екологічна комунікація?
  • Види комунікації
  • Бар’єри в комунікації
  • Ціль в комунікації, як її побачити і застосувати на практиці?
  • Правила успішної комунікації
Записатися на курс

41

Конфліктологія

Модуль №41. Конфліктологія

  • Що таке конфлікт? Чому це добре?
  • Який ідеальний результат конфлікту?
  • Види та способи розв’язання конфліктів
  • Як зберігати спокій під час конфліктів?
Записатися на курс

42

Ораторське мистецтво

Модуль №42. Ораторське мистецтво

  • Навіщо нам рот?
  • Як говорити так, щоб тебе почули?
  • Як правильно, ефективно та швидко доносити свої думки?
  • Страх говорити
Записатися на курс

43

Ефективне навчання

Модуль №43. Ефективне навчання

  • Що таке ефективне навчання?
  • Як правильно навчатись?
  • Принципи швидкого і якісного навчання
  • Як не забути все, що вивчив?
Записатися на курс

44

Основи фінансової грамотності

Модуль №44. Основи фінансової грамотності

  • Скільки грошей мені треба для щастя?
  • Скільки грошей мені треба насправді?
  • Як вести власни бюджет і знати куди і звідки приходять гроші?
  • Лайфхак: де взяти гроші, коли їх нема?

Шаблон: розрахунок свого бюджету

Перелік додатків для ведення особистих витрат

Записатися на курс

45

Планування і таймменеджмент

Модуль №45. Планування і таймменеджмент

  • Як правильно визначити пріорітетність задач?
  • Принципи планування і тайм менеджменту
  • Багатзадачність: добре чи погано? Як встигнути все?
  • Трекінгові системи

Шаблон: Визначення пріоритетності задач

Перелік додатків для планування і трекінгу

Записатися на курс

46

ФІНАЛЬНА РОБОТА

Модуль №46. ФІНАЛЬНА РОБОТА

Розробка власного проекту на вибір:


  • Сайт

  • Веб додаток

  • Мобільний додаток
  • Записатися на курс

    Що тебе чекає на курсі

    1. Практичні домашні завдання

      Ми подбали про те, щоб ви якомога
      легше та продуктивніше освоїли нову
      професію та відточували свої навички
      на практиці

    2. Куратори, ментори-практики

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

    3. Навчання у зручний час

      Уроки проходять наживо – 2-3 рази на тиждень.
      Після кожного уроку ти отримуватимеш його
      запис, який буде доступний в особистому
      кабінеті 24/7

    4. Можливість вчитися з 0

      Ми склали програму таким чином, щоб вона
      була зрозуміла людині, яка не має технічної
      або IT-освіти! Ми почнемо з самих азів —
      вивчимо базові технічні поняття, а потім перейдемо
      до самих способів та особливостей розробки.

    5. Диплом

      Після закінчення навчання у вас є можливість
      отримати диплом (за підсумками виконання ДЗ
      та тестування). Це в рази збільшить шанси
      на успішне працевлаштування.

    6. Коучинг з працевлаштування

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

    7. Працевлаштування

      Наша компанія дає можливість після закінчення
      навчання, за умови відвідування всіх занять
      та виконання ДЗ у термін, проходження коучингу
      з працевлаштування, отримати роботу з великою
      вірогідністю протягом 3 місяців

    Стати Frontend розробником

    Як проходить
    навчання?

    1

    Теорія + практика

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

    2

    Д/З + тестування

    Протягом усього курсу за вами закріплений ментор та куратор, які перевіряють ваші домашні завдання, дають зворотній зв'язок та відповідають на запитання.

    3

    Живі Q&A-сесії

    Спікери курсу проводять сесії “Питання-відповідь” в онлайн-форматі, де ви можете поставити запитання та отримати розгорнуті відповіді у реальному часі.

    4

    Диплом

    Після закінчення навчання ви проходите додаткове тестування та отримуєте диплом, який підтверджує, що ви – професійний графічний дизайнер.

    Скільки можне заробляти
    Frontend-розробник?

    Просто кілька скріншотів із сайтів пошуку роботи:

    Ми допомагаємо з працевлаштуванням

    Ми допомагаємо з працевлаштуванням

    • Ви отримуєте завірений диплом від Genius.Space, це збільшить ваші шанси на успішне працевлаштування.
    • Кожен диплом має QR код, роботодавець може його відсканувати та переконатися у справжності диплома. А також проаналізувати вашу статистику навчання: скільки уроків пройдено, годин прослухано, набрано балів тощо.
    • Усі студенти матимуть доступ до закритого курсу з працевлаштування "Genius Talents". Ви навчитеся продавати себе на всіх етапах відбору до топових ІТ-компаній, дізнаєтесь як правильно підготуватися до співбесіди та отримати роботу мрії.

    Наші навчальні
    програми проходять

    власники, керівники та співробітники провідних компаній

    Розстрочка
    без переплат

    від Genius.Space

    Почніть навчатися вже зараз, а оплату вносьте частинами. Комфортний формат розстрочки: від 2 до 6 місяців* *На Вашій картці повинен бути відкритий кредитний ліміт на суму повного платежу.

    Пропозиція
    діє до:

    Як сплатити частинами?

    • Залишіть заявку на участь та переходьте до оплати
    • Виберіть спосіб оплати у розстрочку (WayForPay)
    • Оплачуйте частинами без переплат через:
    Стань Frontend розробником зараз
    Стань Frontend розробником зараз
    Стань Frontend розробником зараз
    Стань Frontend розробником зараз
    Стань Frontend розробником зараз

    30 квітня

    Онлайн

    11-й потік

    3 місяці

    Старт курсу Frontend-
    розробник з 0

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

    До підвищення цін залишилося:

    Знижки до

    - 50%

    на навчання

    Забронювати
    місце на курсі

    Заповніть форму та переходьте
    до вибору зручного пакета участі

    Залишилось 6 місць з 50

    Натискаючи на кнопку, я погоджуюсь
    на
    обробку персональних даних

    Що говорять студенти
    про
    навчання
    у GeniusAcademy

    Відповіді на
    поширені запитання

    Чому мені варто вибрати професію Frontend-розробника?

    IT захоплює нові сфери, а бізнес переходить в онлайн. Фронтендники потрібні майже в кожному проєкті, тому IT-компанії розширюють команди зі швидкістю 20-30% на рік. Ця професія буде жити й трансформуватись найближчі 50 років

    Чи вирішуються на курсі реальні завдання?

    Основний акцент в процесі навчання ми робимо на практику. За підсумками кожного уроку вам треба буде виконати кілька практичних завдань для відпрацювання отриманих навичок.

    Frontend Developer - хто це та що він робить?

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

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

    Що таке Frontend та Backend? У чому різниця?

    Frontend – це видима частина продукту, з якою користувач взаємодіє у браузері. Уяви сторінку сайту, картинки, текст, форми, кнопки, анімацію – все це стосується фронтенду. Завдання програміста – “перенести” макет дизайнера на вебсторінку. Це й означає “зверcтати сайт”.

    Backend – це внутрішня частина продукту або “начинка”, яка прихована від користувача. Наприклад, коли купуєш кросівки в інтернет-магазині, то програма посилає запит на сервер, обробляє дані та надсилає іншу інфу про те, що товар оплачений. Продумати всю цю логіку, написати код та налаштувати обмін даними – робота бекендника.

    Що складніше: Frontend чи Backend?

    У попередньому пункті ми розповіли, чим відрізняються ці два напрями. Початківцям простіше працювати над візуальною частиною програми (Frontend), тому що можна одразу побачити всі зміни програмного коду на вебсторінці.

    Є розробники, яким подобається створювати внутрішню частину програми (Backend) – базу даних, архітектуру, програмну логіку. Для цього, крім HTML/CSS та JavaScript, потрібно знати додаткову мову програмування. Наприклад, Java або Python.

    Що потрібно знати Frontend-розробнику?

    Початківець Frontend-розробник повинен знати мову розмітки HTML та мову стилів CSS, а також мову програмування JavaScript. Потрібно вміти працювати із системою контролю версій (Git) та розуміти інтерфейс графічного редактора Figma. Це hard skills, яким тебе навчать у Genius Space.

    Одних технічних навичок недостатньо, ще важливі soft skills. Це особисті якості людини, які допомагають працювати в команді, грамотно спілкуватися, ставити цілі та виконувати завдання. До soft skills також відносять кар’єрні навички та англійську мову. Все це ти також прокачаєш на курсі.

    Як опанувати професію Frontend-розробник з 0?

    Потрібно володіти певними технічними та м’якими навичками. Якщо вчити Frontend самому, займаючись по 2-3 години на день, на один лише JavaScript знадобиться 12-18 місяців.

    На курсі Frontend online ти опануєш професію за 3 місяці. Чому така різниця? Просто ти навчаєшся за актуальною програмою, працюєш із ментором та викладачем, ставиш їм запитання, отримуєш фідбек.

    Крім цього, під час навчання тобі допомагають зробити резюме та сторінку в LinkedIn. Ти підтягуєш англійську, тренуєшся проходити співбесіди (технічна та з рекрутером).

    Якими навичками необхідно володіти, щоб успішно пройти навчання?

    Необхідно бути впевненим користувачем інтернету. Бути в міру уважним. Легко формулювати питання і не боятися труднощів, а також не приховувати проблеми і бути готовим покликати на допомогу, коли вона буде потрібна.

    Як сплатити курс з іншої країни чи від компанії?

    Ми приймаємо платежі з усього світу. Також ми зможемо оформити рахунок на європейську чи українську компанію. Залишіть заявку і менеджер запропонує Вам зручний варіант оплати.

    Диплом про навчання від Genius Space

    Після складання всіх домашніх завдань та фінального іспиту студенти отримають електронний диплом англійською мовою.

    Чи допомагаєте випускникам із працевлаштуванням?

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

    Чи можна сплатити курс частинами, чи є у Вас розстрочка?

    Так, курс можна сплатити безвідсотково частинами через Monobank або PrivatBank. Щоб дізнатися про це більше, залиште контакти – ми передзвонимо та розповімо подробиці.