Запис на урок
Ім’я‎‎
Телефон
Вік дитини
10
16
Click to order
ОПЛАТА ОБУЧЕНИЯ
Total: 
ФИО ученика
Ваша почта
Соглашаюсь с Договором оферты

Web epic

Для дітей від 13 років
Група: 5 дітей
Урок триває 1 годину 40 хвилин
Два уроки на тиждень
Онлайн-формат навчання
2160 грн за 8 занять
Курс розроблений для дітей віком від 12 років, які пройшли курс WEB beginner та/або знайомі з фундаментальними знаннями про HTML та CSS, для подальшого розвитку.

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

Результатом курсу стане портфоліо з роботами, створеними під час навчання. Портфоліо дитина зможе самостійно поповнювати після закінчення курсу.
Курс розроблений для дітей віком від 12 років, які пройшли курс WEB beginner та/або знайомі з фундаментальними знаннями про HTML та CSS, для подальшого розвитку.

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

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

На курсі дитина:

Поглибить свої знання HTML, CSS та JS
Навчиться створювати приголомшливі спецефекти
Заповнить портфоліо своїми роботами
Познайомиться з великою кількістю JS бібліотек та сервісом CDNJS у якому зібрано безліч цих бібліотек
Дізнається про існування GitHub та завантаженням туди робіт використовуючи GitHub Desktop
Опанує принципи програмування (алгоритми, змінні, умовні оператори та багато іншого)
Поглибить свої знання HTML, CSS та JS
Навчиться створювати приголомшливі спецефекти
Заповнить портфоліо своїми роботами
Познайомиться з великою кількістю JS бібліотек та сервісом CDNJS у якому зібрано безліч цих бібліотек
Дізнається про існування GitHub та завантаженням туди робіт використовуючи GitHub Desktop
Опанує принципи програмування (алгоритми, змінні, умовні оператори та багато іншого)

Програма

Освоєння анімації та повторення JavaScript
Розбере анімацію з літаючими водними бульбашками на сторінці з фотогалереєю та описом. Також опрацює анімацію з використанням JS для створення переміщення та також "фотографічного торнадо". Для більш детального розбору можливостей JS створить свій особистий калькулятор та аналоговий годинник.
Бібліотека JS. Події сайту. Кастомізація елементів
Дізнається, що таке CDNJS і навіщо він потрібен. Завантажує необхідні JS бібліотеки для швидкого створення ефекту Parallax. Створить текст, що біжить, який змінює колір залежно від фону. Розбереться з подіями для створення заднього фону, який змінює колір залежно від положення курсору мишки. Створить кастомне перемикання денного та нічного режиму. Створить лічильник часу до якоїсь події, наприклад, лічильник до нового року.
Автоматизація наповнення сайту. Крива Безьє. Об'ємність елементів
Зробить сайт з автоматичним створенням градієнта на задньому фоні, залежно від картинки. Розбере clip-path для створення складних геометричних фігур на сайті. Створить сайт, який автоматично заповнюється шестикутниками в залежності від розміру екрана користувача і, звичайно ж, все це анімує. Попрацює з кубічною кривою Безьє для більш детального опрацювання часової функції анімації. Попрацює з перспективою та об'ємністю елементів.
Меню. Буфер обміну. Мокапи. Редизайн
Створить незвичайне меню із заміною заднього фону залежно від наведення мишки на певний пункт меню. Розбере створення генератора складних паролів із кнопкою копіювання в буфер обміну. Попрацює із мокапами. Створить анімацію малювання векторного зображення. Розбере скломорфізм і зробить редизайн аналогового годинника та калькулятора.
Фільтрування. 3д моделі. Попап
Навчиться фільтрувати зображення або інший вміст. Додасть 3D модель на сайт. Створить автоматичний попап із рекламою, анімацію завантаження сайту за допомогою векторного зображення, HTML аудіо плеєр та змінить вигляд курсору на сайті.
Портфоліо. GitHub
На цьому завершальному модулі учні познайомляться з GitHub, на якому викладуть своє портфоліо. Розберуться як доповнювати своє портфоліо, а також дізнаються, що таке GitHub Pages, завдяки чому зможуть переглядати своє портфоліо глобально в мережі інтернет.
Освоєння анімації та повторення JavaScript
Розбере анімацію з літаючими водними бульбашками на сторінці з фотогалереєю та описом. Також опрацює анімацію з використанням JS для створення переміщення та також "фотографічного торнадо". Для більш детального розбору можливостей JS створить свій особистий калькулятор та аналоговий годинник.
Бібліотека JS. Події сайту. Кастомізація елементів
Дізнається, що таке CDNJS і навіщо він потрібен. Завантажує необхідні JS бібліотеки для швидкого створення ефекту Parallax. Створить текст, що біжить, який змінює колір залежно від фону. Розбереться з подіями для створення заднього фону, який змінює колір залежно від положення курсору мишки. Створить кастомне перемикання денного та нічного режиму. Створить лічильник часу до якоїсь події, наприклад, лічильник до нового року.
Автоматизація наповнення сайту. Крива Безьє. Об'ємність елементів
Зробить сайт з автоматичним створенням градієнта на задньому фоні, залежно від картинки. Розбере clip-path для створення складних геометричних фігур на сайті. Створить сайт, який автоматично заповнюється шестикутниками в залежності від розміру екрана користувача і, звичайно ж, все це анімує. Попрацює з кубічною кривою Безьє для більш детального опрацювання часової функції анімації. Попрацює з перспективою та об'ємністю елементів.
Меню. Буфер обміну. Мокапи. Редизайн
Створить незвичайне меню із заміною заднього фону залежно від наведення мишки на певний пункт меню. Розбере створення генератора складних паролів із кнопкою копіювання в буфер обміну. Попрацює із мокапами. Створить анімацію малювання векторного зображення. Розбере скломорфізм і зробить редизайн аналогового годинника та калькулятора.
Фільтрування. 3д моделі. Попап
Навчиться фільтрувати зображення або інший вміст. Додасть 3D модель на сайт. Створить автоматичний попап із рекламою, анімацію завантаження сайту за допомогою векторного зображення, HTML аудіо плеєр та змінить вигляд курсору на сайті.
Портфоліо. GitHub
На цьому завершальному модулі учні познайомляться з GitHub, на якому викладуть своє портфоліо. Розберуться як доповнювати своє портфоліо, а також дізнаються, що таке GitHub Pages, завдяки чому зможуть переглядати своє портфоліо глобально в мережі інтернет.

Записатись на пробне заняття

Підберемо відповідний формат навчання
Дитина створить свій перший проект
Допоможемо визначитися з напрямком курсу
Отримайте зворотний зв'язок про успіхи дитини