Oxzer Academy
React JS for Beginners
Back to Dashboard

Hey there, great course, right? Do you like this course?

All of the most interesting lessons further. In order to continue you just need to purchase it

Get course

Course sections

Section 1
Module 1.0 : Introduction to React
1
1.1 : What is React?
2
1.2 : Why React?
3
1.3 : React version history
4
1.4 : React 16 vs React 15 features
5
1.5 : Installing Development tools
6
1.6 : Installing create-react-app package
7
1.7 : Understanding Project Structure
8
1.8 : Just React – Hello World
9
1.9 : Running the app
10
1.10 : Debugging first react app
11
1.11 : Understanding Round-Trip applications
12
1.12 : Understanding Single Page Applications
13
Practice Session : Hands-on Lab
14
Skill Test
Section 2
Module 2.0 : HTML5 with CSS3 & Javascript
1
2.1 : Overview of HTML
2
2.2 : Getting Started with HTML Code
3
2.3 : Important Components of HTML
4
2.4 : Text Formatting Tags
5
2.5 : Quotations
6
2.6 : Comments
7
2.7 : Links
8
2.8 : Images
9
2.9 : Tables
10
2.10 : Lists
11
2.11 : Attributes to Style HTML Elements
12
2.12 : Overview of CSS3
13
2.13 : Relationship Between HTML and CSS3
14
2.14 : How Does CSS3 Work?
15
2.15 : Syntax
16
2.16 : Different Methods to Integrate CSS with HTML
17
2.17 : Colors
18
2.18 : Backgrounds in CSS3
19
2.19 : Setting up Height and Width of an Element
20
2.20 : Box Model
21
2.21 : CSS Outline
22
2.22 : Text in CSS3
23
2.23 : Fonts
24
2.24 : Links in CSS3
25
2.25 : Lists in CSS3
26
2.26 : Tables in CSS3
27
2.27 : Responsiveness
28
2.28 : Position Property in CSS3
29
2.29 : Navigation Bars
30
2.30 : Dropdown
31
2.31 : Forms
32
2.32 : JavaScript Essentials
33
2.33 : DOM Scripting
34
Practice Session : Hands-on Lab
35
Skill Test
Section 3
Module 3.0 : Understanding Bootstrap
1
3.1 : Bootstrap Overview
2
3.2 : Structure of a Bootstrap-enabled Webpage
3
3.3 : Grids
4
3.4 : Typography
5
3.5 : Colors
6
3.6 : Images
7
3.7 : Jumbotron
8
3.8 : Alerts
9
3.9 : Buttons
10
3.10 : Button Groups
11
3.11 : Progress Bars
12
3.12 : Pagination
13
3.13 : Cards
14
3.14 : Navigation Menus
15
3.15 : Navigation Bar
16
3.16 : Forms
17
3.17 : Carousel
18
3.18 : Media Objects
19
Practice Session : Hands-on Lab
20
Skill Test
Section 4
Module 4.0 : JSX and Virtual DOM
1
4.1 : What is Virtual DOM
2
4.2 : Virtual DOM Pieces
3
4.3 : Using ReactElement
4
4.4 : JSX Creates Elements
5
4.5 : JSX Attribute Expressions
6
4.6 : JSX Conditional Child Expressions
7
4.7 : JSX Boolean Attributes
8
4.8 : Using logical operators
9
4.9 : Using Fragments
10
Practice Session : Hands-on Lab
11
Skill Test
Section 5
Module 5.0 : About Components
1
5.1 : Understanding Components
2
5.2 : Significance of component architecture
3
5.3 : Different Component Types
4
5.4 : Stateless Components
5
5.5 : Stateful Components
6
5.6 : Functional Components
7
5.7 : ES6 Classes
8
5.8 : Component Composition
9
Practice Session : Hands-on Lab
10
Skill Test
Section 6
Module 6.0 : Working with state and props
1
6.1 : What is state and it significance
2
6.2 : Creating Stateful components
3
6.3 : Adding and Modifying State data
4
6.4 : Understanding Props
5
6.5 : Combining Javascript and Props to Render Content
6
6.6 : Using Function Props
7
6.7 : Passing data to component using props
8
6.8 : Using PropTypes
9
6.9 : Validating props using propTypes
10
6.10 : Supplying default values to props using defaultProps
11
Practice Session : Hands-on Lab
12
Skill Test
Section 7
Module 7.0 : Rendering lists
1
7.1 : Using react key prop
2
7.2 : Using map function to iterate on arrays to generate elements
3
Practice Session : Hands-on Lab
4
Skill Test
Section 8
Module 8.0 : Event handling in React
1
8.1 : Understanding Events
2
8.2 : Managing Event Propogation
3
8.3 : Understanding Synthetic event
4
8.4 : Passing arguments to event handlers
5
Practice Session : Hands-on Lab
6
Skill Test
Section 9
Module 9.0 : Understanding component lifecycle and handling errors
1
9.1 : Understanding Update Process
2
9.2 : Understanding Reconciliation Process
3
9.3 : Understanding List Reconciliation
4
9.4 : Explicitly Triggering Reconciliation
5
9.5 : Understand the Component lifecycle
6
9.6 : Using the Lifecycle methods
7
9.7 : Handle errors using error boundaries
8
Practice Session : Hands-on Lab
9
Skill Test
Section 10
Module 10.0 : Forms and Validation
1
10.1 : Using Form Elements
2
10.2 : Validating Form Data
3
10.3 : Controlled components
4
10.4 : Uncontrolled components
5
10.5 : Building the custom component
6
10.6 : Separation of View and State
7
10.7 : Async Persistence
8
10.8 : Form Modules
9
10.9 : Understand the significance to default Value prop
10
10.10 : Using react ref prop to get access to DOM element
11
Practice Session : Hands-on Lab
12
Skill Test
Section 11
Module 11.0 : Context
1
11.1 : What is context
2
11.2 : When to use context
3
11.3 : Multiple context provider
4
11.4 : Create Context
5
11.5 : ThemeContext.Provider
6
11.6 : ThemeContext.Consumer
7
11.7 : Reading context in class
8
Practice Session : Hands-on Lab
9
Skill Test
Section 12
Module 12.0 : Code-Splitting
1
12.1 : What is code splitting
2
12.2 : Why do you need code splitting
3
12.3 : React.lazy
4
12.4 : Using Suspense Component
5
12.5 : Avoiding fallbacks
6
12.6 : Error Boundaries
7
12.7 : Route based Code Splitting
8
12.8 : Understanding Named Exports
9
Practice Session : Hands-on Lab
10
Skill Test
Section 13
Module 13.0 : Hooks
1
13.1 : What are Hooks
2
13.2 : Why do you need Hooks
3
13.3 : Different types of Hooks
4
13.4 : How hooks map to Component Classes
5
13.5 : Using state and effect Hooks
6
13.6 : Rules of hooks
7
13.7 : Building custom Hooks
8
13.8 : Writing Tests for React Hooks
9
Practice Session : Hands-on Lab
10
Skill Test
Section 14
Module 14.0 : Routing with react router
1
14.1 : What is URL Routing
2
14.2 : React Router Core Components
3
14.3 : Creating Routing aware components
4
14.4 : Configuring the Router
5
14.5 : Accessing Routing data in other components
6
14.6 : Understand routing in single page applications
7
14.7 : Working with BrowserRouter and HashRouter components
8
14.8 : Configuring route with Route component
9
14.9 : Using Switch component to define routing rules
10
14.10 : Dynamic routing using route params
11
14.11 : Working with nested routes
12
14.12 : Navigating to pages using Link and NavLink component
13
14.13 : Redirect routes using Redirect Component
14
14.14 : Using Prompt component to get consent of user for navigation
15
14.15 : Path less Route to handle failed matches
16
14.16 : Supporting authenticated routes
17
Practice Session : Hands-on Lab
18
Skill Test
Section 15
Module 15.0 : Intro to Flux and Redux
1
15.1 : Flux Overview
2
15.2 : Why Flux
3
15.3 : Flux Design Pattern
4
15.4 : Flux Implementations
5
15.5 : What is redux
6
15.6 : Why redux
7
15.7 : Redux principles
8
15.8 : Install and setup redux
9
15.9 : Creating actions
10
15.10 : Building the reducer
11
15.11 : Subscribing to the store
12
15.12 : Creating a data store
13
15.13 : Using the Data store in react application
14
15.14 : Expanding the data store
15
15.15 : Connecting Redux to React
16
Practice Session : Hands-on Lab
17
Skill Test
Section 16
Module 16.0 : React Redux
1
16.1 : What is React Redux
2
16.2 : Why React Redux
3
16.3 : Install and setup
4
16.4 : Presentational and Container components
5
16.5 : Generating containers with react-redux
6
16.6 : Action creators
7
16.7 : Redux form Component
8
16.8 : Connect the Store
9
16.9 : Understanding mapStateToProps and mapDispatchtToProps usage
10
Practice Session : Hands-on Lab
11
Skill Test
Section 17
Module 17.0 : Immutable.js
1
17.1 : What is Immutable.js?
2
17.2 : Immutable collections
3
17.3 : List
4
17.4 : Map
5
17.5 : Set
6
17.6 : Lazy Seq
7
Practice Session : Hands-on Lab
8
Skill Test
Section 18
Module 18.0 : Redux middleware
1
18.1 : Why redux middleware
2
18.2 : Available redux middleware choices
3
18.3 : What is redux saga
4
18.4 : Install and setup redux saga
5
18.5 : Working with Saga helpers
6
18.6 : Sagas vs promises
7
Practice Session : Hands-on Lab
8
Skill Test
Section 19
Module 19.0 : Unit Testing
1
19.1 : Understand the significance of unit testing
2
19.2 : Understand unit testing jargon and tools
3
19.3 : Unit testing react components with Jest
4
19.4 : Unit testing react components with enzyme
5
Practice Session : Hands-on Lab
6
Skill Test
Section 20
Module 20.0 : Webpack Primer
1
20.1 : What is webpack
2
20.2 : Why webpack
3
20.3 : Install and setup webpack
4
20.4 : Working with webpack configuration file
5
20.5 : Working with loaders
6
20.6 : Working with plugins
7
20.7 : Setting up Hot Module Replacement
8
Practice Session : Hands-on Lab
9
Skill Test
Section 21
Module 21.0 : Isomorphic React
1
21.1 : What is server-side rendering (SSR)?
2
21.2 : Why Server side Rendering?
3
21.3 : Working with render To String and render To Static Markup methods
4
Practice Session : Hands-on Lab
5
Skill Test

Lesson is locked. Please Buy course to proceed.