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

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

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

Поэтому, если ребенку интересно создавать веб-страницы, изучение HTML и CSS как основы любого сайта и JavaScript как инструмента, способного его "оживить", — именно то, что нужно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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