Онлайн-курс
Web-розробка для школярів

Підлітковий 12–17 років

5

alarm-clock занять

spiral-calendar занять на тиждень

rocket старт

За тиждень записалося

Залишилося

Цей курс проводиться у форматі дистанційного навчання.

Створюй, кодуй, вражай!

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

В рамках курсу Web-розробка для школярів студенти без досвіду в розробці вивчають HTML і CSS та JavaScript. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.

Цілі курсу

  • Втілювати в верстку дизайн будь-якої складності
  • Робити сайти, які однаково добре відображаються на будь-якому пристрої
  • Помічати важливі дрібниці і писати код, який легко розширювати і підтримувати
  • Навчитися розуміти структуру веб-сторінок
  • Вивчити основи JavaScript
  • Навчитись працювати з HTML та JavaScript
1 166 ₴

на місяць при оплаті частинами на 12 частин

оплата частинами без комісії та відсотків від monobank, ПриватБанк, Ощадбанк та ПУМБ

Повна вартість курсу 14 000 ₴

-10% при оплаті відразу 12 600 ₴

Промокод

Додаткові знижки

Списання з поточного балансу

Невикористаний залишок замороженого курсу

Списання з основного рахунку

Списання з реферального рахунку

Списання з бонусного рахунку

Ціна курсу для вас 12 600

До покупки курсу

Рекомендуємо пройти тест для перевірки знань

child

Курс Web-розробка для школярів не передбачає ніяких спеціальних знань і навичок, досить мати рівень впевненого користувача ПК.

Вивчаємо такі технології

  • HTML5

    HTML5

  • CSS

    CSS

  • SASS

    SASS

  • Bootstrap

    Bootstrap

  • SVG

    SVG

  • Git

    Git

  • Github

    Github

  • JavaScript

    JavaScript

  • Json

    Json

  • jQuery

    jQuery

  • DOM

    DOM

Програма онлайн-курсу
Web-розробка для школярів

alarm-clock 33 заняття
Друк
  • Основи 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

  • Bootstrap

  • Animation

    • Трансформації, переходи та анімації
  • 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
  • Асинхронність

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

  • Canvas

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

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

  • Canvas Animation. Сontrol object

  • Creating a game

В кінці курсу виконується дипломний проєкт.

Випускники отримують сертифікат про закінчення курсу.

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

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

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

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

  • light-bulb

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

Переваги онлайн-навчання в Комп'ютерній школі Hillel

  • man-raising-hand
    Групи до 20 осіб Викладач приділяє час кожному студенту.
  • nerd-face
    Викладачі практики У нас викладають тільки практикуючі фахівці з топових IT-компаній.
  • briefcase
    Система особистих кабінетів Ефективне і зручне навчання.
  • speech-balloon
    Оперативна служба підтримки студентів Термінові питання — своєчасне рішення.
  • videocassette
    Доступ до відеозаписів занять Записи уроків залишаються у студентів після закінчення навчання.
  • hammer
    Практичні заняття Велика частина занять орієнтована на практику.
  • rocket
    Працевлаштування

    Що ми робимо для того, щоб ви досягли успіху?

  • clipboard

    Проводимо майстер-класи з підготовки резюме та пошуку роботи

  • books

    Регулярно оновлюємо програми курсів під вимоги ринку

  • smiling-face-with-sunglasses

    Запрошуємо викладати тільки кращих практикуючих фахівців

  • globe-with-meridians

    Розвиваємо нашу мережу партнерів серед топових IT-компаній

  • direct-hit

    Наші викладачі часто самі забирають до себе наших кращих Студентів ;)

Наші викладачі та випускники працюють в топових IT-компаніях світу

PMI Ukraine
Samsung
Infopulse
EVO
Ciklum
DataArt
Prom.ua
Capgemini Engineering
HYS
MacPaw
Ubisoft
Provectus
Admixglobal
Snap Inc.
OWOX
Chapps
3DLOOK
482.solutions
4Limes
Цитрус
AgileEngine
Andersen
Banda-Tech
Codeska
DIGIS
DMark
EIS Group
IWA Solution
Luxoft
Metro Global Ukraine
Netcracker Technology
Netpeak
Nexteum
Onixsoft
OS-System
Інфотех
Petrosoft
QA Madness
QATestLab
Readdle
Rozetka
SendPulse
Sigma Software
Snapchat
Synebo
Valtech
Volo.Global
ZenBit Tech
eSputnik.com
Uitop
Codica
Пройшов курс Front-End 1 рівень та залишився дуже задоволений курсом. Дуже вдячний вчителю Руслану Воропаю за такий цікавий та навчальний курс. Викладач завжди на позитиві, на одній хвилі з учнями та завжди радий допомогти. Дуже йому вдячний за той час який я з ним пройшов та навчився базовим навичкам!

Часті питання

  • Який потрібно мати комп'ютер, щоб навчатися на курсі Web-розробка для школярів?

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

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

    • Windows 10 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-компаніях міста;
    • ми робимо упор на практичні заняття і на найбільш актуальну інформацію та необхідний функціонал, який зараз затребуваний при працевлаштуванні;
    • всі заняття записуються на відео і відправляються нашим Студентам наступного дня, щоб вони могли повторно переглядати всі матеріали по курсу;
    • у багатьох наших курсів є додаткові бонусні заняття і вебінари, такі як: відеоматеріали з адміністрування на Linux і по базах даних, а також додаткові заняття з рекрутером і технічним фахівцем, щоб наші Студенти мали додаткову підготовку до подальшого працевлаштування;
    • всі наші класи комп'ютеризовані, і за кожним Студентом фіксується місце як в навчальному класі, так і в віддаленому особистому кабінеті (Learning Management System), де буде можливість переглядати всі необхідні матеріали по курсу і по завершенні навчання;
    • у всіх наших Студентів та Випускників є можливість брати участь в програмі Hillel EVO, яка абсолютно безкоштовно надає додаткову практику зі створення власного проекту і отримання досвіду роботи в команді з нашими Викладачами навіть після завершення курсів!
  • Як я можу сплатити за навчання?

    Оплата провадиться через виставлення інвойсу на E-mail через сервіси LiqPay та Fondy.

  • Як працює оплата частинами?

    Ми пропонуємо можливість розбити вартість курсу на щомісячні платежі до 12 частин за допомогою розстрочки у ПриватБанку, Монобанку ОщадБанку або ПУМБ. При цьому вам не потрібно сплачувати додаткові комісії або відсотки банкам, оскільки Школа оплачує цю комісію за вас.

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

    Докладніше про оплату частинами у нашому матеріалі.

Запит на консультацію

Залиште ваші контактні дані, і ми вам обов'язково зателефонуємо!

Обов'язково вкажіть ваше ім'я кирилицею

Обов'язково вкажіть email, за яким ми зможемо з вами зв'язатися

Обов'язково вкажіть телефон в міжнародному форматі

Школа працює з 10:00 до 21:00 по буднях і з 10:00 до 19:00 у вихідні дні (за київським часом, GMT + 2).

Відправлено

Front-end