Онлайн-курс для школьников 6–11 классов

Основы
WEB-разработки

ФАКУЛЬТЕТ БАЗОВОГО ПРОГРАММИРОВАНИЯ
Во время обучения мы также затронем язык JavaScript
Web-разработка — это создание программ и сайтов, функционирующих в сети интернет. Все сайты, с которыми вы ежедневно имеете дело, созданы именно благодаря технологиям веб-программирования.
Что такое web-разработка?
В рамках курса школьники смогут не только изучить теги, писать страницы сайта, наполнять их информацией и медиа, но и попробовать себя в роли дизайнера, научиться искать ошибки других верстальщиков и дизайнеров, изучить правила создания макетов и создавать их. Также мы научимся создавать адаптивные сайты, изучим разные подходы в вёрстке, теги и свойства необходимые для формирования «живого», отзывчивого сайта с различными анимациями и трансформациями.
Что будет на курсе?
На бесплатном уроке ребёнок сможет на практике познакомиться с направлением и вы вместе решите, хотите ли заниматься!
— Для занятий предварительных знаний не требуется, на курсе начнём с основ
Программа курса
— Курс состоит из 128 ак. часов
— Занятия проходят 2 раза в неделю по 2 ак. часа
— Курс состоит из 128 ак. часов
— Занятия проходят 2 раза в неделю по 2 ак. часа
— Для занятий предварительных знаний не требуется, на курсе начнём с основ
Web-разработка Start:
1 Введение

— Знакомство, что такое сайты. Знакомимся с html, тегами верхнего уровня, простыми тегами (p, img, h1-h6)

— Семантические теги (header, footer, main, ul ol li strong em i b)

— Знакомимся с CSS + цветовые схемы, color, background color, font

vs code + emmet аббревиатуры

— Селекторы класса и идентификатора, название классов, шрифты

2 Блоки и интерактивные элементы

— Блоки + отступы поля границы

— Фон + хаки с маржинами

— Позиционирование и z-index

— Интерактивные элементы (встраивание видео, аудио, игры, айфрейм)

— Флексы

— Гриды

— Урок-практика по пройденному, собственный небольшой проект

3 Основы дизайна

— UX+UI

— Основы создания пользовательского интерфейса + практическая работа (исправляем плохой сайт)

— Знакомство с Figma

— Плагины в Figma, шаблоны, иконки.

— Урок-практика в Figma, собираем небольшую основу (для того чтобы потом создать свой полноценный проект)

4 Анализ поисковых запросов

— Wordpress

— Локальный сервер и знакомство с PHP

— Углубление в PHP

— Wordpress

— GitHub

— Создание собственного проекта (в Figma и вёрстка сайта)

5 Адаптивность и стилизация

— Урок повторение, верстаем мини-проект

— Адаптивная и отзывчивая вёрстка

— Мобильная вёрстка и бургер меню

— Практический урок в Figma по созданию макетов под разные платформы

— Cтилизация блоков

6 Анимация и трансформация

— Псевдоклассы и псевдоэлементы

— Трансформации

— Анимации

— Практический урок по псевдоклассам, псевдоэлементам, трансформациям и анимация

— Делаем карусель как в нетфликсе, только при помощи HTML+CSS

7 Практика: горизонтально выпадающее меню таблицы HTML + CSS

— Градиенты

— Создание цветового фона фильтры, смешивания)

— Рамки: полупрозрачные рамки, несколько рамок, внутреннее скругление.

— Градиентные рамки в CSS

— Фигуры

— CSS Sass

— CSS Sass + bootstrap

— Bootstrap

— Создание Landing Page

8 Подготовка к вёрстке проекта и JavaScript

— Вспоминаем UX-UI правила, описываем идею, обдумываем дополнительные страницы, готовим материал

— Accessibility UI

— Делаем макет под ПК, планшет, мобильное устройство

— Доработка макета + начинаем верстать (HTML)

— Верстаем по макету

— Основы JavaScript (что такое JS; где и как взаимодействует с HTML и CSS; типы данных; переменные; преобразование типов)

— Простейшая карусель на JavaScript + добавляем к своему проекту

— Завершение работы над проектом, публикация проекта на бесплатном хостинге

Результаты курса
По итогу курса у школьников будет собран ряд работ для портфолио из общих учебных сайтов и макетов, а также нескольких собственных проектов, которые участники будут разрабатывать от идеи и до практической реализации.
Проект в портфолио
Во время курса участники также познакомятся с основами дизайна интерфейсов, узнают принципы применения UX- и UI-дизайна для создания удобных и уникальных сайтов. А также школьники научатся работать в дизайн-программе Figma.
UX- и UI-дизайн, Figma
Изучим и систематизируем базу языка программирования JavaScript, который широко используется в веб-разработке. А также научимся использовать CSS и HTML для создания собственных сайтов полного цикла с нуля.
Основы JavaScript, CSS, HTML
Методист курса
Методист курсов ИТ-школы «‎Прогматика» по основам web-разработки и web-разработке с углублённым JavaScript, выпускница АГУ, преподаватель онлайн-занятий для детей по направлениям: python, scratch, web-разработка, frontend developer
Елена Аверинская
Хотите задать вопрос по курсу?
Оставьте контакт и наш менеджер свяжется с вами!
Плюсы обучения в Прогматике!
В процессе обучения вы получите
После обучения вы получите
Сертификат об успешном освоении программы
Интерактивные онлайн-занятия с преподавателем
Удобный формат: индивидуальные или груповые занятия
Телеграм-чат с педагогом и куратором
Помощь с домашними заданиями и их разбор
Сообщество единомышленников
Поддержка на протяжении всего обучения
Вечный доступ к видеозаписям занятий и учебным материалам
Проекты в портфолио
Часто задаваемые вопросы
Какое расписание и когда старт курса?
Старт групповых занятий запланирован на сентябрь 2022. По мере формирования групп вы сможете обсудить с менеджером школы свои пожелания по расписанию и мы постараемся сформировать график занятий оптимальным для каждого :)
Технические требования для занятий
— ПК с доступом к интернету, веб-камера и микрофон.
— Интернет-соединение минимум от 25 Мбит/с (рекомендуем от 50 Мбит/с), проверить можно здесь: speedtest.net
— Процессор: минимум 4 ядра от 1.8 ГГц
— Оперативная память: от 4 ГБ для начала, рекомендуется 16 ГБ
— Место на жёстком диске: 5 ГБ
— Обязательно наличие гугл-аккаунта, для быстрой регистрации на сайтах
Что если мы пропустили один день обучения?
Все занятия записываются и все участники получают вечный доступ к записям, так что вы всегда можете посмотреть пропущенные занятия в записи или повторить материал!
Возможен ли переход из группы в группу?
Да, возможен. По согласованию с преподавателем и куратором.
Можно ли оформить налоговый вычет?
Да, с сентября вы можете оформить на все курсы ИТ-школы налоговый вычет в размере 13%, за подробностями обратитесь к куратору обучения.
Можно ли заниматься чаще/реже, чем 2 раза в неделю?
Да, на индивидуальных занятиях мы можем организовать расписание по вашему индивидуальному запросу в зависимости от желаемого темпа и регулярности занятий. Регулярность и продолжительность занятий в индивидуальном обучении зависят от ваших пожеланий и целей.
  • знакомство с преподавателем и форматом ИТ-школы
  • возможность задать вопросы о курсе и обучении
  • интерактивное занятие
  • вводная информация о курсе
нажимая на кнопку «Записаться» вы даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности
Первый шаг — пробный урок