Курс Основи веб-розробки та дизайну 11-13 років

Description:

🔥  Розробка власного дизайну у програмі Figma та знайомство з основами програмування. Можливості та практичне застосування інструментів HTML CSS. Створення веб-сайту.

👉 Детальніше про Курс Основи веб-розробки та дизайну →

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

Завдання курсу – надати знання та вміння веб-розробника, ознайомити з мовами HTML/CSS та інструментами, які необхідні для ефективної роботи.

Учні навчаться створювати веб-сторінки, володіти сервісами та інструментами та правильно їх використовувати. В кінці курсу передбачена практична робота, презентація її та захист перед батьками та викладацьким колективом, в даному випадку це буде повноцінний веб-сайт, розміщений в Інтернеті.

Програма курсу: 

Вступ до HTML.

- Що таке сайт. Що являє собою веб-сторінка. Що таке HTML та CSS.
- Середовище написання коду. Робота з редактором Brackets. Налаштування програми.
- Поняття тегу. Види тегів. Правила написання коду. Структура HTML документа. Коментарі в HTML.

Теги HTML5.

- Структурні теги HTML5. Підключення аудіо, відео.
- Елементи форм HTML5. Валідація елементів форм.

Основні теги.

- Основні теги форматування тексту. Структурні теги. Поняття атрибуту тега.
- Правила вкладення тегів. Перевірка сторінки на наявність помилок.

Властивості CCS3.

- Градієнт. Види та налаштування градієнта. Тіні. Округлення кутів.
- Сервіси, що генерують стилі.

Зображення.

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

JavaScript.

- Синтаксис, змінні. Функції.
- Комунікація з користувачем. Alert i prompt.
- slider фотографій.

Таблиці.

- Створення таблиць. Об'єднання комірок.
- Стильове оформлення таблиць.

Початок розробки веб-сторінки.

Гіперпосилання.

- Види посилань. Поняття «Якір». Основні атрибути гіперпосилань.

Огляд проміжних результатів.

- Виправлення помилок.
- Покращення працездатності коду.

CSS.

- Синтаксис CSS. Поняття селектора, властивості, значення.
- Способи підключення CSS до сторінки. Коментарі в CSS.
- Селектори. Види селекторів. Псевдокласи. Псевдоелементи.

Завершення розробки веб-сторінки.

Колір та фон.

- Робота з кольором. Способи задання кольору. Модель RGB. Робота з напівпрозорістю.
- Фоновий колір.
- Фонове зображення. Налаштування фонового зображення. Зображення «спрайти».

Основи роботи в графічному редакторі Figma.

- Освоєння основних інструментів.
- Робота з формами, стилями, шарами.
- Створення векторної композиції у програмі.

Шрифти.

- Види шрифтів. Підключення нестандартних шрифтів. Стильові властивості тексту.

Вступ до веб дизайну.

- Історія веб-дизайну.
- Стилі і тренди у дизайні.
- Основи юзабіліті.
- Паттерни в дизайні.

Div-контейнери, поняття блочної верстки.

- Висота та ширина. Рамки border & outline, відступи margin & padding.
- Вирівнювання в ряд за допомогою float & display.
- Позиціювання. Види позиціювання.

Розмірна сітка. Скетчинг.

- Налаштування модульної сітки для майбутнього сайту.
- Знайомство з технікою скетчингу. Використання скетчінгу на практиці.
- Розробка структури сайту.

Форми.

- Призначення форм. Елементи форми. Налаштування елементів форми.
- Стилізація елементів форм.

Теорія кольору. Типографіка.

- Робота з кольором. Способи задання кольору.
- Види шрифтів. Стильові властивості тексту.
- Колірне коло Ітена.

👉 Всі деталі та запис на курс →

📌  тел: (067) 542-88-14

📌  вулиця Еспланадна 20, 11 поверх, офіс 1104 (ст. метро Палац спорту)

Schedule:

👨‍🎓  Заняття проходять в будні та вихідні дні, розклад →

Cost:

🔥 Вартість курсу 7500 грн. за 5 місяців навчання