Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 18.5 hours on-demand video
  • 1 article
  • 129 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development React

React JS. Практический Курс 2020 (вкл. Хуки, Классы, Redux)

Все, что нужно знать про React. Научись с нуля создавать крутые приложения на самой популярной Frontend технологии!
Rating: 4.6 out of 54.6 (1,373 ratings)
3,649 students
Created by Владилен Минин
Last updated 8/2020
Russian
30-Day Money-Back Guarantee

What you'll learn

  • Фундаментальная теория. Вы получите исчерпывающую теорию по React, к которой сможете возвращаться при необходимости. Здесь собрано все, что только может понабиться при разработке с React.
  • Море практики. В практической части показано создание с нуля полностью рабочего современного приложения, основанного на самых передовых технологиях. На основе этих составляющих можно создать приложение практически любого функционала
  • Актуальная технология. По итогам курса вы создадите Serverless Single Page Application на material design с Firebase – один из главных трендов.
  • Примеры из реальной жизни. Вы получаете ценный личный опыт с практическими примерами из реальной жизни высокооплачиваемого Frontend-разработчика.

Course content

17 sections • 143 lectures • 18h 21m total length

  • Preview05:39
  • Preview06:08
  • Preview15:44
  • Create React App
    08:26
  • Обзор приложения
    13:54

  • Preview10:13
  • Preview03:45
  • Inline-стили
    05:33
  • Создание простого компонента
    08:27
  • Вывод динамических данных
    04:53
  • Передача параметров
    05:24
  • Передача контента
    03:54

  • Создание State
    07:25
  • Добавление событий
    07:02
  • Изменение State
    06:07
  • Передача параметров в функцию
    09:50
  • Обработка Input
    04:05
  • Работа со списком
    08:52
  • Работа с условными операторами
    08:44
  • Динамические списки
    18:02

  • Inline-стили
    04:07
  • Подключение CSS
    03:15
  • Динамические классы
    07:01
  • Radium
    08:47
  • Препроцессоры (SASS/SCSS)
    02:57
  • CSS (SCSS) модули
    02:53

  • Передача параметров в компонент
    03:16
  • Инициализация State
    02:58
  • Базовый жизненный цикл
    05:50
  • Создание Stateful компонента
    04:21
  • Жизненный цикл изменения
    10:56
  • Жизненный цикл удаления
    01:53
  • Жизненные циклы React 16.3+
    06:15
  • ErrorBoundary
    08:15
  • Фрагменты. Часть 1
    09:04
  • Фрагменты. Часть 2
    04:59
  • Правильное изменение State
    02:28
  • Введение в компоненты высшего порядка
    11:18
  • Валидация параметров с PropTypes
    07:54
  • Референции
    09:04
  • Context API
    10:04

  • Создание проекта
    04:06
  • Создание Layout
    05:21
  • Обновление версии create-react-app
    00:08
  • Подключение CSS-модулей
    03:08
  • Создание главной страницы
    07:36
  • Компонент активного вопроса
    07:39
  • Список вопросов
    11:24
  • Обработка клика
    08:49
  • Изменение вопроса
    05:12
  • Отображение состояния ответа
    11:36
  • Проверка правильности
    02:18
  • Вывод результатов
    10:52
  • Вычисление результатов
    15:59
  • Компонент кнопки
    09:03
  • Кнопка переключения меню
    08:05
  • Реализация меню
    09:53
  • Компонент затемнения
    06:04

  • Установка и настройка
    04:25
  • Регистрация роута
    04:30
  • Роутинг и компоненты
    02:38
  • Навигация между страницами
    02:47
  • Параметры ссылки
    06:10
  • Программная навигация
    06:20
  • Роутинг и функциональные компоненты
    02:43
  • Динамические роуты
    04:52
  • Редирект и ошибка 404
    03:43
  • Защита роутов
    03:48

  • Настройка роутера
    02:00
  • Создание страниц
    06:18
  • Навигация
    05:32
  • Страница списка
    08:51
  • Ссылка через кастомный компонент
    02:11

  • Страница авторизации
    08:10
  • Компонент текстового поля
    13:46
  • Валидация. Часть 1
    12:12
  • Валидация. Часть 2
    14:10
  • Валидация формы
    03:35
  • Создание тестов
    08:07
  • Создание контролов
    17:14
  • Создание компонента Select
    09:55
  • Изменение контролов
    08:26
  • Добавление вопроса
    06:31

  • Настройка проекта
    08:26
  • Создание теста
    08:34
  • Загрузка списка тестов
    06:58
  • Компонент прогресса загрузки
    06:28
  • Загрузка теста
    08:04
  • Авторизация
    08:45

Requirements

  • Основы HTML и CSS
  • Базовый JavaScript + ES6

Description

Основная часть курса включает 108 уроков общей продолжительностью 16 часов.

И это без учета бонусов, в которых содержится ВСЯ необходимая теоретическая база для овладения React.js с полного нуля (включая основы JavaScript)!

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

Фундаментальная теория

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

Море практики

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

Актуальная технология

По итогам курса вы создадите Serverless Single Page Application на material design с Firebase – один из главных трендов.

Примеры из реальной жизни

Вы получаете ценный личный опыт с практическими примерами из реальной жизни высокооплачиваемого Frontend-разработчика.

После прохождения курса вы сможете:

  • Разрабатывать реальные приложения на стеке React

    В курсе шаг за шагом с полного нуля разрабатывается работающее SPA-приложение с сервером в виде Firebase. Компоненты и функционал приложения были выбраны таким образом, чтобы полностью покрыть разработку элементов любых сайтов и SPA под десктопы и мобильные девайсы.

  • Разрабатывать мобильные приложения

    В React за разработку мобильных приложений отвечает платформа React Native. Код, который написан для создания сайта, может быть снова использован для создания мобильного приложения, что значительно сократит время на разработку, если вам нужно и мобильное приложение, и сайт.

  • Участвовать в стартапах

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

  • Выполнять весь комплекс Frontend-разработки

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

Итоговый результат:

В качестве наглядного примера SPA-приложения мы выбрали приложение для создания и прохождения тестов. Именно оно и разрабатывается в курсе

Приложение состоит из двух частей: общей и администраторской.

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

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

Компоненты и функционал приложения были выбраны таким образом, чтобы полностью покрыть разработку элементов любых сайтов и SPA под десктопы и мобильные девайсы.

Результат является наглядным примером применения ВСЕХ актуальных технологий создания реактивных полностью адаптивных SPA и их взаимодействия. На основе этих составляющих можно создать приложение практически любого функционала.

Курс вам поможет, если вы:

  • Начинающий Frontend-разработчик

    Вы нуждаетесь в пошаговом фундаментальном обучении с полного нуля и поддержке опытного наставника. Хотите сразу изучить и начать использовать современные технологии.

  • Опытный Frontend-разработчик

    Для вас важно быть в тренде и пользоваться только актуальными и востребованными технологиями веб-разработки для достижения максимальных заработков.

  • Фрилансер-практик

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

  • Хотите устроиться в веб-студию

    Сейчас в сфере веб-разработки четко прослеживается тренд: все большую популярность набирают одностраничные приложения (англ. single page application, SPA). Причем этот тренд в ближайшие 3-5 лет будет только усиливаться. И если в вашем багаже знаний будет инструмент, с помощью которого такие приложения можно создавать, например, React, то вы будете выглядеть гораздо привлекательнее тех, кто владеет знаниями обычной верстки на HTML, CSS, JavaScript.

  • Боитесь быстрого устаревания знаний

    JavaScript становится лидирующим языком Frontend-разработки. Сегодня едва не каждый день появляются новые JS-библиотеки и фреймворки. И изучив подобную библиотеку или фреймворк сегодня, уже завтра можно обнаружить, что они уже не востребованы и никому не нужны. React применяется уже более 5 лет и является самой популярной JS-библиотекой с поддержкой Facebook. Все это дает уверенность в том, что React будет актуален еще многие годы.

  • Владеете другими JS-фреймворками

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

React — обязательный инструмент для современного разработчика.

React — это библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательского интерфейса. Она была создана компанией Facebook и представлена разработчикам в 2013 году.

Это инструмент, который идеально подходит для разработки масштабируемых веб-приложений.

Еще больше он подходит для создания SPA-приложений (single page application) — приложений, использующих один HTML-шаблон для всех страниц приложения.

Концепция React построена на разделении пользовательского интерфейса на отдельные самодостаточные части — компоненты, которые довольно просто поддерживать и расширять. Вы даже можете создать отдельные компоненты, а потом использовать их в различных проектах, легко перенося их из одного проекта в другой.

Еще одной особенностью является использование JSX. JSX представляет собой комбинацию кода JavaScript и XML, и простой, интуитивно понятный способ для определения кода визуального интерфейса. Конечно, при работе с React не обязательно использовать JSX. При разработке можно использовать обычный JavaScript, но: JSX проще в написании; легче читается и упрощает обслуживание; запускается быстрее, чем такой же код на JavaScript.

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

Библиотека не диктует требований к остальной части технологического стека, поэтому вы можете создавать новые функции в React без перезаписи существующего кода. React может также функционировать на сервере в виде NodeJS, а также создавать приложения для мобильных устройств с помощью React Native.

Who this course is for:

  • Начинающие Frontend-разработчики
  • Действующие Frontend-разработчики
  • Фрилансеры-практики

Instructor

Владилен Минин
Профессиональный Frontend разработчик и преподаватель
Владилен Минин
  • 4.7 Instructor Rating
  • 5,357 Reviews
  • 14,603 Students
  • 6 Courses

Разработчик

Меня зовут Владилен Минин. Я являюсь Senior Frontend разработчиком со стажем работы более 8 лет. За это время мне удалось поучавствовать во множестве международных проектов, куда входили такие страны, как: Ирландия, Англия, Голландия, США, Канада, Израиль и другие. В основном я занимаюсь разработкой сложных корпоративных модулей, для B2B систем, разрабатывая нестандартные элементы и приложения с высокой нагрузкой.

Преподаватель

Уже более 3х лет занимаюсь обучением людей с различным уровнем навыков: от полных новичков до профессионалов в своей области языку Javascript и все, что с ним связано.
За это время я обучал в оффлайн формате специалистов в большой корпорации и обучил более 100 студентов, которые успешно устроились на высокооплачиваемые позиции. Автор более 10 успешных онлайн курсов по теме Javascript. Веду свой youtube канал по веб разработке, ссылка в профиле



  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.