Уроки React JS

Курс по React JS / Урок #1 - Введение в ReactJS

Курс по React JS / Урок #1 - Введение в ReactJS

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

Видеоурок

Полезные ссылки:


Информация про React JS

React JS не работает с функциональной частью сайта, но отлично справляется со своей основной работой – созданием пользовательского интерфейса. React создается и поддерживается компанией FaceBook, которая использовала данную библиотеку в инстаграмме и в самом FaceBook.


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


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


Кроме того, многие современные компании обязательно требуют от новичков знаний React JS, поэтому овладев этой библиотекой вам будет гораздо проще найти работу.


План курса

За курс вами будет изучена библиотека React JS, начиная от её установки и заканчивая реализацией небольшого веб проекта. 


Прежде чем приступать к видео курсу вам стоит ознакомиться с языком JavaScript и Node JS, так как именно они являются основными платформами на которых построена библиотека React.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Скачанный html файл
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello World</title>
    <script src="https://unpkg.com/react@latest/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
      ReactDOM.render(
        <h1>Hi, world!</h1>,
        document.getElementById('root')
      );
    </script>
  </body>
</html>

Онлайн редактор кода

Загрузка...

Задание к уроку

Устанока React

Скайте и установите React JS для дальнейшей работы с ним.

Посмотреть ответ

Вам необходимо скачать React с официального сайта, что доступен по этой ссылке.

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Создание динамического веб сайта
22 урока
Уроки Angular для начинающих
7 уроков
Изучение JavaScript от нуля до гуру
21 урок
Создание приложения на React JS / Использование API
7 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Комментарии для сайта Cackle