Курсы ВЕБ разработчика для детей
- Python
- Frontend
- Web & Mobile Design / UI/UX
Курс присвячений основам web-дизайну та програмування. Заняття проходять в режимі онлайн-трансляції, а після закінчення курсу студенти отримають сертифікат.
Програма курсу
Web-дизайн
- Figma, розбір вектора, створення простих іконок та ілюстрації, підбір ілюстрації на стоках
- Робота з сітками та шрифтами - установка шрифтів. Основи створення простого лендингу
- Робота з кнопками, іконками (категоризація), основи кольору
- Оформлення Дизайн системи (UI kit) зі всіма елементами, створення лого на основі існуючого шрифту
- Оформлення сайту - шапка, тіло, футер, створення малої карточки продукту, тексти для сайту
- Оформлення кейсу з сайтом для портфоліо або розбір існуючих портфоліо
Front-end
- Абсолютні та відносні шляхи, файлова структура, структура HTML
- HTML теги, посилання, списки, таблиці
- СSS, підключення, селектори та комбінування
- Псевдокласи, псевдоелементи, шрифти, інструменти розробника
- Зображення, графіка, фон
- Позиціювання, Overflow, Float
- Flex
- HTML 5
- Трансформації, Transition
Python
- Вступ до Python та основний синтаксиc
- Потік керування та функції
- Малювання з модулем turtle
- Списки та кортежі
- Словники
- Створення телеграм-бота
Особливості курсу
- Базовий курс для дітей 12-17 років
- Викладачі - практикуючі фахівці з великим досвідом роботи
- Навчання зосереджене на практиці
- Можливість брати участь в програмі Hillel EVO
- До шостого заняття ви можете повернути 100% внесених за навчання коштів
Викладачі курсу
- Єлизавета Чепугова - Graphic Designer в Nasha Idea
- Єгор Ліфіренко - Python Developer
- Владислав Дикий - Front-end Developer в Web Generator
- Роман Поплєтухин - Front-end Developer at Meduzzen
- Frontend
В рамках курсу 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
- Frontend
На завершення курсу кожен студент розробить повноцінний проєкт, який буде захищений. Це дозволить набути досвіду у формуванні власного проєктного погляду та аргументуванні думок. Ця навичка допоможе дитині просувати власні ідеї у сфері IT, здобуваючи авторитет серед дорослих програмістів.
Програма курсу
Модуль 1. HTML&CSS Basics
- Основні HTML теги та атрибути
- Основи CSS, блочна модель
- Селектори CSS
- Оформлення елементів
- Поля і відступи
- Порядок верстки блоку
- Тестування результатів верстки
- Управління розміром і положення блоків на сторінці
- Технологія Flexbox
- Базова анімація
- Основні інструменти розробника
- Робота з GitLab, базові команди, створення свого репозиторію
Модуль 2: UI/UX design Basics
- Базове знання Figma
- Базове знання UI/UX
- Основи сайтобудування
Модуль 3. Advanced HTML/CSS
- Технологія Bootstrap 4
- Технологія Gulp
- Просунута структура проєкту
- Адаптивна верстка
- Гумова верстка
- Препроцессори, а саме: Sass
Модуль 4. Basic JavaScript
- Базові та об’єктні типи даних
- Перетворення типів
- Змінні й правила їх іменування
- Умови, оператори, масиви, цикли, функції, робота з датами та часом
- Введення в браузерні події
- Робота з таймерами, localStorage
- Області видимості
- Контекст виклику
- Обробка помилок
- ООП в JavaScript – функції-конструктори, прототипи, класи
Модуль 5. Soft Skills
Модуль 6. Final Project
Особливості курсу
- Для дітей віком від 12 до 15 років
- До 15 дітей в групі
- Система оцінки знань
- Багато практичних завдань
- Робота над власними проєктами
- Сертифікат про закінчення навчання
- Frontend
Наш курс Front End для підлітків надає унікальну можливість отримати глибокі знання та практичні навички у сфері веб-розробки. Після завершення курсу студенти матимуть змогу створювати професійні веб-додатки, працювати з популярними фреймворками та інструментами, а також ефективно співпрацювати в команді, використовуючи систему контролю версій Git.
Програма курсу
Структура курсу
- HTML&CSS + git&github
- Інструменти для інтерфейсного дизайну (Figma, Sketch, Adobe XD): Дизайн та прототипи
- Просунутий конструктор сайтів Webflow
- JavaScript
- Фреймворки (Vue та React)
- Додаткові бібліотеки та інструменти
- Підготовка до працевлаштування
Додаткові теми
HTML & CSS + git & github
- Фреймворки CSS (Sass, Less): Гнучке та ефективне написання стилів
- CSS-методології (BEM, OOCSS, SMACSS): Управління стилями
- Інструменти автоматизації (Gulp)
- Робота з ШІ (Copilot, Supermaven, ChatGPT)
JavaScript
Робота з бандлерами Webpack та Rollup: Взаємодія з зовнішніми даними.
Фреймворки (Vue та React)
- Робота з REST API: Взаємодія з зовнішніми даними
- Управління стейтом (Redux(React) / Pinia(VUE))
- Роутинг: Vue Router (VUE),(React router DOM) (React)
- Просунута типізація (TypeScript)
- Бібліотеки для роботи з HTTP-запитами (Axios, Vue Query (VUE), React Query (React)): Управління асинхронними запитами
- UI-бібліотеки компонентів (Shadcn ui, Tailwind CSS Components): Компоненти для швидкої розробки UI
Додаткові бібліотеки та інструменти
- Оптимізація продуктивності (Performance Optimization): Техніки підвищення швидкості
- Тестування (Jest, Mocha, Cypress): Забезпечення надійності та якості коду
- Server-Side Rendering (SSR): Next.js для React, Nuxt.js для Vue
- Motion UI, Framer Motion: Плавні анімації
- SVG анімації та маніпуляції: Векторна графіка
- WebGL та Three.js: 3D-графіка
- websocket
Проміжні результати
- Перші уроки: Розуміння HTML та CSS, створення простої веб-сторінки
- Наступні 8 уроків: Знання JavaScript, створення інтерактивних елементів
- Наступні уроки: Освоєння фреймворків, створення простого додатку
- Далі: Глибше вивчення інструментів автоматизації, управління станом, роутинг
Що отримає студент
Практичні навички
- Створення структурованих веб-сторінок за допомогою HTML
- Стилізація та модульність стилів з використанням CSS і Sass
- Додавання інтерактивних елементів за допомогою JavaScript
- Робота з фреймворками React або Vue для побудови сучасних веб-додатків
- Управління станом додатка з Redux(React) тa Pinia(VUE)
- Налаштування навігації між сторінками (роутинг)
- Автоматизація задач з Gulp
- Використання Git для контролю версій і командної роботи
Портфоліо
Студенти створять власне портфоліо з розробленими веб-додатками, що стане чудовою основою для подальшої кар'єри.
Кар'єрні можливості
- Отримані знання дозволять претендувати на позиції фронтенд-розробника
- Можливість працювати над простими та середніми проєктами
- Високі шанси на працевлаштування з початковою зарплатою від $500 до $1000 на місяць
Де можна використати ці навички
- Кар'єра в ІТ: Можливість почати кар'єру у сфері веб-розробки та з часом стати провідним фахівцем
- Фриланс: Виконання замовлень на створення та підтримку веб-додатків для клієнтів з усього світу
- Особисті проєкти: Реалізація власних ідей та стартапів, створення персональних або комерційних веб-додатків
Особливості курсу
- Допомога ментора
- Практика
- Вік: від 13 до 17
- Інтенсивність - 2 заняття на тиждень
- Сертифікат про проходження курсу
- Проєкт в портфоліо
Викладачі курсу
- Тарас - Front-end Developer
- Назар - React & Next.js Developer
- Frontend
Курс складається з двох блоків: hard skills (занять з розробки сайтів Front-End - отримання професійних навичок) та Soft skills (занять з управління собою та командою, розвитку персональних навичок). Навчаємо підлітків з нуля. Вступне тестування на рівні Beginner - на логіку та базове володіння комп'ютером. Модуль Працевлаштування - робота з реальними замовниками, симуляція проходження співбесід, оформлення професійного портфоліо та резюме тощо.
План курсу
Освітні результати
Hard skills (Рівень Beginner):
- 4 створених власних сайта
- Критичне та креативне мислення
- Основи типографіки
- Основи теорії кольору
- Принципи вебдизайну
- Розгортання сайту на своєму домені
- Основи програмування мовою JavaScript
- Робота з DOM-елементами
- Створення своєї гри у Web
- Робота з анімаціями
- Основи роботи з CSS Frameworks
- Робота з HTML\CSS
- Робота з API
- Створення адаптивного UI
Hard skills (Рівень Advanced):
- Знання на рівні Junior спеціаліста
- Створення складних web додатків
- Досвід проектування UX та прототипування додатків
- Вміння писати асинхронний код
- Розгортання базового сервера
- Вміння верстати складні дизайни
- Grids, Flexboxes, CSS Tricks
- Принципи Mobile First
- Ключова та програмувальна анімація в web
- Робота з Canvas та растровою графікою
- Проєктний менеджмент з нуля до релізу
- Досвід роботи самостійно, в парах та у великих командах в різних ролях, актуальних у сфері IT
- Trello
- Участь в унікальному модулі Працевлаштування, результатом якого будуть реалізовані персональні та командні комерційні та соціальні проєкти, пітчі перед експертами сфери IT
- Можливість дізнатись, як влаштуватись на першу роботу в компанію, працювати на фрілансі або заснувати свій бізнес
- Отримати перші замовлення, роботу або інтернатуру після закінчення курсу
Soft skills:
- Емоційний інтелект
- Самоідентифікація
- Лідерство
- Цілепокладання
- Мотивація та дисципліна
- Тайм-менеджмент
- Самопрезентація
- Комунікація - конфліктологія - перемовини
- Мистецтво публічного виступу
- Робота в команді та з замовником
Результат курсу
IT сфера цінує знання та досвід. Підліток отримує:
- Профорієнтацію, підготовку до вступу у профільний ВНЗ (вже після рівня Beginner)
- Здатність працювати на рівні Junior IT спеціаліста (після рівня Advanced)
- Професійне портфоліо власних та командних робіт
- Сертифікат о проходженні кожного рівня (Beginner, Advanced)
Перша робота:
- Рівень Beginner дає базу та розуміння напрямку подальшого розвитку
- Рівень Advanced є професійним, тому дозволяє працювати на фрілансі
- Програма навчання складається із командних проєктів та їх захисту (пітчів) перед експертами сфери та HR менеджерами
- В тому числі таким чином підлітки знаходять свою першу роботу або стажування в компаніях
- Також в нас працює кар'єрний сервіс для випускників Ampli з пошуку стажування та першої роботи
Особливості курсу
- Тривалість навчання - 6 місяців (24 тижнів/занять)
- Онлайн навчання під контролем наставника - IT-спеціаліста та супроводом стаді-менеджера плюс 4 персональних онлайн заняття з наставником
- Завдання для роботи серед тижня: відео-підручник (3-5 відео на тиждень), тести до нього, практичні завдання, додаткові матеріали (галузеві статті, ін.). Перевірка завдань тренером. Спілкування у чаті
- Заняття у зручний для підлітка час. У середньому 2-5 годин/тиждень
- Онлайн-практикуми з тренером по soft skills (надпрофесійні навички) раз на тиждень (1.5 години)
- Зворотний зв'язок для батьків:
- раз/місяць статус навчання по програмі від стаді-менеджера
- раз/три місяці - відгуки наставників
Автори програми
- Роман Мордюк - AVA.codes
- Владислав Омельченко - LumoSpark
- Назар Галайко - galaikonazar.com.ua
- Євген Вінійчук - Youshido
- Юрій Кабай - Levi9
- Nick Rollinson - Mews
- Роман Балата - ekreative
- Ігор Бондарчук - GlobalLogic
- Олексій Горносталь - CloudWorks
- Ярослав Виговський - Falcrum/GlobalLogic
- Василь Нагуляк - ekreative
- Назар Барчук - Nasdaq
- Frontend
Дітки навчаються на практиці будувати HTML структуру сайту, писати програмний код, верстати кнопки, меню, іконки з макетів, додавати картинки, створювати рухомі елементи та анімації на сайті за допомогою CSS стилів. А ще використовувати різноманітні інструменти айтішника, не боятися спілкуватися в колективі та розвиватися в світі інформаційних технологій.
Програма курсу
Інтернет, веб-сторінка, введення в HTML
- Зародження інтернету
- Основні визначення
- Програми для розробки
- Введення в HTML
- Побудова структури
Інструменти верстальника
- Налаштування програм
- Екскурс по інтерфейсам
- Порізка макету
HTML верстка
- Знайомство з тегами на макеті
- HTML верстка
- Побудова моделі
Введення в CSS
- Одиниці вимірювання
- Основні стилі CSS
Додаткові CSS властивості
- display
- :hover
- Посилання
- Стилі браузера
- Вага стилів
- Онлайн-редактори
HTML5
- Основні відмінності та переваги
- Нові теги HTML5
- Правильне використання
Псевдоелементи
- :before & :after
- box-sizing
- position
Селектори
- Псевдо-селектори
- Специфічні селектори
- Селектори по атрибутам
Шрифти
Підключення зовнішніх шрифтів.
Таблиці
- Звичайні таблиці
- Таблиці стилями
ЕММЕТ
- Переваги використання
- Практика
GIT
- Призначення
- Основні команди
CSS трансформація
- scale
- rotate
- skew
- translate
- matrix
CSS анімація
- transition
- animation
Основи адаптивної верстки
- @media
- viewport
- Відносні величини
- Практичні приклади
Flexbox
display: flex
Особливості курсу
- Офлайн курс для дітей 8-13 років у Хмельницькому
- Щосуботи по 2 год.
- 12 місяців / 48 занять
- Багато практики
- Індивідуальний підхід
- Актуальна програма навчання
- Frontend
- WEB Developer / Webmaster
Вивчіть основи HTML/CSS, JavaScript та запустіть свій перший сайт.
Програма курсу
За тиждень кожен охочий зробить власний сайт-календар. За допомогою HTML/CSS можна візуалізувати 3 цілі, а також список навичок, необхідних для їхньої реалізації. А за допомогою JavaScript - динамічні графіки.
Урок 1. Знайомство з HTML/CSS/JavaScript. Налаштування редактору коду
Виконуємо перші завдання з програмування у тринажері. Завантажуємо і налаштовуємо редактор коду VS Code.
Урок 2. Робота з зображеннями та посиланнями. Запуск проєкту в редакторі
Практикуємо HTML/CSS/JavaScript в тринажері для створення фотографій і посилань на власному сайті. Запускаємо свій готовий проєкт в редакторі VS Code.
Урок 3. Фінальне налаштування проєкту. Публікація сайту на хостингу
Оформлюємо дошку бажань, використовуючи власний контент: фотографії, текст, цифри. Завантажуємо фінальний проєкт на хостинг Netlify.
Особливості курсу
- Всі завдання в одному місці
- Доступ назавжди
- Спільнота найкращих
- 3 відеоуроки
- 6 практичних занять
- Сертифікат
- Технічна підтримка впродовж всього курсу
- Frontend
Навчимо вашу дитину професійно розробляти сайти та допоможемо розвинути навички, необхідні для успішного майбутнього.
Програма курсу
Frontend Junior (10-11 років)
Семестр 1
- Знайомство з WordPress
- Верстка сайту, модуль CSS Flexbox
- Оформлення, підключення та розміщення віджетів
- Пошукова оптимізація сторінки в Yoast SEO
- Збір аналітики за допомогою Google Analytics
- Плагін MailPoet та налаштування розсилки
- Підключення сторінки до CMS
- Створення власного каталогу інформації
- Робота з плагіном Advanced Custom Fields
- Використання WordPress як джерела REST API
Семестр 2
- Створення посадкової сторінки за прикладом
- Робота з динамічними елементами CSS (анімація)
- Конструктори сайтів Wix та Weblium: можливості та інструменти
- WordPress: створення сторінок, меню сайту, розміщення контенту, налаштування доступу
- Контент, оформлений в HTML, CSS
- Розгортання сайту на CSS WordPress
Фінальні проєкти:
- Особистий інформаційний сайт
- Інтернет-магазин
- Власний сайт за тематикою свого хобі
Frontend (12-17 років)
Семестр 1
- Вступ до HTML
- Блочні та рядкові теги, семантична верстка
- CSS. Використання стилів, CSS-селектори
- Каскад. Ієрархія. Наслідування. Псевдокласи
- Текст, шрифти, стилі
- Верстка дизайн-макета
- Розміщення верстки на GitHub
- Модуль Flexbox: порядок та розташування елементів
- Background
Семестр 2
- Анімація в CSS
- Властивості transition & transform
- Робота з зображеннями SVG та створення SVG-іконки
- Позиціювання при верстці
- Адаптивна верстка сайту
- Responsive та Mobile first
- Bootstrap: розмітка, компоненти, утиліти
- Препроцесори SASS/SCSS
Семестр 3
- Знайомство з JavaScript
- Змінні, типи даних, взаємодія з користувачем
- Основні оператори, числа, рядки
- Пошук DOM-вузлів, властивості, атрибути
- Події, логічні оператори, розгалуження
- Використання різних інструкцій розгалуження
- Цикли, функції, методи масиву
- Об’єкти. Створення об’єкта, переназначення властивостей. Деструктуризація об’єктів
- ООП: класи, функції, конструктор
Семестр 4
- Оптимізація подій
- Бібліотека Lodash. Throttle і Debounce
- Node.js та Пакетний менеджер npm
- Модульність коду
- Формат даних JSON, вебсховище
- Асинхронність, таймери, дата і час
- Методи класу Promise. Цикл подій
- HTTP-запити
- Пагінація
- CRUD взаємодії з ресурсами бекенду
Семестр 5
- Бібліотека React. JSX
- Компоненти .JSX
- Стилізація. CSS модулі
- Стилізація. CSS in JS
- HTTP-запити
- Життєвий цикл
- React hooks. Хуки useState, useEffect та власні хуки
Семестр 6
- Проблеми хостингу SPA. React Router V6 - призначення та налаштування
- Програмна навігація, запити та об’єкт місцезнаходження. Розподіл коду
- Знайомство з Redux, класичний Redux
- Redux Toolkit
- Redux persist
- Селектори та бібліотека Reselect
- Робота з користувачами. Портали
Фінальні проєкти:
- Сайт для пекарні або іншого локального бізнесу
- Сайт для IT компанії
- Веб-каталог ігор
- Cайт-агрегатор різних заходів та подій в країні, на якому можна придбати квитки на ці події
- Сайт Трекер витрат
- Сайт Онлайн бібліотека з електронними книгами
Особливості курсу
- Комфортний навчальний процес
- Зворотній зв'язок та підтримка
- Комунікація та Soft Skills
- Записи уроків
- Проєкти для портфоліо
Викладачі курсу
- Альона - 4+ роки досвіду викладання
- Олександр - 5+ років досвіду викладання Frontend, Roblox
- Вадим - 3+ роки досвіду роботи Frontend/Wordpress developer
- Олександра - 2+ роки досвіду викладання
- Богдан - 15+ років викладання
- Ілля - Front-end розробник
- Ольга - Фрілансер, Frontend розробник
- Frontend
Програма курсу
Знайомство та перші кроки
- Принципи роботи Інтернету
- Що таке гіпертекст
- Специфікація мови HTML
- World Wide Web Consortium (W3C)
- Стандарти HTML
Що таке тег, атрибути тега
- Правила оформлення HTML документа
- Форматування заголовків та абзаців
- Форматування тексту
- Використання спецсимволів
Графіка у HTML
- Формати зображень, які використовуються у WEB дизайні
- Зображення як посилання та карта-зображення
Таблиці в HTML
Створення, форматування та способи застосування таблиць у HTML-документі.
Створення та редагування форм
Теги для створення та редагування форм та їх елементів (кнопки, поля вводу/виводу, checkbox, radio та ін.).
Синтаксис CSS
- Специфікації CSS
- Селектори, типи селекторів
- Псевдоелементи та псевдокласи
- Блоки оголошення стилів
Властивості CSS
- Властивості для форматування тексту
- Властивості для форматування фону та фонового малюнка
- Властивості CSS для створення та редагування списків
- Властивості CSS для створення та редагування таблиць
Верстка шаблону сайту
- Способи позиціонування елементів (position та float)
- Блокова верстка
- Cтворення шаблону на основі графічної моделі
Підбір кольорових схем для оформлення сайту
Підбір кольорових схем для оформлення сайту.
Правила для відступів та рамок
Правила для відступів і рамок.
Адміністрація сайту
Адміністрація сайту.
Завантаження готового сайту на хостинг
- Що таке хостинг, що таке доменне ім'я
- Як правильно вибрати хостинг та доменне ім'я
- Завантажуємо сайт на хостинг
- Працюємо з адмінкою
- Працюємо з FTP-сервером
- Платні та безкоштовні хостинги (переваги та недоліки)
В рамках цього курсу ваша дитина:
- Вивчить основи мови розмітки HTML та каскадні таблиці CSS
- Отримає знання у галузі створення веб-сайтів та web-додатків
- Створить адаптивний веб-сайт для свого портфоліо
- Засвоїть мову програмування JavaScript, щоб створювати "живіші" сайти
- Зможе самостійно встановлювати та налаштовувати CMS
Особливості курсу
- Допомога ментора
- Практика
- 100% індивідуальне навчання
- Проєкт в портфоліо
- Frontend
Курси "Розробка сайтів" допомагають учням освоїти ази сайтобудування, створювати сторінки й ресурси на мові програмування, просувати проєкти в пошукових системах.
Програма курсу
Теми:
- Налаштування середовища оточення. Перша HTML-сторінка
- Класифікація сайтів
- Етапи створення
- Встановлення та налаштування редактора коду
- Керуємо комп'ютером. Основні теги
- Базовий CSS
- Робота з макетом
- Layout. HTML-разметка
- Сітки
Курс дає дитині можливість:
- Втілити в життя свої ідеї за допомогою IT-технологій
- Ознайомитися з усіма етапами створення сайту
- Вивчити основні поняття веб-програмування
- Отримати практичні навички створення нескладних сайтів
- Навчитися розробляти індивідуальні та командні проєкти
- Розвинути здібності аналізувати і виправляти помилка
- Отримати навички успішної презентації проєкту
Особливості курсу
- Для дітей від 14 років
- Тривалість курсу 32 уроки
- Групові заняття в Zoom
- Зручний графік занять
- Не витрачаєте час на дорогу
- Можливість індивідуального навчання
- Проєкт в портфоліо
- Сертифікат про проходження курсу
Викладачі курсу
- Евеліна - Python, Front End, Minecraft
- Сергій - Python, Front End
- Максим - Java, Python, C/C++
- Frontend
У процесі навчання дитина пройде основні етапи створення свого першого сайту та попрацює над його функціональністю. З нуля вивчить основи програмування HTML, CSS та елементи JavaScript, що допоможе йому легко оформити свій сайт, додавши: таблиці, гіперпосилання, ілюстрації, текст, меню, відео тощо.
План курсу
Що вивчають на курсі
- Концепція WEB-програмування
- Теги в HTML. Посилання та їх атрибути
- Каскадні таблиці, стилі, способи застосування на WEB-сторінках
- Правила та основні властивості CSS
Що учень буде вміти
- Застосовувати бази властивостей елементів CSS
- Створювати адаптивні сторінки WEB
- Додати відео, аудіо, плейлисти на сторінку
- Верстати заготівлі для майбутніх сайтів
- Самостійно створювати повноцінні веб-сайти з елементами Javascript
Що учень матиме
- Самостійно створений сайт, написаний з використанням HTML, CSS та елементів Javascript
- Цілий ряд WEB-сторінок, написаних протягом навчання
- Навичка пошуку та аналізу інформації для розміщення на сайті
- Вміння використовувати графічний редактор Photoshop для підготовки зображень до сайту
Особливості курсу
- Групи до 10 осіб
- Програми розроблені з урахуванням віку дитини
- Заняття записуються і завжди є можливість повторити матеріал
- Дається домашнє завдання для самостійної роботи
- В особистому кабінеті розміщені всі навчальні матеріали
- Заняття проводяться за розкладом як у будні дні, так і у вихідні
- Розклад та викладач протягом курсу навчання не змінюються
- Викладачі - практикуючі IT фахівці з досвідом роботи з дітьми понад 3 роки
- Сертифікат про проходження курсу
- Frontend
Студенти вивчать мову розмітки сторінок HTML, каскадні таблиці стилів CSS, основи мови JavaScript. Підготують матеріали для розміщення на власному сайті. Розроблять сайт, протестують його та розмістять на хостингу в інтернеті. Виконають та захистять індивідуальний або командний підсумковий проєкт із створення іміджевого чи то новинного сайту-блогу, інтернет-оглядача тощо.
План курсу
Технічні навички
WEB-простір
Принципи функціонування інтернету (клієнт-серверна модель, протоколи, стандарти, сервера). Типізація сайтів мов.
HTML та CSS
Проєктувати інтерфейси користувача, створювати кросбраузерну, адаптивну верстку і вносити зміни в існуючу.
JavaScript
За допомогою JavaScript будемо створювати інтерактивні інтерфейси, розробляти серверну частину сайтів.
Розробка
Навчимося розробляти логіку роботи клієнтської частини web-сайтів, тестування і розміщення в інтернеті. Навчальні проекти: іміджевий і новинний сайт (блог), інтернет-оглядач.
Проєктний підхід
Пройдемо повний цикл проєктування та створення гри "по-дорослому": від ідеї та плану до взаємодії з командою та презентації власних проєктів батьками.
English
Освоїмо технічну термінологію та базову IT-лексику, а також навчимося працювати у програмах з англійським інтерфейсом.
Соціальні навички
Впевненість
Сформуємо впевненість у собі та своїх здібностях, навчимося бути проактивним, не бояться робити помилки, а аналізувати їх та швидко приймати рішення.
Самостійність
Освоїмо інструменти самоорганізації. Навчимося самостійно ставити цілі, планувати та керувати своїм часом.
Емоційний інтелект
Навчимося керувати своїми емоціями. Логічно та послідовно вибудовувати свою мову та аналізувати поведінку інших людей, робити правильні дії.
Самопрезентація
Зможемо впевнено та вільно виступати на публіці. Завойовувати довіру, цікаво та лаконічно презентувати себе чи свій проєкт.
Працювати в команді
Комунікувати з усіма членами команди, брати на себе відповідальність за результат, знаходити компроміси та позитивно вирішувати конфлікти.
Креативність
Розвинемо вміння генерувати безліч ідей з нестандартним підходом, навчимося бачити проблеми під іншим кутом і вирішувати їх унікальним способом.
Бізнесові навички
Бізнес мислення
Зрозуміємо, що таке бізнес та як він влаштований в інтернеті. Дізнаємося як формується бюджет проєкту і з чого він складається: пошук ідеї, формування бізнес-моделі та складання свого бізнес-плану.
Управління фінансами
Розберемося, що таке гроші та як ними користуватися. Навчимося розрізняти, планувати, контролювати свої доходи та витрати. Чи зможемо ефективно розпоряджатися засобами та розвивати в собі навички управлінця.
Стратегічне планування
Глобалізація економіки та автоматизація виробництва сприяють створенню нових бізнес-моделей. Дізнаємося, які напрями та професії будуть затребувані у найближчі 10 років: стратегія блакитного океану, штучний інтелект, кібербезпека та Meta-всесвіт.
Особливості курсу
- Навчання через практику
- Щотижневі лабораторії Skills Lab
- Фіксація результату
- Онлайн-підтримка викладача
- Онлайн-консультації
- Можливість офлайн навчання
- Захист випускного проєкту
- Гейміфікація
- Особистий кабінет
- Бонуси за активність на курсі
- Домашні завдання
- Звітність для батьків
- Невеликі групи
- Frontend
Студенти вивчають основи мови розмітки гіпертексту(html) та каскадної таблиці стилів(css). Також вони вивчать, як поєднувати складні елементи, а не просто прописувати їх по окремості.
Програма курсу
Налаштовування середовища розробки. Підготовка до роботи
Дізнаємось, як працює інтернет, основні принципи роботи WEB. Налаштуємо середовище для подальшого кодування та познайомимось з основною термінологією девелопера. Напишемо першу міні-програму (HTML page).
HTML, знайомство з тегами. Що це і навіщо?
Знайомимось і вчимося комп'ютерній мові. Вивчаємо основні HTML-теги і відразу їх застосовуємо на практиці. За допомогою HTML вчимось створювати вкладені структури Web-сторінки.
Знайомство з CSS
Вивчаємо основні стилі і способи їх використання. Знайомимось з трьома методами підключення стилів на сторінку. Розбираємо практично селектори, звичайні властивості стилів. Знайомимось з поняттями контейнерів, блочних елементів, вивчаємо розміри, маргіни і падінги, бордери.
Позиціонування. Форма. Псевдокласи і псевдоелементи. Комбінації селекторів
Покажемо деякі трюки, за допомогою яких, можна зробити багато цікавого на сторінці. Вивчаємо, що таке вага селекторів. Дізнаємось, що таке каскадність і як відбувається взаємодія стилів між собою.
Advanced позиціонування та багато практики
Вчимось будувати складні конструкції, багато практики та повторення набутих знань шляхом використання їх у своєму коді.
Меню сайту. Резинова та адаптивна верстка
Побудуємо меню сайту та красиво його оформимо. Навчимось робити багаторівневе випадаюче горизонтальне та вертикальне меню та випадаючі списки. Резиновий і адаптивний сайт, яка різниця? Практика резинової і адаптивної верстки на парі. Дізнаємось, що таке медіа-запит. Познайомимось з фреймворком Bootstrap.
Знайомство з JavaScript
Дізнаємось, що таке JavaScript, для чого його використовують. Розглянемо структуру JavaScript-програми, поговоримо про браузери та консоль розробника. Розглянемо такі теми, як пам'ять, кодування та системи числення, а також вивчимо деякі основні алгоритми програмування.
Типи даних і змінні
Числа та оператори, змінні, стрічки, булеві значення, Undefined і null. Умови і цикли. Основні мовні конструкції.
Функції
Базова будова функції. Виклик функції. Передача аргументів у функцію та повернення значення з функції. Виклик функції у якості значення. Ранній вихід з функції. Спрощення коду за допомогою функцій.
Масиви
Поговоримо про те, навіщо потрібні масиви, створимо масив і спробуємо достукатись до його елементів. Створимо і змінимо елементи масиву та на практиці вивчимо різні методи роботи з масивами і таким чином дізнаємось, чому вони нам так потрібні.
Об'єкти
Що це? Навіщо ми їх будемо використовувати. Створення об'єктів, доступ до значень всередині об'єкта, додавання елементів об'єкта. Що корисного можна робити з об'єктами - все це дізнаємось шляхом використання на практиці.
Деякі теми з розділу Advanced
Розглянемо теми, які входять до розділу Advanced і допоможуть вам справитись з виконанням проєтку DOM, setTimeout, setInterval, реакція на дії користувача.
Особливості курсу
- Можливість оплатити курс частинами
- Підтримка ментора
- Повна комунікація з ментором та одногрупниками
- Інноваційний підхід до колективного навчання
- Сертифікат після здачі іспиту та фінального проєкта
Викладачі курсу
Олекса Сарнацький - HTML/CSS, JavaScript, Full-Stack Developer
Больше информации
- Frontend
Курс "Основи Front-end" – все, що необхідно для початку розробки web-сторінок та їхнього ефективного програмування.
Програма курсу
Теми:
- Вступ до Front-end розробки
- IDE - інтегровані середовища розробки
- Мова розмітки HTML
- Контейнер у верстці
- Мова стильового оформлення CSS
- Типи елементів (блокові, inline, inline-block)
- Робота з фоном сторінки (градієнти, тіні)
- Властивість float, CSS Grid Layout
- Псевдокласи, псевдоелементи
- Parallax
- Види анімації, доступні в CSS
Опис курсу
Front-end розробник створює не тільки web-сторінки, а й програмує їх. Він повинен володіти не тільки HTML 5 та СSS 3, а ще й мовою програмування, наприклад JavaScript. Цей курс розрахований на дітей від 12 років і вивчає: HTML 5, СSS 3, адаптивну та чуйну верстку, JavaScript, DOM, ECMAScript 6. Слухач вчиться створювати свої web-сторінки з запрограмованими елементами на них.
- тривалість заняття - 120 хвилин
- інтенсивність - 1 заняття 1 раз на тиждень
- повна тривалість курсу - 9 місяців
Що потрібно для навчання?
Ноутбук або комп'ютер, під'єднаний до інтернету та оснащений необхідними гарнітурами (колонки або навушники, вебкамера, мікрофон).
Особливості курсу
- Авторська система освітніх курсів
- Унікальна команда тренерів
- Турбота й індивідуальний підхід
- Офіційний сертифікат
- Навчання в будь-який час і з будь-якого місця
- Комфортний освітній процес. Заняття проходять у мінігрупах
- Засновник - перша в Україні дистанційна школа "Оптіма"
- Корисні та потрібні знання. Максимум практики в кожному занятті
- Frontend
Основи розробки web-сторінок, що таке "Front-end" та "Back-end" і як вони взаємодіють між собою, побудова елементів за допомогою JavaScript - все це та багато іншого чекає на слухачів курсу.
Програма курсу
Теми:
- Принципи роботи веборієнтованих технологій
- Дизайн сайтів. Промосайт від роботи з замовником до реалізації проєкту
- Мова гіпертекстової розмітки HTML. Починаємо створювати сайт самостійно
- Види сайтів. Різновиди верстки. Списки та таблиці
- Діалог із користувачем і дружній інтерфейс. Меню, форми, фрейми
- Landing page - перший вебпроєкт. Особливості реалізації. Створення та захист проєкту
- Додаткові можливості стилю та дизайну сайтів. CSS - спеціальна мова стилю сторінок. Деталі використання CSS
- Графічні елементи сайту. Обробка та оптимізація зображень для WEB. Підготовка, графіки
- Особливості підготовки дизайн-макету до верстки
- Оцінка сайту. Тестування. Хостинг
- Майстер-клас "Секрети вебдизайну"
- Захист проєкту
Опис курсу
Основи розробки web-сторінок і принципи web-дизайну взагалі. На курсі навчимося створювати web-сторінки, використовувати в роботі принципи побудови та перебору елементів сторінки за допомогою JavaScript і створення сценаріїв для роботи з ними надалі. Мінімальні вимоги: навички роботи з текстовими редакторами.
- тривалість заняття - 60 хвилин
- інтенсивність - 1 заняття 3 рази на тиждень
- повна тривалість курсу - 1 місяць, 12 занять
- заняття проходять онлайн, що дає можливість вчитися в комфортній, безпечній обстановці та не пропускати зустрічі
Що необхідно для навчання?
Ноутбук або комп'ютер, підєднаний до інтернету та оснащений необхідними гарнітурами (колонки або навушники, вебкамера, мікрофон).
Особливості курсу
- Авторська система освітніх курсів
- Унікальна команда тренерів
- Турбота й індивідуальний підхід
- Офіційний сертифікат
- Навчання в будь-який час і з будь-якого місця
- Комфортний освітній процес. Заняття проходять у мінігрупах
- Засновник - перша в Україні дистанційна школа "Оптіма"
- Корисні та потрібні знання. Максимум практики в кожному занятті
Викладачі курсу
Людмила Булигіна - Викладачка програмування Фізико-Технічного інституту (КПІ)
Больше информации- Frontend
Курс розрахований для дітей, які добре володіють ПК. Під час курсу учень вивчає HTML 5, СSS 3, адаптивну та чуйну верстку, а також вчиться створювати свої перші web-сторінки та нескладні, але цікаві та ефектні web-сайти.
Програма курсу
Теми:
- Основи верстки
- Що необхідно знати веброзробнику
- IDE - інтегроване середовище обробки
- Основи HTML
- Основи CSS
- Тексти, списки, гіперпосилання
- Елементи (блокові, inline, inline-block)
- Класи, ідентифікатори, таблиці
- Робота з фоном сторінки (градієнти, тіні)
- Анімація в CSS
Опис курсу
Курс розрахований для дітей, які добре володіють ПК. Під час курсу учень вивчає HTML5 і CSS3, адаптивну та чуйну верстку, а також вчиться створювати свої перші web-сторінки та нескладні, але цікаві та ефектні web-сайти.
- тривалість заняття - 60 хвилин
- інтенсивність - двічі на тиждень
- повна тривалість курсу - 3 місяці, 24 занять
- заняття проходять онлайн, що дає змогу вчитися в комфортній, безпечній обстановці та не пропускати зустрічі
Що необхідно для навчання?
Ноутбук або комп'ютер, під'єднаний до інтернету та оснащений необхідними гарнітурами (колонки або навушники, вебкамера, мікрофон).
Особливості курсу
- Авторська система освітніх курсів
- Унікальна команда тренерів
- Турбота й індивідуальний підхід
- Офіційний сертифікат
- Навчання в будь-який час і з будь-якого місця
- Комфортний освітній процес. Заняття проходять у мінігрупах
- Засновник - перша в Україні дистанційна школа "Оптіма"
- Корисні та потрібні знання. Максимум практики в кожному занятті
Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.
