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

Розробка власного дизайну у програмі Figma та знайомство з основами програмування. Можливості та практичне застосування інструментів HTML CSS. Створення веб-сайту.
Вік:
13-16 років
Початок:
29 листопада 2020 р.
Тривалість:
6 місяців
Вартість:
6 500 грн
Отримай безкоштовну консультацію щодо навчання
13-16 років
Навчальна програма побудована таким чином, щоб кожна дитина могла себе індивідуально проявити, як з творчої сторони, так і з позиція розробника. В сучасному світі вже не обійтись без веб-продуктів та сервісів, для бізнесу та власних потреб.

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

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

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

Учні навчаться створювати веб-сторінки, володіти сервісами та інструментами та правильно їх використовувати. В кінці курсу передбачена практична робота, презентація її та захист перед батьками та викладацьким колективом, в даному випадку це буде повноцінний веб-сайт, розміщений в Інтернеті.
Переваги навчання в Logos Kids Academy
Переваги навчання в 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 та сворювати дизайн.
Термінологія
Освоять англомовну ІТ термінологію та навчаться її розуміти.
Командна робота
Розвинуть навички командної роботи та самопрезентації.
Розклад
Розклад

Час занять

Дні занять
Завершення набору
Вартість курсу
Забронюйте місце

12.30 – 14.30

Неділя
29 листопада
6 500 грн
Онлайн запис
Хочете допомогти дитині знайти свій шлях та адаптувати її до дорослого життя? Ми готові допомогти вам в цьому
Залиште заявку
Для того, щоб отримати актуальну інформацію, або ж якщо у вас виникли запитання, переживання чи сумніви - зареєструйтесь на консультацію з профорієнтації.
Отримані в Logos Kids Academy знання і навички посилять дитину в будь-якій професії

Це найкраща інвестиція в майбутнє дитини!
~
Якщо вона захоче отримати професію в IT, можна продовжити навчання в нашій Logos IT Academy
Що говорять діти про навчання в Logos Kids Academy
Питання та відповіді
Які знання потрібно мати, щоб розпочати навчання на курсі Веб-розробка та дизайн?
Потрібні лише базові знання комп'ютера на рівні користувача. Цей курс є комплексний, тому діти розпочнуть навчання з елементарних базових речей та поступово будуть вивчати все складніші та цікавіші технології.
Чому саме веб-розробка?
Немає ідеальної мови програмування з якої можна почати поглиблюватися в ІТ-світ, проте web-розробка є одним з найлегшим і наочним набором інструментів.

В процесі написання коду ви одразу бачите результати та свої помилки і можете легко їх виправляти, додавати чи змінювати елементи, і це все суттєво полегшує розуміння процесу написання коду.
Що учні отримають у кінцевому результаті після завершення курсу?
Впродовж курсу учні навчаться основами веб-розробки, навчаться застосовувати html теги, змінювати їх за допомогою властивостей стилів css. Створять власний дизайн та першу веб-сторінку.
Якщо дитині сподобається навчання чи є продовження курсу?
Для випускників даного курсу Logos Kids Academy пропонує поглибитись у вивченні web-програмування, продовжити працювати з html, css, а також детально вивчити мову програмування №1 у світовому рейтингу JavaScript.
    З якого віку варто розпочинати навчання?
    Даний курс розрахований для дітей віком від 11 до 16 років.