Главная страницаКатегория react.jsРазработка одностраничных приложений

Разработка одностраничных приложений

Developing Single Page Applications

udemy

★3.7 (всего оценок - 4)

Загрузить

Продолжительность

19 ч 27 мин

Категория

React.js

Количество уроков

232 Видео

Дата добавления

30 окт. 2019 г., 22:21

Язык

Английский

Дата выхода

29 окт. 2019 г., 22:17

React.js выбирают многие веб-разработчики, и до сих пор существует огромный спрос на разработчиков React. Кроме того, Ruby on Rails в настоящее время является зрелой средой веб-разработки, которую по-прежнему предпочитают стартапы. С Rails 6 очень легко разрабатывать интерфейсные приложения на JavaScript. Объединение этих двух технологий дает разработчикам мощные инструменты для разработки полнофункциональных веб-приложений.

Я Эммануэль Асанте, независимый разработчик и создатель комплексных курсов по тестированию Rails с использованием Rails, RSpec и Capybara, и этот курс ничем не отличается.

Этот курс покажет вам, шаг за шагом, как брать статические html-страницы и превращать их в динамическое приложение, используя потрясающую среду Ruby on Rail 6. Вы узнаете, как создать полнофункциональное приложение с аутентификацией и авторизацией и развернуть его в Heroku.

Внедрив приложение Rails, мы переключаемся и постепенно узнаем, как превратить приложение Rails в одностраничное приложение с помощью React.js. Эта вторая часть даст вам потрясающий опыт работы с великолепной библиотекой React. К тому времени, как вы закончите курс, вы превратитесь из абсолютного новичка в профессионала. Вы узнаете, как создавать компоненты, управлять состоянием, использовать расширенные функции response-router-dom для переключения представлений. Аутентификация и авторизация будут покрыты. Кроме того, вы узнаете и используете hooks React и продвинутые концепции, такие как компоненты высшего порядка, для упрощения нашего кода.

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

К тому времени, когда вы закончите курс, вы станете профессионалом Rails и React. Гарантировано! Пойдемте со мной в это удивительное путешествие, и вы будете рады, что сделали это.

Посмотреть больше

Урок 1.00:01:51
Demonstration of The Application To Be Built
Урок 2.00:02:15
Installing of Ruby Version Manager
Урок 3.00:01:13
Installing Ruby
Урок 4.00:02:42
Creating a Gemset
Урок 5.00:02:17
Installing Node.js and Yarn
Урок 6.00:02:24
Installing Ruby on Rails 6
Урок 7.00:03:56
Creating Rails 6.0 Project
Урок 8.00:02:19
Copying Static Files To Public Folder
Урок 9.00:04:23
Rails Application Structure
Урок 10.00:02:39
Rails Model-View-Controller Pattern
Урок 11.00:02:04
The Rails Views Folder Structure
Урок 12.00:01:24
Introduction to Rails Routing
Урок 13.00:03:11
Rails Action Controller
Урок 14.00:02:17
Moving the Body of Index File to the Layout File
Урок 15.00:06:53
Creating Products Controller
Урок 16.00:02:21
Rails View Rendering
Урок 17.00:05:36
Installing Bootstrap 4
Урок 18.00:03:32
Introduction to Embedded Ruby (ERB)
Урок 19.00:03:10
Creating and Using Rails View Partials
Урок 20.00:01:50
Creating the Footer Partial
Урок 21.00:01:38
Moving the Rest of Layout File Content Into Index View Template
Урок 22.00:03:36
Factoring Out Product Data Into A Variable
Урок 23.00:01:42
Replacing Hardcoded Data With Variables In Product View Template
Урок 24.00:00:43
Fixing Product Definition Error
Урок 25.00:02:55
Eliminating Code Duplication Using Loops
Урок 26.00:02:41
Passing Variables To Partials
Урок 27.00:04:01
Simplifying View Templates By Using Action View Helper Methods
Урок 28.00:04:38
Replacing Anchor Tags With Link_to Method Challenge
Урок 29.00:02:53
Moving Data From The View To The Controller
Урок 30.00:03:47
Creating The Product Model
Урок 31.00:04:50
ActiveRecord Migration
Урок 32.00:04:23
Preparing To Populate The Database Tables With Data
Урок 33.00:04:19
Seeding Database Tables With Data
Урок 34.00:03:05
Creating Products Controller's Show Action
Урок 35.00:01:55
Replacing Product Show Data In View Template
Урок 36.00:04:45
Adding Product Show Route
Урок 37.00:05:43
Passing Product ID From The View To The Controller
Урок 38.00:01:46
Creating The Routes For Listing Products
Урок 39.00:05:07
Creating New Product Route
Урок 40.00:08:06
Using Form Helper Methods To Create The New Product Form
Урок 41.00:09:35
Saving New Product Form Data
Урок 42.00:05:59
Editing A Product
Урок 43.00:03:36
Factoring Out Product Form As A Partial
Урок 44.00:03:03
Posting The Edited Product Data To The Controller
Урок 45.00:05:06
Deleting A Product
Урок 46.00:02:32
Creating Filters In Controllers
Урок 47.00:03:28
Handling ActiveRecord RecordNotFound Errors
Урок 48.00:04:19
Adding ActiveRecord Validations
Урок 49.00:03:23
Testing The Validation On The Rails Console
Урок 50.00:02:39
Using Conditionals In Controllers To Determine The Course Of Action To Take
Урок 51.00:05:40
Adding Flash Messages
Урок 52.00:01:56
Using Flash.now Upon Failure To Save
Урок 53.00:01:49
Replacing The Current Routes With Resourceful Routing
Урок 54.00:02:22
Introduction To User Model
Урок 55.00:03:52
Creating The User Model
Урок 56.00:01:15
Adding The Bcrypt Gem
Урок 57.00:02:40
Validating The User Model
Урок 58.00:09:49
Introducing Regular Expression (REGEX)
Урок 59.00:04:35
Writing Email REGEX
Урок 60.00:03:18
Downcasing Email Addresses Automatically
Урок 61.00:05:14
Verifying Downcasing Email Address And Its Uniqueness
Урок 62.00:07:01
Creating The User Controller
Урок 63.00:04:02
Creating The New User Form
Урок 64.00:05:33
Signing A User Up
Урок 65.00:07:28
Creating The Sign In Form
Урок 66.00:06:09
Signing Users In
Урок 67.00:08:13
Prevent Multiple Signin
Урок 68.00:04:39
Implementing Signing Users Out
Урок 69.00:04:33
Preventing Signup If Signed In
Урок 70.00:01:54
Implementing Automatic Sign In Upon Sign up
Урок 71.00:02:19
Displaying User Email Address Upon Signin
Урок 72.00:07:20
Outputting User Model Validation Error Messages
Урок 73.00:02:23
Outputting Product Model Validation Error Messages
Урок 74.00:04:05
Factoring Out Validation Errors Code Into A Partial
Урок 75.00:00:49
Section Introduction
Урок 76.00:05:41
Adding User Id and Quantity To Product Model
Урок 77.00:02:20
Verifying That Product Records Without User Id Are Invalid
Урок 78.00:07:48
Adding User Id To Products In The Seed File And Re-seed Database
Урок 79.00:03:41
Whitelisting The Quantity Field
Урок 80.00:00:47
Section Introduction
Урок 81.00:01:46
Conditional Rendering Of New Product List
Урок 82.00:03:24
Protecting The New Product Link Using A Filter
Урок 83.00:02:44
Conditional Rendering Edit Product And Delete Product Buttons
Урок 84.00:02:52
Associating Products With Owners In Controller
Урок 85.00:06:40
Preventing Non-Owners From Editing or Deleting Other Users' Products
Урок 86.00:00:33
Introducing Adding Comments
Урок 87.00:02:49
Creating Comment Model
Урок 88.00:04:44
Creating Comments Controller Without The Use Of A Generator
Урок 89.00:09:32
Creating Comment Form Partial
Урок 90.00:03:00
Passing Product and Comment Objects To The Comment Partial
Урок 91.00:08:27
Implementing CommentsController's Create Action
Урок 92.00:07:22
Creating Comment Partial
Урок 93.00:09:13
Rendering Comments
Урок 94.00:03:26
Moving The Logic For Rejecting New Comments To A Helper Method
Урок 95.00:02:08
Sorting Comments In Descending Order
Урок 96.00:10:59
Deploying To Heroku
Урок 97.00:02:49
What is React.js?
Урок 98.00:02:34
Installing React
Урок 99.00:02:52
Integrating Hello React Into Rails
Урок 100.00:07:09
Explaining Hello React
Урок 101.00:04:44
Transpiling JSX To JavaScript
Урок 102.00:02:36
Breaking Up The View Into Components
Урок 103.00:01:51
Creating The Component Folder Structure
Урок 104.00:03:03
Creating The Wrapper Component
Урок 105.00:03:25
Rendering The Wrapper Component
Урок 106.00:03:22
Creating The Header Component
Урок 107.00:04:44
Creating The Remaining Components
Урок 108.00:02:57
Fleshing Out The Header Component
Урок 109.00:04:49
Fleshing Out The Jumbotron And ProductList Components
Урок 110.00:01:14
Fleshing Out The Footer Component
Урок 111.00:05:37
Creating The Product Component
Урок 112.00:05:36
Using The Map Function To Map Over Product List
Урок 113.00:05:55
Looping Through List of Products
Урок 114.00:01:18
Passing Key Prop To List
Урок 115.00:01:56
Introducing Data Retrieval in React
Урок 116.00:06:19
Creating Namespaces
Урок 117.00:05:14
Setting Up Hot Module Reloading (HMR)
Урок 118.00:05:15
Responding To Requests With JSON Data Using JBuilder Gem
Урок 119.00:01:46
Introducing React State and Props
Урок 120.00:01:34
Introducing React Lifecycle Methods
Урок 121.00:08:56
Discussing The React Lifecycle Methods
Урок 122.00:13:16
Introducing Class-Based Components
Урок 123.00:05:17
Using State Values In Components
Урок 124.00:03:10
Passing Product Prop To Product Component
Урок 125.00:05:49
Receiving Product Props In the Product Component
Урок 126.00:02:34
Adding PropTypes To Product Component
Урок 127.00:00:50
Introducing Client-Side Routing
Урок 128.00:05:08
Setting Up Client-Side Routing
Урок 129.00:08:58
Using The Route Component
Урок 130.00:07:32
Using The Switch Component
Урок 131.00:05:13
Adding 404-Not Found Component
Урок 132.00:06:53
Creating The ProductDetail Component
Урок 133.00:06:15
Using Link Component
Урок 134.00:02:44
Passing URL Parameters
Урок 135.00:05:06
Receiving URL Parameters
Урок 136.00:08:50
Responding To Show Request With JSON
Урок 137.00:03:08
Using Link Components In Header Component
Урок 138.00:00:32
Introducing React Forms
Урок 139.00:07:28
Creating A New Product Form
Урок 140.00:01:46
Adding Initial State To Form Component
Урок 141.00:05:58
Handling The OnSubmit Event
Урок 142.00:09:44
Handling Form Input Data
Урок 143.00:01:14
Handling Form Input Data For Rest Of The Fields Challenge
Урок 144.00:05:31
Using Alternative Methods of Binding
Урок 145.00:06:41
Submitting Form Input Data
Урок 146.00:03:58
Implementing Product Form Submission
Урок 147.00:02:00
Handling Form Data Submission In Parent Component
Урок 148.00:02:00
Graphical Representation of Component Hierarchy
Урок 149.00:09:20
Adding A New Product
Урок 150.00:02:10
Creating JBuilder Partial
Урок 151.00:09:42
Creating checkErrors Method
Урок 152.00:07:55
Using The checkErrors Method
Урок 153.00:08:57
Displaying Error Message On Name Field On Form
Урок 154.00:01:58
Displaying Error Message On Other Fields On Form
Урок 155.00:10:10
Implementing clearErrors Method
Урок 156.00:01:58
Introducing Handling Server-Side Errors
Урок 157.00:10:18
Adding Properties To Component State And Writing Error Messages To State
Урок 158.00:01:58
Server-Error Handling Workflow
Урок 159.00:08:45
Creating ErrorMessages Component
Урок 160.00:03:09
Clearing Server-Side Errors Upon Successful Save
Урок 161.00:09:02
Preventing Duplicate Rendering Of Same Error Message
Урок 162.00:09:55
Preventing Form Submission When There Are Client-Side Errors
Урок 163.00:05:50
Toggling The Form View On And Off
Урок 164.00:00:43
Introducing Form Input Components
Урок 165.00:09:53
Creating Form Input Component
Урок 166.00:04:26
Creating A TextArea Component
Урок 167.00:02:52
Creating A Button Component
Урок 168.00:09:52
Using Input Components
Урок 169.00:02:59
Using React Children
Урок 170.00:04:37
Creating A Generic Form Component
Урок 171.00:02:21
Using The Generic Form In NewProductForm Component
Урок 172.00:07:20
Creating ProductForm Component
Урок 173.00:02:03
Fixing Undefined Props Error
Урок 174.00:00:47
User Management
Урок 175.00:11:53
Implementing User Registration
Урок 176.00:07:59
Adding Signup Event Handlers
Урок 177.00:05:17
Setting Current User Variable
Урок 178.00:07:23
Fetching The Current User From The Database
Урок 179.00:10:15
Redirecting To Home Page Upon Signup
Урок 180.00:02:38
Activating An Event In The Parent Component From The Child
Урок 181.00:06:39
Passing Current User As A Prop From App Component To The Header Component
Урок 182.00:08:19
Implementing Signup Client-Side Error Handling
Урок 183.00:04:05
Preventing Signup Form Submission There Are Client-Side Errors
Урок 184.00:11:22
Handling Signup Server-Side Errors
Урок 185.00:12:01
Implementing Signing Users Out In React
Урок 186.00:08:49
Signing Users Out And Redirecting To Home Page
Урок 187.00:10:06
Implementing Sign In Form
Урок 188.00:09:28
Adding Signin Event Handlers
Урок 189.00:06:24
Implementing Sign In Form handleSubmit Handler
Урок 190.00:02:45
Implementing handleSignin Method
Урок 191.00:09:11
Displaying Signin Server Error Messages
Урок 192.00:07:33
Preventing Rendering Of Signin Component If Signed In Already
Урок 193.00:05:46
Hiding Some Nav Links
Урок 194.00:02:00
Assigning Owners To Products
Урок 195.00:00:55
Introducing Editing And Deleting Products
Урок 196.00:14:28
Protecting The Edit And Delete Product Buttons
Урок 197.00:09:35
Creating The Editing Component
Урок 198.00:07:58
Implementing Editing Product
Урок 199.00:11:30
Implementing getProduct Method
Урок 200.00:09:45
Updating Product
Урок 201.00:06:53
Implementing Client-Side Error Handling
Урок 202.00:11:04
Implementing handleProductUpdate Method
Урок 203.00:09:18
Updating Parent Component
Урок 204.00:04:00
Responding To Product Update Requests With JSON Data
Урок 205.00:07:01
Preventing Unauthorized Editing of Products
Урок 206.00:03:44
Preventing Retrieval Of Non-Existent Products
Урок 207.00:08:08
Implementing Code To Pass Error Message To ProductList Component
Урок 208.00:04:39
Modifying ErrorMessages Component To Render Flash Messages
Урок 209.00:11:30
Using React Hooks
Урок 210.00:06:35
Deleting A Product
Урок 211.00:01:54
Introducing Higher-Order Components (HOCs)
Урок 212.00:12:00
Higher-Order Functions
Урок 213.00:13:14
Implementing Higher-Order Components
Урок 214.00:03:52
Implementing Product Form Higher-Order Component
Урок 215.00:08:33
Moving The Common Code From The Form Components Into The HOC
Урок 216.00:09:45
Passing Event Handlers Down
Урок 217.00:00:46
Introducing Adding Comments To Products
Урок 218.00:03:49
Creating CommentList Component
Урок 219.00:03:22
Creating Comment Component
Урок 220.00:09:29
Rendering The CommentList Component In The ProductDetail Component
Урок 221.00:05:28
Creating The Api's Comments Controller's
Урок 222.00:06:44
Retrieving Comments Together With Products
Урок 223.00:03:55
Handling Comments Not Found Error
Урок 224.00:06:28
Formatting Date
Урок 225.00:01:32
Creating CommentForm Homework
Урок 226.00:06:09
Creating CommentForm Component
Урок 227.00:05:03
Implementing Comments Client-Side Error Handlers
Урок 228.00:03:42
Implementing Comments' handleSubmit Handler
Урок 229.00:03:26
Implementing CommentForm Component Server-Side Error Handling
Урок 230.00:07:29
Implementing handleCommentSubmit Method
Урок 231.00:03:07
Adding Comment Create Action
Урок 232.00:03:35
Protecting The CommentForm From Unauthorized Access

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+194