Появился вопрос?
TelegramWhatsAppPhone

Библиотека React — JavaScript

Создание веб-сайтов. Модуль 3

Третий модуль курса по веб-разработке позволит детям изучить возможности библиотеки ReactJS и научиться сочетать в одном коде HTML и JavaScript.

Формат

Онлайн или очное занятие в группе или индивидуально

Структура

Модуль состоит из 12 занятий по 90 минут

Длительность

3 месяца

Количество детей

От 1 до 8

Возраст

От 12 лет

Уровень

Для начинающих

Расписание

Место

Стоимость

От 3800 руб. абонемент на 4 занятия

Программа курса
Образовательная лицензия №77635
3 модуль | Библиотека React — JavaScript




К началу третьего модуля курса «Создание сайтов на языках HTML, CSS, JavaScript для детей» юные программисты уже изучат основы программирования на HTML и JavaScript и смогут создавать собственные веб-страницы. Теперь же им предстоит научиться динамически изменять сайты через командную строку, используя сразу оба языка, и писать веб-приложения.

Почему детям стоит изучать создание сайтов на языках HTML и CSS?

JavaScript появился в 1995 году. Перед его автором Бренданом Эйхом поставили задачу создать язык программирования, который мог бы встраиваться в HTML-код страницы и работать с популярным тогда браузером Netscape.

Новинка оказалась настолько удобной, что быстро набрала популярность и сейчас адаптирована практически под все браузеры. JS используется для создания различных интерактивных элементов, от всплывающих окон до веб-приложений, на множестве сайтов. И представить веб-разработку без использования этого языка программирования в наше время практически невозможно.

Поэтому, если ребенку интересно создавать веб-страницы, изучение HTML и CSS как основы любого сайта и JavaScript как инструмента, способного его "оживить", — именно то, что нужно.
Кому подойдет курс веб-разработки для детей?
Подросткам старше 12 лет, которые:
Мечтают в будущем заниматься программированием
Много времени проводят за компьютером и хотят делать это с пользой
Желают сделать собственный сайт, но пока не знают как

Чему дети научатся на третьем модуле курса HTML, CSS и JavaScript?

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

Детям предстоит изучить:

  • Структуру и возможности библиотеки ReactJS;
  • Как работать с веб-страницей с использованием командной строки;
  • Как динамически изменять сайт, сочетая в коде одновременно HTML и JavaScript;
  • Методы создания интерактивных интерфейсов для пользователей сайта;
  • Что такое гибкие веб-страницы и как их разрабатывать;
  • Методы жизненного цикла и чем они могут помочь разработчику;
  • Способы удобного деления элементов сайта на логические части.

Содержание курса

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

Обучение начнется с основ. Дети узнают, как создать "скелет" веб-страницы, используя метод графической HTML-разметки, и научатся изменять элементы сайта при помощи CSS. Также детям предстоит познакомиться с возможностями библиотеки Bootstrap.

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

Изучение библиотеки ReactJS существенно расширит возможности юных разработчиков, даст им возможность работать с командной строкой и использовать в коде сайта JavaScript и HTML одновременно.
Как проходит занятие в школе программирования для детей "Пиксель" (пример):
Обучение может проходить онлайн в ZOOM или офлайн в специально оборудованном кабинете в одном из филиалов школы. Для проведения уроков потребуется установить специальное ПО: текстовый редактор Brackets и программную платформу Node.js.

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

Методический план модуля:

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

  • Знакомство с возможностями библиотеки ReactJS. Создание веб-приложения;
  • Что такое компоненты ReactJS и для чего они нужны;
  • Компоненты-функции и объект props;
  • Пользовательские компоненты на основе классов. State;
  • CSS-модули, их импорт в ReactJS и примеры использования;
  • Создание двухмерной сетки с использованием инструмента CSS Grid;
  • Маршрутизация в приложениях React;
  • Создание и кастомизация компонента NavLink;
  • Данные в ReactJS и работа с ними;
  • Написание собственного проекта на ReactJS;
  • Правки в проект. Его защита и получение диплома.

Обучение HTML, CSS и JavaScript для детей

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

Уроки по видео. Бесплатные занятия по HTML с педагогами школы можно найти на нашем YouTube-канале. Они помогут детям повторить пройденное или начать заниматься самостоятельно.

Полезный блог. Советы, лайфхаки и видео по программированию HTML для детей можно найти и в нашем блоге на Дзене.

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

Модуль 1. "Создание веб-сайтов. Программирование HTML и CSS";
Модуль 2. "Создание веб-сайтов. Программирование JavaScript".

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

Полезные материалы по HTML и CSS для детей

Видеоуроки "HTML и CSS для детей"

Наша команда

Другие курсы школы

Курсы программирования для детей, школьников и подростков онлайн
Нажимая кнопку оплаты, вы соглашаетесь с политикой конфиденциальности
Скидка 10% при записи в день обращения*
Сэкономьте 13%
Вы можете вернуть 13% денег через налоговый вычет.
* Скидка действует по промокоду на покупку первого абонемента от 12 занятий и более, оплатите курс в день обращения и получите скидку.
Запишитесь на курс, и мы свяжемся с вами для проведения консультации

Остались вопросы?