Делаем добро вместе Детальнее

Курс по 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 / Использование API
7 уроков
Уроки Node JS и Express для начинающих
17 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Уроки Vue.js для начинающих
10 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Уроки Angular для начинающих
7 уроков
Комментарии для сайта Cackle