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

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

Вік:
13-16 років

Початок:
27 квітня 2024 р.

Тривалість:
6 місяців

Вартість:
9 500 грн

Отримай безкоштовну консультацію щодо навчання →

13-16 років

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

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

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

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

Переваги навчання в Logos Kids Academy

1

Тристороння програма: технічні навички, бізнес мислення, навички особистої ефективності

2

Заняття проходять з досвідченими викладачами з IT в колі захоплених школярів

3

Групи формуються за віком дітей і не більше 12-ти чоловік в аудиторії

4

Навчання засноване на практиці, тому є видимий результат після кожного заняття

5

Регулярно інформуємо батьків про успішність дітей і запрошуємо на відкриті уроки

1

Ти навчишся використовувати найсучасніші технології і застосовувати їх в життя

2

Чи зможеш втілити свої ідеї за допомогою IT-технологій

3

Будеш займатися в колі таких же захоплених хлопців та дівчат як ти

4

Будеш працювати з професійною технікою та обладнанням

5

Побуваєш в найкрутіших IT-компаніях і студіях міста

Програма навчання

Вступ до 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.
- Позиціювання. Види позиціювання.
Розмірна сітка. Скетчинг.
- Налаштування модульної сітки для майбутнього сайту.
- Знайомство з технікою скетчингу. Використання скетчінгу на практиці.
- Розробка структури сайту.
Форми.
- Призначення форм. Елементи форми. Налаштування елементів форми.
- Стилізація елементів форм.
Теорія кольору. Типографіка.
- Робота з кольором. Способи задання кольору.
- Види шрифтів. Стильові властивості тексту.
- Колірне коло Ітена.

Ключові навики учнів по закінченні курсу

JavaScript

Освоять основи програмування на мові JavaScript.

HTML/CSS

Вивчать основи мови розмітки HTML і стильових правил CSS.

Створення сторінок

Отримають тверді базові знання в сфері створення інтернет сторінок і web-додатків.

Figma

Навчаться працювати з програмою Figma та сворювати дизайн.

Термінологія

Освоять англомовну ІТ термінологію та навчаться її розуміти.

Командна робота

Розвинуть навички командної роботи та самопрезентації.

Хочете допомогти дитині знайти свій шлях та адаптувати її до дорослого життя? Ми готові допомогти вам в цьому

Залиште заявку

Для того, щоб отримати актуальну інформацію, або ж якщо у вас виникли запитання, переживання чи сумніви - зареєструйтесь на консультацію з профорієнтації.

Отримані в Logos Kids Academy знання і навички посилять дитину в будь-якій професії

Це найкраща інвестиція в майбутнє дитини!

~

Якщо вона захоче отримати професію в IT, можна продовжити навчання в нашій Logos IT Academy

Що говорять діти про навчання в Logos Kids Academy

Більше відгуків

Питання та відповіді