Web epic
Для дітей від 13 років
Група: 5 дітей
Урок триває 1 годину 40 хвилин
1 чи 2 уроки на тиждень
Онлайн-формат навчання
Від 375 грн за 1 заняття
Курс розроблений для дітей віком від 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
- Опанує принципи програмування (алгоритми, змінні, умовні оператори та багато іншого)
Програма
Розбере анімацію з літаючими водними бульбашками на сторінці з фотогалереєю та описом. Також опрацює анімацію з використанням JS для створення переміщення та також "фотографічного торнадо". Для більш детального розбору можливостей JS створить свій особистий калькулятор та аналоговий годинник.
Дізнається, що таке CDNJS і навіщо він потрібен. Завантажує необхідні JS бібліотеки для швидкого створення ефекту Parallax. Створить текст, що біжить, який змінює колір залежно від фону. Розбереться з подіями для створення заднього фону, який змінює колір залежно від положення курсору мишки. Створить кастомне перемикання денного та нічного режиму. Створить лічильник часу до якоїсь події, наприклад, лічильник до нового року.
Зробить сайт з автоматичним створенням градієнта на задньому фоні, залежно від картинки. Розбере clip-path для створення складних геометричних фігур на сайті. Створить сайт, який автоматично заповнюється шестикутниками в залежності від розміру екрана користувача і, звичайно ж, все це анімує. Попрацює з кубічною кривою Безьє для більш детального опрацювання часової функції анімації. Попрацює з перспективою та об'ємністю елементів.
Створить незвичайне меню із заміною заднього фону залежно від наведення мишки на певний пункт меню. Розбере створення генератора складних паролів із кнопкою копіювання в буфер обміну. Попрацює із мокапами. Створить анімацію малювання векторного зображення. Розбере скломорфізм і зробить редизайн аналогового годинника та калькулятора.
Навчиться фільтрувати зображення або інший вміст. Додасть 3D модель на сайт. Створить автоматичний попап із рекламою, анімацію завантаження сайту за допомогою векторного зображення, HTML аудіо плеєр та змінить вигляд курсору на сайті.
На цьому завершальному модулі учні познайомляться з GitHub, на якому викладуть своє портфоліо. Розберуться як доповнювати своє портфоліо, а також дізнаються, що таке GitHub Pages, завдяки чому зможуть переглядати своє портфоліо глобально в мережі інтернет.
Розбере анімацію з літаючими водними бульбашками на сторінці з фотогалереєю та описом. Також опрацює анімацію з використанням JS для створення переміщення та також "фотографічного торнадо". Для більш детального розбору можливостей JS створить свій особистий калькулятор та аналоговий годинник.
Дізнається, що таке CDNJS і навіщо він потрібен. Завантажує необхідні JS бібліотеки для швидкого створення ефекту Parallax. Створить текст, що біжить, який змінює колір залежно від фону. Розбереться з подіями для створення заднього фону, який змінює колір залежно від положення курсору мишки. Створить кастомне перемикання денного та нічного режиму. Створить лічильник часу до якоїсь події, наприклад, лічильник до нового року.
Зробить сайт з автоматичним створенням градієнта на задньому фоні, залежно від картинки. Розбере clip-path для створення складних геометричних фігур на сайті. Створить сайт, який автоматично заповнюється шестикутниками в залежності від розміру екрана користувача і, звичайно ж, все це анімує. Попрацює з кубічною кривою Безьє для більш детального опрацювання часової функції анімації. Попрацює з перспективою та об'ємністю елементів.
Створить незвичайне меню із заміною заднього фону залежно від наведення мишки на певний пункт меню. Розбере створення генератора складних паролів із кнопкою копіювання в буфер обміну. Попрацює із мокапами. Створить анімацію малювання векторного зображення. Розбере скломорфізм і зробить редизайн аналогового годинника та калькулятора.
Навчиться фільтрувати зображення або інший вміст. Додасть 3D модель на сайт. Створить автоматичний попап із рекламою, анімацію завантаження сайту за допомогою векторного зображення, HTML аудіо плеєр та змінить вигляд курсору на сайті.
На цьому завершальному модулі учні познайомляться з GitHub, на якому викладуть своє портфоліо. Розберуться як доповнювати своє портфоліо, а також дізнаються, що таке GitHub Pages, завдяки чому зможуть переглядати своє портфоліо глобально в мережі інтернет.
Записатись на пробне заняття
Підберемо відповідний формат навчання
Дитина створить свій перший проект
Допоможемо визначитися з напрямком курсу
Отримайте зворотний зв'язок про успіхи дитини
