Web development Code laptop Programming

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

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

Для підлітків 12-17 років
4 місяця
33 заняття
120 по хвилин
викладачі
Coach photo
Coach photo
Coach photo
Coach photo
Coach photo
Hand Js Pointer
1 342 ₴
На місяць
За тиждень записалося 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

    Роби сайти, які однаково добре відображаються на будь-якому пристрої

  • Checkmark

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

Спробуй себе у Front-end та створи свій перший сайт всього за 5 занять!

Опануй основи HTML, CSS та JavaScript та створи свій перший веб-проєкт! 

Profession character
Програма курсу
  • Основи HTML

    • Знайомство з редактором коду
    • Починаємо ознайомлення з HTML
    • Основні теги, їх будова та властивості
  • Основи СSS

    • Cascading Style Sheets (CSS)
    • Застосування стилів у контексті HTML5
    • Cелектори
    • Колір CSS
    • Прозорість
    • Стилізація шрифтів
  • СSS Block Model

    • Основні елементи CSS
    • Знайомство з block model
  • Block Layout. Властивість display

    • Створення макету сторінки за допомогою блокової верстки
    • Властивість display
    • Вирівнювання плаваючих елементів
  • Робота з формами

    • Форми у HTML
    • Елементи форм
    • Атрибути value та name
    • Кнопки, текстові поля, напрямок тексту, поле пошуку
    • Поле введення пароля. Мітки та автофокус
    • Елементи для введення чисел
    • Повзунок. Прапорці та перемикачі
    • Елементи для введення кольорів, url, email, телефону
    • Валідація форм
  • FlexBox

    • Що таке FlexBox. Flex Countainer
    • Напрямок flex-direction. Flex-Wrap
    • Порядок елементів Flex-Flow
    • Властивість order. Вирівнювання елементів
    • justify-content. Вирівнювання елементів
    • align-items і align-self. Вирівнювання рядків та стовпців
    • align-content
    • Управління елементами. flex-basis, flex-shrink та flex-grow
    • Властивість flex
  • Cтворення макету FlexBox. Media Queries

    • Побудова адаптивного макету за допомогою FlexBox
    • Використання медіа-запитів для підлаштування сайту під різні пристрої
  • Bootstrap

    • Основи роботи з фреймворком Bootstrap
  • Animation

    • Трансформації, переходи та анімації
  • CSS: Grid

    • Основи побудови макету за допомогою CSS Grid
  • Введення в JavaScript

    • Що таке JavaScript
    • Основи синтаксису
    • Коментарі
    • Підключення зовнішнього файлу JavaScript
    • Консоль браузера та console.log
    • Змінні та константи
    • Типи даних
  • JavaScript

    • Оператори порівняння
    • Логічні операції
    • Операції присвоєння
    • Умовні конструкції
  • JavaScript. JSON

    • Робота зі String
    • Масиви
    • Конвертування у JSON
    • Оператор for, forEach
    • Оператор while
  • JavaScript. Робота з DOM

    • Функції
    • Об’єкти DOM
  • jQuery

    • Selectors
    • Events
    • DOM
  • jQuery Effects and Animation AJAX JSON

  • Cookie and localStorage

  • Робота з localStorage. setTimeout setInterval Promise

    • localStorage. setTimeout, setInterval
    • Promise: async/await
  • Асинхронність

  • Сайт з даними

    • Малювання фігур
    • Методи moveTo і lineTo
    • Метод rect
    • Fill, clip, arc, arcTo
  • Canvas Animation

    • Комплексні фігури
    • Малювання мишкою
    • Canvas Animation
  • Slider

  • Canvas Animation. Сontrol object

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

  • 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, що дає їм можливість виконувати перші комерційні проекти та перетворювати свої захоплення на джерело доходу.

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

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

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

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

Дизайн

Дизайн

Дизайн

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

Дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Front-end

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

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

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

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

Python
12-17 років
Python

Python

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

Безкоштовні мінікурси Безкоштовні мінікурси ›

Безкоштовні мінікурси

10-17 років Безкоштовні мінікурси

Безкоштовні мінікурси

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

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

Зроби перший крок у дизайні – створи макет власного сайту!

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

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

Твій перший 3D-проєкт – мінімум теорії, максимум практики!

Генератор мемів
14-17 років
Генератор мемів

Генератор мемів

Створюємо круті меми, програмуючи на Python за допомогою ШІ

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

Front-end

Створи свою першу веб-сторінку: від HTML до JavaScript!

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

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

Створи свій перший сайт: від дизайну до верстки!

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