Запишитесь на пробное занятие бесплатно
Мы пришлем вам всю необходимую информацию о занятиях и позвоним, чтобы обсудить удобные время и место проведения занятия
Подарочный сертификат
Записаться в городской лагерь Кодабра
.


Записаться
Заполнить заново


Записаться
Заполнить заново


Записаться
Заполнить заново

Персональные данные обрабатываются в соответствии с требованиями
Федерального закона от 27.07.2006 №152-ФЗ «О персональных данных»

14-17 ЛЕТ

Разработка и дизайн сайтов. Основы HTML, CSS и JavaScript

УРОВЕНЬ 1

Разработка и дизайн сайтов. Основы HTML, CSS и JavaScript

Курс для всех, кто хочет научиться создавать свои сайты с нуля.

Курс будет интересен всем, кто хочет научиться создавать свои сайты с нуля. Ребята будут писать код в профессиональной среде разработки, поймут, как устроены сайты, получат необходимые навыки для самостоятельной работы. Дети будут изучать язык гипертекстовой разметки (HTML), каскадные таблицы стилей (CSS) и самый востребованный язык программирования JavaScript в связке с фреймворком jQuery.

Курс рассчитан на детей 14-17 лет, которые интересуются созданием сайтов, программированием и веб-технологиями.

Развиваем навыки

Верстка веб-страниц
Навыки работы в профессиональной среде разработки
Понимание принципов покадровой анимации и реализация ее в программе Scratch
Программирование на языке JavaScript
Навыки работы с фреймворком jQuery
Базовые знания веб-дизайна
Умение работать с файловой системой ПК
Планирование проекта
Постановка и решение задач
Презентация готовой работы

Задачи курса:

- Познакомить с HTML, CSS и JavaScript

- Дать базовые навыки разработки сайтов

- Обучить основам веб-дизайна

- Научить применять фреймворки при разработке

План курса «Компьютерная грамотность»

.1
Создание своего первого сайта
Знакомимся с понятиями «сайт», «страница», «домен», «хостинг».
Разбираем структуру сайта и HTML-файла.
Изучаем основные теги: html, div, body, head, header, footer.
Создаем свою структуру HTML-файла, наполняем страницы контентом.
Знакомимся с CSS, изучаем селекторы, классы, основные CSS-свойства.
Практический результат
Свой первый сайт, общее понимание того, как устроены веб-страницы.
.2
Изучение позиционирования элементов
Знакомимся с относительным и абсолютным позиционированием.
Настраиваем сетку сайта.
Изучаем технологию Flexbox.
Верстаем главную страницу сайта.
Практический результат
Главная страница сайта с использованием CSS и Flexbox
.3
Знакомство с JavaScript
Применяем внутренние и внешние ссылки.
Изучаем позиционирование элементов.
Знакомимся с JavaScript.
Создаем внутренние страницы сайта и меню навигации.
Практический результат
Внутренние страницы сайта и меню навигации.
.4
Создание слайдера
Знакомимся с атрибутами тегов.
Изучаем radio-кнопки, метки label, выпадающие списки.
Создаем слайдер на CSS.
Практический результат
Динамическая галерея
.5
Знакомство с jQuery
Изучаем продвинутые теги: aside, title, meta.
Встраиваем внешние стили.
Знакомимся с тегом iframe, встраиваем видео и карты, другие внешние элементы.
Начинаем работу с JS-фреймворком jQuery.
Практический результат
Интерактивная страница с эффектами, выполненными на CSS и JavaScript
.6
Создание веб-приложения
Создаем шапку сайта, прописываем все meta-теги, делаем меню.
Разрабатываем тело сайта, наполняем изображениями, видео, фреймами.
Изучаем кнопки, псевдоклассы, изменяем CSS-свойства при событиях.
Создаем подвал сайта.
Изучаем продвинутые функции jQuery.
Разрабатываем веб-приложение.
Практический результат
Готовое веб-приложение, работающее с помощью JavaScript & jQuery
.7
Изучение веб-дизайна
Добавляем тег href в режиме якоря.
Изучаем правила хорошего тона при верстке.
Знакомимся с базовыми знаниями веб-дизайна.
Изучаем подключение внешних скриптов, обрабатываем события и меняем CSS с помощью JavaScript.
Работаем с графическим редактором для нарезки шаблонов.
Практический результат
Нарезанный макет, созданный с помощью графического редактора
.8
Front-end разработка
Создаем свое индивидуальное веб-приложение.
Загружаем приложение на хостинг.
Практический результат
Готовое веб-приложение на свободную тему, загруженное на хостинг. Например, генератор паролей для социальных сетей или приложение для учета расходов, которое поможет контролировать свои траты. Wagtail - Sign in

Результат обучения на курсе:

Готовое веб-приложение, созданное в соответствии с современными требованиями HTML5, CSS3, веб-дизайна и Code Style. Приложение загружено на хостинг и доступно всем пользователям интернета.

Дети рассказывают о своих проектах

Наши преподаватели

Все ребята имеют профильное образование, опыт работы в IT и регулярно проходят аттестацию

Как проходит обучение в Кодабре?

Офлайн-курсы
Дизайн и анимация в играх 
6-9 лет
УРОВЕНЬ 1
Основы
Подробнее о курсе
Офлайн-курсы
Программирование в Minecraft 
10-13 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
JavaScript
Подробнее о курсе
Офлайн-курсы
Разработка и дизайн сайтов 
10-14 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
Профи
Подробнее о курсе
Офлайн-курсы
Создание игр: математика и логика 
6-9 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
Алгоритмы и игровая логика.
Подробнее о курсе
Офлайн-курсы
Творчество в Minecraft. 
6-9 лет
УРОВЕНЬ 1
Компьютерная грамотность
УРОВЕНЬ 2
Квест
Подробнее о курсе
Офлайн-курсы
Создание игр на Unity 
10-14 лет
УРОВЕНЬ 1
Основы
УРОВЕНЬ 2
Приложение для телефона
Подробнее о курсе
Офлайн-курсы
Разработка игр на Python 
10-14 лет
УРОВЕНЬ 1
Разработка игр на Python
Подробнее о курсе
Офлайн-курсы
Разработка и дизайн сайтов. Основы HTML, CSS и JavaScript 
14-17 лет
УРОВЕНЬ 1
Разработка и дизайн сайтов. Основы HTML, CSS и JavaScript
Подробнее о курсе
Офлайн-курсы
Разработка нейронной сети на Python 
14-17 лет
УРОВЕНЬ 1
Основы машинного обучения
Подробнее о курсе
Офлайн-курсы
Монтаж своего видеоролика для YouTube 
10-14 лет
УРОВЕНЬ 1
Монтаж своего видеоролика для YouTube
Подробнее о курсе