Курс програмування HTML/CSS базується на поняттях побудові веб-сторінки на основі мови розмітки HTML та стилізації CSS. Вивчення основ програмування для дітей слід починати з самих базових понять. HTML та CSS одні з найпростіших мов для розмітки, за допомогою їх закладається «скелет» майбутнього веб-порталу. Мова HTML проста для розуміння початківцям і тому школяр зможе швидко розібратися.
Ми пропонуємо курс HTML/CSS, як другу сходинку в програмуванні – це введення до текстового кодінгу за допомогою мов розмітки HTML та CSS. На цьому рівні учні створюють різноманітні маленькі ігри, анімації.
Після вивчення основ і придбання навичок текстового програмування, учні за допомогою JAVASCRIPT створюють інтерактивні сторінки. За допомогою мов розмітки HTML/CSS та мови програмування JAVASCRIPT створюють “живі” сторінки.
Курс програмування JavaScript для дітей базується на вивченні високорівневої мови, яка дає майже необмеженні можливості її використання. Ми обрали саме цю мову програмування, бо вона дає змогу отримувати результат кожного уроку та містить основні поняття та принципи програмування та алгоритмів. Ця мова високорівнева, тому відносно легка в освоєнні для дітей. JavaScript – це мова програмування, яка робить веб-ресурс «живим». Його заслужено вважають однією з найпоширеніших систем автоматичного кодування. Шляхом можливостей цифрового коду навіть самий непоказний портал буде виглядати цікавим.
Курси проходять online або на локаціях: м. Академмістечко, м. Житомирська, с. Святопетрівське.
Для онлайн уроків використовуються зручна для учня програма. Ми пропонуємо hangouts і discord або залишаємо вибір за учнем. Графік відвідування занять також обирається відповідно до зручності для учня. Школа працює сім днів на тиждень. Тому легко обрати зручний час та день відвідувань.
Записатися на проходження курсу
Сертифікат
Організатор
Програма курса
Програмування на HTML/CSS
- Початок роботи з HTML. Метадані в HTML
- Основи редагування тексту в HTML
- Створення гіперпосилань
- Структура документа і веб-сайту
- Налагодження HTML
- Зображення в HTML
- Відео та аудіо контент
- Векторна графіка і гумова графіка
- Що таке CSS?
- Синтаксис CSS
- Знайомства id / class
- Hover / after / befor / active
- Каскад і наслідування
- Блокова модель
- Налагодження CSS
- Стилізація блоків
- Keyframes
Програмування на JavaScript
- Alert, console log, prompt
- Змінні, типи даних
- Обмінник валют, перетворення типу
- IF…ELSE, SWITCH, DO…WHILE, FOR
- Вгадай число, Math.random / round
- DOM / style / addeventlistener
- Function
- Canvas введення ctx.moveTo / ctx.lineTo ()
- Canvas фігури, rect, stroke / fill (), stroke / fillStyle
- Canvas arc ()
- Цикли + canvas фігури циклами
- Дощ цикл з Math.random
- Анімація за допомогою setTimeout и setInterval
- Масиви
- Багатовимірні масиви, прокручування
- Прокрутка практика демонстрація
- Годинники
- Браузерні події. EventTarget.addEventListener()
- Function / requestanimationframe / ctx.clearRect
- Супер гра з керуванням