Master ReactJS: Learn React JS from Scratch
- Offered byUDEMY
Master ReactJS: Learn React JS from Scratch at UDEMY Overview
Duration | 23 hours |
Mode of learning | Online |
Difficulty level | Intermediate |
Credential | Certificate |
Master ReactJS: Learn React JS from Scratch at UDEMY Highlights
- 10 hours on-demand video
- Make use of ReactJS with other frameworks/libraries like jQuery
- Certificate of Completion
- 5 hours on-demand video
- 36 downloadable resources
Master ReactJS: Learn React JS from Scratch at UDEMY Course details
- Aspiring Web Designers
- Aspiring Web Developers
- Web Developers
- Web Designers
- Web Architects
- Develop dynamic User Interfaces using ReactJS
- Understand all the basic concepts of ReactJS
- Make use of ReactJS with other frameworks/libraries like jQuery
- Master the art of ReactJS and be ready for the future of web development. Companies like Facebook and Instagram are already making use of ReactJS to build dynamic User Interfaces for better user experience This course covers all the topics from basic to advance including Flux. You will find concepts like 1. HTML Entities 2. Component State and Life Cycle 3. How to create Multiple Components 4. Creating Reusable components 5. Displaying Data 6. Events 7. Properties 8. Mixins 9. Form Components 10. JSX and how it can be pre-compiled 11. DOM 12. How to make use of Inline Styles 13. Making use of AJAX technique 14. How to communicate between components 15. Cloning 16. Two way Data Binding 17. Understanding Flux At the end of the course you will also develop a course cart application which will brush up all the concepts that we have covered in this amazing course
Master ReactJS: Learn React JS from Scratch at UDEMY Curriculum
Introduction to ReactJS
Introduction
Downloading & Installing ReactJS - Our First Example - Hello World!
Understanding Virtual DOM
Components in ReactJS
Rendering Data in ReactJS
Applying CSS class to HTML content in ReactJS
Playing Safe with HTML Entities
Component State & Life Cycle
Component State in Action
Understanding State in React
Understanding Component LifeCycle - I
Uderstanding Component LifeCycle - II
Understanding Component LifeCycle - III
Creating Multiple Components in ReactJS
Creating Reusable Components
Properties & Events
Working with Properties
Accessing Child Properties
Making use of transferPropsTo - [Deprecated] See lecture 61 for update
Working with Mixins
Understanding Events in ReactJS
Exploring static methods
Forms Components
Working with Forms in ReactJS
Accessing DOM
Referring DOM Nodes - The Refs way
Tooling Support
Converting JSX to JS
Using Gulp To compile and concatenate JSX files - I
Using Gulp To compile and concatenate JSX files (Using Browserify) - II
Component Communication
Working with jQuery - Ajax
DOM Event Listeners
Inline Styles in ReactJS
Using dangerouslySetInnerHTML
Major AddOns in ReactJS
Two Way Data Binding
Clone Elements - [cloneWithProps Deprecated - Use React.cloneElement instead]
Using React.cloneElement
Making use of classSet to apply Conditional Styles
Making use of classnames to apply conditional styling
Animation using CSSTransitionGroup
Introduction to React Router
Working with React Router
Working with Links & Creating Nested Routes
Refactoring Routes and Components
React and Remote Data
Introducing Fetch
Rendering Remote Data in Components
React Developer Tool for Chrome
React Dev Tools
Flux
Introduction
Flux Setup
Flux Architecture - Code Demo
Dispatcher - The Broadcaster
Actions
Stores
Components and Views
Project - Course Cart
Introduction
Course Cart - Preview
Course Cart - Package And Mockup Data
Course Cart - CartAPI and Flux Actions
Course Cart - App And Dispatcher
Course Cart - Creating Stores And Final Demo
Reflux
Introduction to Reflux Store
Loading data using Reflux
Working with Actions in Reflux
Version 0.14.x update
Hello World with React Version 0.14
Using version 0.14 via NPM
Using JSX Spread to transfer Properties
Conclusion and Code Download
Conclusion and Code Download
Other courses offered by UDEMY
Master ReactJS: Learn React JS from Scratch at UDEMY Students Ratings & Reviews
- 3-41