Создание сайтов 12-16 лет

Курс по созданию сайтов (HTML, CSS, JavaScript)

Курс - 36 занятий
3 модуля по 12 занятий
Создание сайтов (HTML и CSS) - модуль 1

Данный курс будет полезен тем, кто хочет изучить основы веб разработки. Вы освоите основные понятия и получите представление о том, как устроены сайты и как они разрабатываются.

На занятиях мы познакомимся с языком гипертекстовой разметки HTML как с основой любого сайта и добавим веб-страницам индивидуальности с таблицами стилей CSS.

Результат занятий:

Пример занятия:

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

 

Создание сайтов (JavaScript) - модуль 2

Вы освоите основные понятия и типы данных, и научитесь писать алгоритмы для решения поставленных задач и реализовывать их на языке программирования JavaScript.

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

На занятиях мы познакомимся со всеми основными конструкциями языка JavaScript и разберем практические задачи, которые решаются с их помощью.

Результат занятий:

Пример занятия:

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

Создание сайтов (React — JavaScript) - модуль 3

Модуль “Веб Программирование 3 - ReactJS” познакомит учеников с одной из самых популярных JavaScript-библиотек, разработчиками которой является компания Facebook. Данная библиотека используется для упрощенной разработки высокоскоростных одностраничных сайтов, целью которой является создание как небольших веб-приложений, так и больших проектов со сложной структурой.

На занятиях ребята приобретут навыки:

По завершению модуля ученики будут знать, как с помощью ReactJS динамически изменять страницу, используя в одном файле одновременно HTML и JavaScript, методы жизненного цикла, позволяющие разработчику в нужный момент запускать на сайте разные процессы, включая анимацию, переходы, всплывающие окна и другие особенности данной библиотеки.

Пример занятия:

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

ПО и Оборудование:

Обучение будет проходить в текстовом редакторе Brackets. Для установки ReactJS потребуется программная платформа Node.js.