Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
React JS
Complete Developers Guide: Ruby on Rails & React with Redux

Complete Developers Guide: Ruby on Rails & React with Redux

Loại khoá học: Web Development

Ultimate coding for the web! Learn to develop apps with practical projects. Master the fundamentals of coding languages.

image
50.000 VND
829.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

"Really good, straightforward for the beginner."  ⭐ ⭐ ⭐ ⭐ ⭐ 

Do you want to make web apps? You've come to the right place. Learn how to build a Rails app and (separately) learn how to build a pure React/Redux app.

Enroll now to build your portfolio with projects no one can take away from you!

In Part 1 of this course Tristan Mackinlay teaches you to code in Ruby, one of the most user-friendly programming languages out there. In Part 2, you learn how to build beautiful, well-functioning web apps with React and Redux. Join web developer Chris Veillette to start coding for the Internet.

React is an efficient and flexible JavaScript library for building user interfaces. Many popular websites including Instagram, Facebook, Netflix, and Imgur use React.

Included in this course is material for beginners to get comfortable with the interfaces. Please note that we reuse this content in similar courses because it is introductory material. You can find some material in this course in the following related courses:

  • Make games in GameMaker & learn to code for the web in Ruby!

  • Complete 3D Modeler & C# Unity VR Game Developer Masterclass

  • The Complete VR Course: Build 3D Models and Unity Games

  • The Complete Ruby on Rails & 3D Rendering Humans for Games

  • Become a Web Developer: Learn the Basics and Fundamentals of Ruby!

  • Make Games and Web Apps: Unity, React and Redux Masterclass

  • Complete Modern Developer: React JS with Redux & SpriteKit

  • Introduction to React and Redux. Code Web Apps in JavaScript

You can build your own web apps! This course is full of practical examples. We teach you theory while also building real projects that you can put in your web development portfolio. 

Hands-on training content is the best way to get from A to B. Taking this course means that you learn practical, employable skills immediately.

Learning how to code is a great way to jump in a new career or enhance your current career. Coding is the new math and learning how to code will propel you forward for any situation. 

Learn to program today and get a head start for tomorrow. People who can master technology will rule the future.

You get full lifetime access to this course for a single fee! Join now to meet us


Bạn sẽ học được gì

Code in Ruby on Rails.

Make simple web apps.

Lay out a web app in a logical way.

Use JSX, a pre-processor that adds XML syntax to JavaScript.

Build a single-page app using React Router.

Code in ES6 and JavaScript.

Use Web Pack, a bundler for code.

Transition from webpack 1.0 to webpack 2.0.

Write modular CSS.

Use Redux, a predictable state container for JavaScript apps.

Refactor code (alter code to make it simpler and more efficient).

Fix bugs and handle errors.

Yêu cầu

  • An Internet connection is required for the free coding platform we use to code in Ruby.
  • For the React and Redux section, please have a modern web browser.
  • Basic HTML/CSS knowledge is recommended.

Nội dung khoá học

35 sections

Introduction to Ruby

3 lectures
Ruby Intro
02:15
Ruby Overview
01:44
System Requirements
01:01

Variable and Data Types - Ruby

5 lectures
Printing to the Console - Ruby
19:33
Numbers and Math - Ruby
16:39
Strings - Ruby
21:15
Booleans and Nil - Ruby
15:34
Variables and Expressions - Ruby
23:34

Methods - Ruby

7 lectures
Introduction to Methods - Ruby
09:42
Methods in Disguise - Ruby
13:51
Defining Methods - Ruby
20:38
Chaining Methods - Ruby
16:38
Built-In Methods - Ruby
17:16
Optional Arguments - Ruby
14:18
Scopes Introduction - Ruby
19:37

Collections - Ruby

6 lectures
Arrays Introduction - Ruby
10:49
Accessing Items in an Array - Ruby
10:43
Adding and Deleting - Ruby
13:58
Hashes Introduction - Ruby
15:15
Hashes (Continued) - Ruby
12:33
Collections Conclusion - Ruby
22:15

Conditionals and Boolean Logic - Ruby

9 lectures
If Else Statements - Ruby
13:20
Else If Statements - Ruby
15:11
Case Statements - Ruby
11:15
One-Line If Statements - Ruby
19:35
Boolean Operators - Ruby
07:55
Logical AND Statements - Ruby
19:41
Logical OR Statements - Ruby
15:31
Rock Paper Scissors - Ruby
35:51
Truthiness - Ruby
20:09

Loops and Iterators - Ruby

9 lectures
While Loops - Ruby
19:54
For Loops - Ruby
10:56
For Loops (Continued) - Ruby
16:09
Mapping Arrays - Ruby
13:53
Down to the Filter - Ruby
24:26
Reducing Costs (Inject Reduction) - Ruby
20:57
Iterating Over Hashes - Ruby
16:50
Iterators and Integers - Ruby
10:19
REPL Calculator - Ruby
35:52

Object Oriented Programming - Ruby

9 lectures
Objects and Classes - Ruby
11:27
Defining a Class - Ruby
17:30
Inheritance - Ruby
20:43
Class Methods - Ruby
17:05
Self - Ruby
12:49
Scope Review and Class Variables - Ruby
20:51
Modules - Ruby
16:22
(Project) Playing Card Generator - Ruby
26:12
(Finale) Object Oriented Programming - Ruby
43:11

Blocks, Procs & Lambdas - Ruby

6 lectures
Methods Taking a Block - Ruby
11:38
Custom Iterators - Ruby
13:05
Procs Introduction - Ruby
17:33
Wolf and Lambda - Ruby
18:02
Closures - Ruby
12:54
Closures (Continued) - Ruby
07:17

Ruby Development Environment

8 lectures
Introduction to Ruby Development Environment
29:17
Making and Removing Directories - Ruby
30:27
Reading and Writing Text Files - Ruby
20:43
Project (Continued) - Ruby
20:43
Sublime Text Run from Command Line - Ruby
31:10
Sublime Text Configuring - Ruby
24:17
Sublime Workflow and Features - Ruby
18:19
Development Environment (Conclusion) - Ruby
20:54

Programming Ruby Across Multiple Files

4 lectures
Requiring Files - Ruby
10:06
Scope and Require Relative - Ruby
06:06
Splitting Program Across Files - Ruby
07:35
Require Libraries and Gems - Ruby
19:59

(Project) Tic Tac Toe - Ruby

19 lectures
Creating Game Board - Ruby
19:48
Check Rows for Winner - Ruby
15:58
Checking Column - Ruby
07:52
Checking Diagonally - Ruby
27:27
Defining Square Bracket Method - Ruby
15:08
Creating Player and Game Classes - Ruby
11:57
Defining a Player Turn - Ruby
22:19
Refactoring Print Grid - Ruby
24:41
Numbering and Lettering Grid - Ruby
32:02
Translating User Input - Ruby
15:09
Validating User Input - Ruby
30:05
Refactoring Row and Get Column - Ruby
27:40
Playing Until Somebody Wins - Ruby
23:27
Ending Game on a Tie - Ruby
28:02
Creating a Session Class - Ruby
12:00
Advancing Session Class - Ruby
33:55
Refactoring with Sessions Class - Ruby
21:13
Getting Player Names and More Refactoring - Ruby
27:38
Adding InputHelper Module - Ruby
28:23

(Project) To-Do List - Ruby on Rails

22 lectures
Installing Rails on Ruby
11:10
Routing to Home Page - Ruby on Rails
12:47
Rendering HTML with ERB (Embedded RuBy)
12:59
Making Model Routes and Controller for Tasks
18:33
Making New Tasks - Ruby on Rails
19:23
Adding Edit and Update Actions
13:43
Partials in Ruby on Rails
06:15
Deleting Task - Ruby on Rails
06:03
Adding Show Page - Ruby on Rails
08:20
Validating Task Title - Ruby on Rails
13:12
Making Migration - Ruby on Rails
07:43
Task Views - Adding Ability to Complete Task
21:35
Restarting or Seeding Database with Rake Tool
09:04
Generating User Scaffold
10:36
Associating User to Tasks
12:16
Sessions Controller Routes & Views
14:07
Actions, Current User and Adding Header
16:17
Errors And Flash Messages
20:20
If Getting Error Message
00:15
Show Current User's Tasks
05:32
Authorization - Ruby on Rails
13:49
Cleaning Bonus User Material
06:58

(Project) Photo Sharing App - Ruby on Rails

6 lectures
Set up App, Users & Sessions
13:42
Generating Scaffold - Ruby on Rails
11:38
Using CarrierWave Gem to Upload Images
17:46
Make Different Versions of Photo
09:36
Adding Authorization Checks
13:32
Adding CSS Styling with Bulma
19:04

Introduction to React and Redux Section

4 lectures
Common Pitfalls
05:03
Quick Win Example
05:36
Top 10 Things You Will Learn
05:19
Webpack Version Explanation (To Be Watched Before Starting)
02:26

Introduction to React and JSX

5 lectures
Introducing JSX - React
23:48
React and JSX Intro Part 2
19:40
React and JSX Intro Part 3
02:34
React and JSX Intro Part 4
05:27
($55 value) Source Code
00:02

React Components

6 lectures
React Virtual Dom and Classes
15:43
ES6 Webpack Dev Server
11:19
React Components
07:28
Splitting Another Component
09:04
React Component Validators
14:24
($55 value) Source Code
00:02

React States

8 lectures
Introduction
12:02
Extracting Button into Separate Component
04:39
Reusing a Component
06:01
Splitting Component into Sub-Components
13:13
Creating a Timer
05:06
componentWillUnmount
06:34
Webpack Hot Reloading
04:54
($55 value) Source Code
00:02

React Event Handling

6 lectures
Introduction
12:57
Simple Event Handling
04:26
Getting Values
03:57
Using Events to Influence App Display
12:59
Splitting Function into Components
06:54
($55 value) Source Code
00:02

React Routers

16 lectures
Props.children
06:01
Introduction to React Router
12:27
Direct URL
04:19
Wildcard
02:29
IndexRoute
06:04
Making a Name Profile
04:10
Nested Routes
06:31
User Profile
07:36
React Router Redirects
07:33
Making Params Optional
01:36
Making Profile and Calling on History
06:48
Back Button
03:25
activeClassName
05:22
Active Inline Styles
02:57
Navlinks Components
10:14
($55 value) Source Code
00:02

React Slight Refactoring

2 lectures
Improving Layout
05:25
Additional Refactoring
04:57

React Product Components

7 lectures
Making a Web Store Example
09:31
Building out the Project
04:23
Routing to Products
07:29
Rendering Product Profile
07:20
Adding Images to the Web App
06:39
Reusing Component
08:56
($55 value) Source Code
00:02

React CSS

12 lectures
Basic CSS Framework
05:12
Organizing Information with CSS Grids
07:51
CSS Modules
10:48
CSS Styling
09:01
Adding a Menu in the Navigation Bar
08:26
Making a Background
07:21
Adding Margins to Products
06:59
Styling the Name List
03:33
React CSS Styling Part 6
04:23
React CSS Extract to Separate file
08:21
React CSS Extract to Separate file (Continued)
01:41
($55 value) Source Code
00:02

Introduction to Redux

9 lectures
Intro to Redux Part 1
09:25
Intro to Redux Part 2
07:57
Intro to Redux Part 3
07:15
Intro to Redux Part 4
04:22
Redux Store
08:32
Redux Store Continued
03:03
Redux Store Subscribe
04:52
Redux Store Subscribe Continued
03:09
Redux Combine Reducers
09:45

Adding Redux to React

7 lectures
Adding Redux to React 1
27:28
Adding Redux to React 2
03:31
Adding Redux to React 3
10:45
Adding Redux to React 4
10:27
Delete Names
07:40
Babel and Spread Operators
04:46
($55 value) Source Code
00:02

Redux Action Creator and Product Refactor

8 lectures
Action Creators
10:23
Profile Page
16:39
Dispatch and onEnter
07:33
Refactor into Separate Files
03:43
Refactor into Separate Files Continued
01:24
Product Page
13:16
Product Profile Page
14:55
($55 value) Source Code
00:02

Redux State in createStore

4 lectures
Initial State in createStore
06:34
Initial State in createStore Continued
03:57
Adding Generated Names with Faker
08:30
($55 value) Source Code
00:02

Redux Middleware and Async Dispatching

11 lectures
Fake Backend and Middleware
15:06
Thunk Middleware
16:14
Thunk Checking State
06:24
Get Profile Part 1
08:53
Get Profile Part 2
04:46
Get Profile Part 3
04:18
Get Profile Part 4
03:22
Get Names Refactor
05:47
Add Random Name
06:04
Add Random Name Continued
04:39
($55 value) Source Code
00:02

Redux Refactoring, Logging, and Error Handling

6 lectures
Refactor Name Reducers
06:57
Using Actions
02:44
Error Handling Part 1
10:11
Error Handling Part 2
07:04
Error Handling Part 3
08:59
($55 value) Source Code
00:02

Products Lists and Profiles

7 lectures
Product List
13:24
Product List Continued
03:04
Product Profile
10:54
Product Profile Continued
04:05
Error Handling Refactor
04:57
Error Handling Refactor Continued
03:14
($55 value) Source Code
00:02

Loading Spinner and Error Component

4 lectures
Loading Spinner
09:16
Loading Spinner Continued
07:14
Error Component
11:24
($55 value) Source Code
00:02

Adding User-Written Reviews

8 lectures
Adding Reviews 1
23:01
Adding Reviews 2
11:32
Adding Reviews 3
10:48
Adding User Reviews
19:46
Refining Review Containers Part 1
03:53
Refining Review Containers Part 2
03:24
Refining Review Containers Part 3
06:00
($55 value) Source Code
00:02

Prototypes and Refactoring Error Handling

6 lectures
Adding Prototypes
28:57
Adding Prototypes Continued
14:23
Action Types
06:39
Refactoring Error Handling
06:28
Refactoring Error Handling Continued
01:57
($55 value) Source Code
00:02

Updating to Webpack 2 And Building Production Abundle

7 lectures
Migrating to Webpack2
07:14
Hot Reloading
05:43
Hot Reloading Continued
09:31
HTML Webpack Plugin
04:48
Simple Production Build
07:34
Dev Config File Update
03:49
($55 value) Source Code
00:02

Styling the App

23 lectures
Final Styling Part 1
07:13
Final Styling Part 2
04:07
Final Styling Part 3
10:53
Final Styling Part 4
03:58
Final Styling Part 5
02:40
Styling NavBar
02:33
Styling Product List Part 1
06:06
Styling Product List Part 2
05:18
Styling Product List Part 3
01:34
Styling Product Profile
06:15
Styling Product Profile Continued
05:06
Styling Review
05:03
Styling Review Continued
02:15
Styling Continued
01:58
Styling Namelist Part 1
03:40
Styling Namelist Part 2
03:34
Styling Namelist Part 3
01:44
Styling Layout Footer
05:44
Styling Layout Footer Continued
02:35
General Layout Styling
05:07
General Layout Styling Continued
01:07
Font Work and More Styling
17:11
($55 value) Source Code
00:02

Epilogue

3 lectures
Final Thoughts
02:50
Please leave us a rating.
00:03
Bonus Lecture: Get 130 courses!
00:06

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Complete Ruby Programmer - Master Ruby

Complete Ruby Programmer - Master Ruby

1.099.000 VND
50.000 VND
Visual Studio Code for Developers 2023: Beginner to Advanced

Visual Studio Code for Developers 2023: Beginner to Advanced

1.499.000 VND
50.000 VND
The Complete JavaScript Course 2024: From Zero to Expert!

The Complete JavaScript Course 2024: From Zero to Expert!

185 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
SQL for Data Analysis: Beginner MySQL Business Intelligence

SQL for Data Analysis: Beginner MySQL Business Intelligence

1.899.000 VND
50.000 VND
Build Solutions with Power Apps, Power Automate & SharePoint

Build Solutions with Power Apps, Power Automate & SharePoint

100 VND
50.000 VND
Unity 2023 Game Development : Build 6 Games with Unity & C#

Unity 2023 Game Development : Build 6 Games with Unity & C#

79 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
Unit Testing for Typescript & NodeJs Developers with Jest

Unit Testing for Typescript & NodeJs Developers with Jest

100 VND
50.000 VND
Create an eCommerce Website Using Laravel (PHP & MySQL)

Create an eCommerce Website Using Laravel (PHP & MySQL)

1.049.000 VND
50.000 VND
The Freelance Stack: A real project with NextJS13 and Strapi

The Freelance Stack: A real project with NextJS13 and Strapi

50.000 VND
Time Series Analysis, Forecasting, and Machine Learning

Time Series Analysis, Forecasting, and Machine Learning

90 VND
50.000 VND
MongoDB with Java Spring Boot & Spring Framework

MongoDB with Java Spring Boot & Spring Framework

1.099.000 VND
50.000 VND
Build REST APIs with Django REST Framework and Python

Build REST APIs with Django REST Framework and Python

1.899.000 VND
50.000 VND
Svelte.js - The Complete Guide (incl. Sapper.js)

Svelte.js - The Complete Guide (incl. Sapper.js)

65 VND
50.000 VND
The Complete Cloud Computing Software Architecture Patterns

The Complete Cloud Computing Software Architecture Patterns

100 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi