Курс Web-розробка для школярів

В рамках курсу Web-розробка для школярів студенти без досвіду в розробці вивчають HTML і CSS та JavaScript. Після успішного закінчення курсу студенти отримують достатньо знань і навичок для верстки сайту будь-якої складності.

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

Основи HTML

• Знайомство з редактором коду
• Починаємо ознайомлення з HTML
• Основні теги, їх будова та властивості

Основи CSS

• Cascading Style Sheets (CSS)
• Застосування стилів у контексті HTML5
• Cелектори
• Колір CSS
• Прозорість
• Стилізація шрифтів

CSS Block Model

• Основні елементи CSS
• Знайомство з block model

Block Layout. Властивість display

• Створення макету сторінки за допомогою блокової верстки
• Властивість display
• Вирівнювання плаваючих елементів

Робота з формами

• Форми у HTML
• Елементи форм
• Атрибути value та name
• Кнопки, текстові поля, напрямок тексту, поле пошуку
• Поле введення пароля. Мітки та автофокус
• Елементи для введення чисел
• Повзунок. Прапорці та перемикачі
• Елементи для введення кольорів, url, email, телефону
• Валідація форм

FlexBox

• Що таке FlexBox. Flex Countainer
• Напрямок flex-direction. Flex-Wrap
• Порядок елементів Flex-Flow
• Властивість order. Вирівнювання елементів
• justify-content. Вирівнювання елементів
• align-items і align-self. Вирівнювання рядків та стовпців
• align-content
• Управління елементами. flex-basis, flex-shrink та flex-grow
• Властивість flex

Створення макету FlexBox. Media Queries

Bootstrap

Animation

Трансформації, переходи та анімації.

CSS: Grid

Введення в JavaScript

• Що таке JavaScript
• Основи синтаксису
• Коментарі
• Підключення зовнішнього файлу JavaScript
• Консоль браузера та console.log
• Змінні та константи
• Типи даних

JavaScript

• Оператори порівняння
• Логічні операції
• Операції присвоєння
• Умовні конструкції

JavaScript. JSON

• Робота зі String
• Масиви
• Конвертування у JSON
• Оператор for, forEach
• Оператор while

JavaScript. Робота з DOM

• Функції
• Об’єкти DOM

jQuery

• Selectors
• Events
• DOM

jQuery Effects and Animation AJAX JSON

Cookie and localStorage

Робота з localStorage. setTimeout, setInterval, Promise

• localStorage. setTimeout, setInterval
• Promise: async/await

Асинхронність

Сайт з даними

Canvas

• Малювання фігур
• Методи moveTo і lineTo
• Метод rect
• Fill, clip, arc, arcTo

Canvas Animation

• Комплексні фігури
• Малювання мишкою
• Canvas Animation

Slider

Canvas Animation. Control object

Creating a game

В кінці курсу виконується дипломний проєкт

Особливості курсу

• Невеликі групи
• Система особистих кабінетів
• Доступ до відеозаписів занять
• Викладачі практики
• Оперативна служба підтримки студентів
• Практичні заняття

Викладачі курсу

• Павло Зубак - Frontend Developer at Halo Lab
• Руслан Воропай - Інженер-електронік
• Олег Шевченко - Frontend Developer
• Вадим Ольховик - Python Full-Stack Web Developer
• Владислав Лещенко - React Developer at NIX