React уроки - курс обучения React JS для начинающих c нуля на itProger

itProger Видеокурсы Курс по React JS для начинающих

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

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

Видеоурок

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

Официальный сайт React;

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

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

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

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

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

План курса

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

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

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

react_start.zip

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

Исходный код

Скачанный 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 для дальнейшей работы с ним.

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

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

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

JavaScript

React JS

Node JS

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