Гайд: Курсы программирования в Skysmart Pro

Гайд: курсы программирования в Skysmart Pro

Explore

💼 2/2. IT-профессии для продвинутых

Профессия Web-разработчик

Профессиональный уровень, 12+ лет. Учимся создавать красивые и удобные сайты, используя HTML, CSS и JavaScript

На курсе ребёнок изучит основы профессии WEB-разработчика, научится писать код на языках HTML, CSS и JavaScript и создаст два полноценных веб-сайта: веб-калькулятор и сайт-портфолио.

Работы учеников

⁠

Света, 14 лет — проект, агрегирующий новости из мира IT с ресурса HackerNews. Используется HTML + CSS + JavaScript + HackerNews API

⁠

Дима, 16 лет — альтернативный вариант всем известного AI-бота с собственным видением интерфейса. HTML + CSS + JavaScript + OpenAI API.

⁠

Егор, 15 лет — классическая версия пинг-понга, рассчитанная на двоих игроков. Написана на HTML + CSS + JavaScript.

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

Модуль 1: Основы HTML и CSS

Структура документа, установка notepad. Значение заполнение head , тэги

Тэги для редактирования текста , создание списков, атрибуты , параграфы

Фото, видео и контейнеры

Блочные теги, строчные теги их отличие

Создание странички про Minecraft

Создание таблиц в HTML, комментарии, разбиение изображений по папкам

Кнопки, поля для ввода, простейшие формы

Модуль 2. Основы CSS

Контейнеры, именование классов , секции, синтаксис CSS

Позиционирование контейнеров: display, justify-content.

Изучение position {секция с фото и кнопкой}

Отступы в CSS: margin, padding

Почему составить резюме онлайн эффективнее чем в Word?

Фиксированное позиционирование: width, max-witdh, position: fixed, z-index, top, left, right

Форма обратной связи: border, border-radius, box-shadow, font-size

Синтаксис css, псевдо элементы, цепочка css названий

Самостоятельное заполнение секций

По итогу модуля ребёнок научится создавать веб-страницы, добавлять на них текст, изображения, ссылки, и формы, а также понимать основы HTML и CSS, что поможет ему в конце модуля создать свою собственную красивую и функциональную веб-страницу.

Модуль 3: Разработка интернет-магазина

Заполнение Header

Создание блока футболок сверху

Создание секции футболок + события на кнопки

Создание блока для розыгрыша

Создание блока “ваш заказ” и формы захвата

Создание модального окна + виджет тех. поддержки

По итогу модуля ребенок научится создавать блоки интернет-магазинов, виджеты технической поддержки.

Модуль 4: JavaScript

Подключение JavaScript-файла с анимации

Самостоятельное написание JavaScript

Смена атрибутов объектов, стилей условия if

Циклы, массивы.

Модальное окно и его заполнение

Плагин LightZoom, iframe

По итогу модуля ребенок познакомится с основами JavaScript, изучит циклы, условия, массивы, сможет создать модальное окно.

Модуль 5: Доработка и публикация сайта

Входные параметры функции и их оптимизация

Плавное появление объектов / модальных окон / и их сокрытие

Скрипты с модальным окном, формой и подарком на первый шаблон

Считывание текста с полей для ввода, хостинг и домен. Публикация сайта в интернете

По итогу модуля ребенок сможет оптимизировать написанные функции, научиться обрабатывать ввод в input, а также создаст сайт фотогалереи и разместит его в интернете.

Итоговым результатом курса станет проект: сайт фотогалереи.

← Навигация →

⁠

Профессия Game Developer Профессиональный уровень, 12+ лет. Программа подготовки включает в себя 4 курса:⁠

⁠

Профессия Python- разработчик Профессиональный уровень, 12+ лет. Программа подготовки включает в себя 4 курса:⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.