Web development Code laptop Programming

Онлайн-курс Front-end

Відкривай нові можливості з Front-end!

Для підлітків 14-17 років
11 місяців
90 занять
90 по хвилин
викладачі
Coach photo
Coach photo
Coach photo
Coach photo
+2
Hand Js Pointer
2 625 ₴
На місяць
За тиждень записалося 0 людей Залишилось 0 місця

Курс Front-end – ідеальний вибір для тих, хто хоче здобути ключові знання та навички для створення сучасних вебсайтів. На курсі ти навчишся працювати з основними технологіями: HTML, CSS та JavaScript, щоб створювати сайти як для особистих проєктів, так і для комерційного використання.

Перше заняття безкоштовно

Обирай формат, який підходить саме тобі!

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

  • Групи до 17 осіб Groups
  • Викладач приділяє час кожному студенту Time
  • Викладачі-практики з топових IT-компаній Coaches
  • Можливість навчання через LMS та мобільний застосунок Application

Відкривай нові можливості з Front-end!

HTML5 CSS SASS Bootstrap SVG Git Github JavaScript Json DOM
Programme section image
  • Checkmark

    Опануй основи веб розробки: HTML, CSS та JavaScript

  • Checkmark

    Розвинь аналітичне мислення

  • Checkmark

    Навчись користуватись Git та Github

  • Checkmark

    Навчись працювати з DOM деревом та REST API

  • Checkmark

    Отримай досвід роботи над проєктами

Отримай навички, які допоможуть здобути професію Frontend розробника.

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

Середня зарплата Frontend розробника становить 1700-2500$.

Profession character
Consultation block image

Перше заняття безкоштовно!

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

    • Знайомство.Що таке інтернет та як він працює. 
    • Основи HTML
    • Плагіни для VScode, семантика HTML
    • Використання Figma
    • SEO-розмітка: метатеги, ключові слова
    • LiveCoding: створення структури HTML
  • GIT

    • Основи роботи з GIT та GitHub
    • Практичні заняття з GIT
  • CSS

    • Основи CSS: селектори, стилі
    • Блочна модель, внутрішні та зовнішні відступи
    • Float, псевдокласи, підключення шрифтів
    • Робота з графікою та ефектами
    • LiveCoding: верстка першого макету
  • FlexBox та Grid

    • Основи Flexbox
    • Практика верстки з Flexbox
    • Позиціонування елементів
    • Створення кастомних елементів (checkbox, radio button)
    • Верстка макету з використанням Flex та Grid
  • Адаптивна верстка

    • Основи адаптивної верстки
    • Відносні одиниці виміру (vw, vh, em, rem)
    • LiveCoding: створення адаптивного сайту
    • Використання нових можливостей CSS
  • Анімація

    • Основи анімацій в CSS
    • Створення SVG анімацій
    • Робота з 3D-ефектами
    • Завершальна робота з анімацією
  • CSS-фреймворки та препроцесори

    • CSS методології та препроцесори
    • Робота з Bootstrap 5
    • Збірка проєктів за допомогою Vite
    • Деплой веб-сайтів на GitHub-Pages
  • JavaScript

    • Основи JavaScript: змінні, типи даних, функції
    • Робота з масивами та об'єктами
    • Рядки, рекурсія, прототипи
    • LiveCoding: створення першого проекту на JavaScript
  • DOM

    • Знайомство з DOM
    • Маніпуляція елементами через JavaScript
    • Робота з подіями браузера
    • Використання LocalStorage та IndexedDB
    • LiveCoding: створення застосунку MVC
  • Робота з сервером

    • Проміси та асинхронний код
    • Використання Fetch для звернень до API
    • Регулярні вирази та модулі
    • LiveCoding: проєкт зі зверненням до API
  • React

    • Основи React: налаштування, компоненти, пропси
    • Використання useState та useEffect
    • Глобальне керування станом
    • Робота з React Router
    • LiveCoding: створення SPA на React
  • Розширені можливості JavaScript

    • Введення в ReactNative
    • Основи NodeJS
    • Створення десктопних застосунків з ElectronJS

Навчайся сучасно

  • Lesson

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

  • Homework

    Домашні завдання у будь-який зручний час відправляються через особистий кабінет на перевірку викладачеві.

  • Feedback

    Викладач дає зворотній зв'язок з розбором помилок у домашньому завданні.

  • Fix

    Ви опрацьовуєте помилки і закріплюєте пройдений матеріал.

Перше заняття безкоштовно

Обирай формат, який підходить саме тобі!

Group lessons

Групові заняття

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

Group lessons

Індивідуальне навчання

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

Залишились питання?

Faq character
  • Як проходить пробне заняття ?

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

  • Що потрібно для навчання у Bookford?

    Для навчання у Bookford вам знадобляться комп'ютер або ноутбук, а також стабільне підключення до мережі Інтернет, що дозволить комфортно проходити заняття та виконувати практичні завдання.

  • Чи зможе дитина поєднувати заняття з навчанням у школі?

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

  • Який потрібно мати комп'ютер, щоб навчатися на курсі программування?

    Вимоги до комп'ютера для навчання на курсі программування.

    Операційна система:

    • Windows 11 64-біт
    • macOS 10.13 або вище
    • Linux: Ubuntu 16.04 - 20.04

    Процесор* :

    • Мінімум intel core i5 4-го покоління
    • Рекомендується i5 7-го

    Оперативна пам'ять:

    • Мінімум 8 Гб
    • Рекомендується 16 Гб

    Пам'ять:

    • Мінімально 500 Гб HDD і більш
    • Рекомендується 200 Гб SSD і більш

    * Допустимі аналоги від AMD

  • Ким працюють ваші Викладачі? Чи мають вони досвід викладання?

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

  • Скільки часу потрібно, щоб навчитися програмувати?

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

  • Яка вартість навчання?

    Вартість навчання залежить від обраної програми та тривалості курсу. Точну вартість ви можете дізнатися під час телефонної консультації або безкоштовного пробного заняття.

  • Чи є можливість пройти курс індивідуально?

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

Дизайн

Дизайн

Дизайн

10-17 років Дизайн

Дизайн

Основи дизайну
10-13 років Основи дизайну

Основи дизайну

Створи те, що захоплює з першого погляду!

Web-дизайн
14-17 років Web-дизайн

Web-дизайн

Твори, вражай, надихай!

3D моделювання
14-17 років 3D моделювання

3D моделювання

3D моделювання — новий вимір для твоєї творчості!

Motion Design
14-17 років Motion Design

Motion Design

Від ідеї до анімації разом з Motion Design!

Розробка сайтів
12-17 років Розробка сайтів

Розробка сайтів

Створи свій перший сайт з нуля !

Програмування

Програмування

Програмування

8-17 років Програмування

Програмування

Програмування у Minecraft
8-12 років Програмування у Minecraft

Програмування у Minecraft

Minecraft — від блоків до коду!

Розробка ігор у Roblox
10-13 років Розробка ігор у Roblox

Розробка ігор у Roblox

Створювати власні ігри набагато цікавіше, ніж просто грати в них!

Front-end
14-17 років Front-end

Front-end

Відкривай нові можливості з Front-end!

Розробка сайтів
12-17 років Розробка сайтів

Розробка сайтів

Створи свій перший сайт з нуля !

Python
14-17 років Python

Python

Програмуй майбутнє разом з курсом Python!

Java
14-17 років Java

Java

Відкрий світ програмування на Java – розробляй, грай, вчися!

Безкоштовні вебінари Безкоштовні вебінари
`