Верстка сайтів для дітей 8-13 років HTML + CSS Вasic
Опис
Курс HTML+CSS розрахований на діток від 8 до 13 років.
Наші викладачі з задоволенням беруться за навчання найменшеньких основам програмування, так діти в такому віці вже можуть самостійно писати код.
Ми гарантуємо постійну підтримку, допомогу та БЕЗКОШТОВНУ КОНСУЛЬТАЦІЮ щотижня.
Такі заняття позитивно впливають на розвиток пам’яті, моторики рук, логічного мислення, позитивній динаміці в курсі шкільної інформатики, а ще дитина зможе створити свій перший інтернет сайт та продовжувати розвиватися у сфері ІТ, а в майбутньому знайти високооплачувану роботу та цікаві проекти.
| Дни недели занятий | вихідні |
|---|---|
| Время занятий | утро |
| Занятий в неделю | 1 заняття на тиждень |
| Длительность занятия | 2 години |
| Часы занятий | 12:00 |
| Группы | до 10 чел. |
| Возраст аудитории | Дети, Младшая школа |
| Вид подготовки | Базовый курс |
| Город | Хмельницкий |
| Преподаватель | фахівець-практик |
| Учебные материалы | |
| Пробное занятие | безкоштовно |
| Документ об окончании | Сертифікат |
| Опции | Групповые занятия, Индивидуальное обучение |
| Працевлаштування | Ні |
| Условия трудоустройства |
Запись на курс
Програма навчання
Інтернет, веб-сторінка, введення в HTML
- зародження інтернету
- основні визначення
- програми для розробки
- введення в HTML
- побудова структури
Інструменти верстальника
- налаштування програм
- екскурс по інтерфейсам
- порізка макету
HTML верстка
- знайомство з тегами на макеті
- HTML верстка
- побудова моделі
Введення в CSS
- спецсимволи
- одиниці вимірювання
- основні стилі CSS
Додаткові CSS властивості
- display
- :hover
- посилання
- стилі браузера
- вага стилів
- онлайн-редактори
HTML5
- основні відмінності та переваги
- нові теги HTML5
- правильне використання
Псевдоелементи
- :before & :after
- box-sizing
- position
Спрайти
- особливості та переваги
- створення спрайтів
Селектори
- псевдо-селектори
- специфічні селектори
- селектори по атрибутам
Шрифти
- підключення зовнішніх шрифтів
- підключення внутрішніх шрифтів
Таблиці
- звичайні таблиці
- таблиці стилями
EMMET
- переваги використання
- практика
БЕМ
- особливості методології
- практика
GIT
- призначення
- основні команди
- гілки
Веб-форми
- елементи форм
- атрибути елементів
- HTML5 елементи
Основи PHP
- введення
- структура
- змінні
- налаштування локального серверу
- відправка замовлень на пошту
Практика PHP
- умови
- цикли
- функції
- написання гри “Орел-Решка”
- написання гри “Екстрасенс”
CSS трансформація
- scale
- rotate
- skew
- translate
- matrix
CSS анімація
- transition
- animation
Препроцесори
- основи
- змінні
- вкладеність
- міксини
- спадкування
- імпорт
- компілятори
SVG
- основні переваги
- структура
- базові фігури
- робоча область, заливки, обведення
- практика
Основи адаптивної верстки
- @media
- viewport
- відносні величини
- практичні приклади
Flexbox & CSS Grid
- display: flex;
- gisplay: grid;
Bootstrap
- Bootstrap 3
- Bootstrap 4
- м. Хмельницький, вул. Молодіжна 2/3А