Состав курса
- знакомство с HTML – языком разметки для создания структуры веб-страниц
- знакомство с CSS – языком стилизации для придания вида и оформлению веб-сайта
- знакомство с JavaScript – язык программирования для добавления взаимодействия и динамики на сайте
- знакомство с Bootstrap – CSS-фреймворком для создания адаптивных и быстрых веб-страниц
- знакомство с Figma – программа для дизайна веб-интерфейсов и их макетирование
Навыки, развивающие курс
- быстрота мышления
- логическое мышление
- креативность
- ассоциативное мышление
- работа в команде
- управление проектами и планирование
Показать программу курса
Продолжительность курса: 36 занятий
Цель курса:
Познакомить учеников с веб-разработкой, научить создавать адаптивные и стильные веб-страницы с помощью HTML и CSS, работать над индивидуальными и групповыми проектами, развивать логику, креативность и навыки командной работы.
После завершения курса ученики смогут:
- Создавать и структурировать веб-страницы на HTML
- Применять CSS для стилизации страниц
- Создавать адаптивный дизайн с использованием Flexbox и Grid
- Работать с медиа-запросами и анимациями
- Планировать и реализовывать собственные веб-проекты
- Что такое HTML? Инструменты VS Code, браузеры, DevTools. Создание первой HTML-страницы
- Основные тэги HTML. Создание страницы с текстом, изображением и ссылкой
- Семантические теги HTML. Создание семантической структуры страницы
- Создание списка и таблицы (например, расписания уроков)
- Формы и ввод данных. Создание формы для регистрации
- Введение в проект «Резюме». Обсуждение структуры и создание каркаса HTML
- Добавление таблиц или списков для образования и навыков. Завершение HTML-структуры резюме
- Просмотр основ HTML. Устранение ошибок в коде
- Введение в CSS. Способы подключения. Селекторы и стилизация текста
- Блочная модель Свойства margin, padding, border, width, height
- Позиционирование частей. Свойство position
- Основы Flexbox. Создание горизонтального меню
- Стилизация проекта «Резюме» и адаптивный дизайн
- Медиа-запросы и единицы измерения. Адаптация резюме для мобильных устройств
- Основы Grid. Создание галереи изображений
- Псевдоклассы и анимации. Добавление эффектов к кнопкам резюме
- Завершение проекта «Резюме». Тестирование адаптивности
- Повторение ключевых концепций CSS. Мини-страница с Flexbox и Grid
- Планировка лендинга Дарта Вейдера. Обсуждение структуры
- Работа с фоновыми изображениями и градиентами. Стилизация шапки сайта
- Оформление биографии и цитаты. Использование Flexbox для размещения контента
- Стилизация формы обратной связи. Адаптация лендинга для мобильных устройств
- Добавление анимаций для кнопок и переходов. Тестирование лендинга
- Презентация лендинга Дарта Вейдера
- Знакомство с Bootstrap: структура, сетка и готовые компоненты
- Стилизация страницы с помощью классов Bootstrap и собственных стилей
- Основы SCSS: переменные, вложенность и миксины
- Сочетание SCSS и Bootstrap для создания уникального дизайна
- Планирование проекта «Лендинг банка». Создание HTML-структуры
- Работа со шрифтами и цветовой гаммой. Стилизация секции услуг
- Создание адаптивного дизайна и стилизация формы заявки
- Финализация и презентация лендинга банка
- Планирование проекта «Лендинг туристического бюро». Создание HTML-структуры
- Стилизация и галерея. Использование Grid для секции туров
- Адаптация лендинга для мобильных устройств. Стилизация контактной формы
- Тестирование и исправление ошибок. Презентация лендинга
650 грн/урок
- первое занятие бесплатно
- индивидуальная программа обучения
- преподаватель адаптирует урок под уровень ребенка
- удобный график занятий
- продолжительность урока – 1 час
Работы наших учеников:
Другие курсы:
Курс Scratch
Развитие логического мышления и творческих способностей ребенка. Предоставить детям возможность и способ реализации своих фантазий и решения задач в современном Hi-Tech мире.
Подробнее
Курс Рисование на планшете
Развитие креативного мышления и развитие художественных способностей детей через рисование на планшете.
Курс Roblox
Стимулировать творческое развитие учащихся и предоставить им возможность реализовать свои идеи и фантазии посредством создания собственных игр.
Подробнее
Курс Создание сайтов
Вдохновить и поддержать учащихся в желании создавать собственные веб-сайты.
Помочь понять мощность технологий веб-разработки и раскрыть их творческий потенциал в виртуальном пространстве.
Подробнее
Курс 3D-моделирование и анимация
Создание у детей базовых понятий о трехмерном моделировании и поддержка творческого интереса с помощью практических занятий по моделированию и анимации простейших персонажей.
Подробнее
Курс Графический дизайн
Развить творческие способности и фантазии ребенка. А также ознакомить с принципами колористики, правильного цветового сочетания и законами композиции.
Подробнее
Курс Программирование Python
Развить логическое мышление и способности ребенка. А также ознакомить с современными технологиями программирования и дать представление о будущей профессии.
Подробнее
Курс Рисование на планшете для подростков
Развитие креативного мышления и развитие художественных способностей детей через рисование на планшете.
Подробнее
Курс SMM for Teens
Развить творческие способности и фантазии ребенка, познакомить с основными принципами маркетинга, брендирования и анализа данных в социальных сетях.
Подробнее
Курс Unity
Знакомство со средой разработки Unity. Выработка базовых умений для создания трехмерных игр (основы дизайна уровней, создание игрового меню, использование спецэффектов в игровом окружении).
Подробнее
Introduction to computer science
Научить эффективно и быстро решать задачи, используя полученные знания алгоритмов, структур данных и концепций абстракции и успешно управлять процессом разработки и презентации собственного проекта. Introduction to computer science.
Подробнее