Prerequisites:
Good Understanding of JavaScript:
• Javascript Crash Course (2 hours) - Urdu/H...
In this part, you will learn following concepts
[00:00:00] - Quick Intro of DOM
[00:02:50] - Creating an element in page using Plain JavaScript
[00:05:00] - Finding & Reading Value using Plain JavaScript
[00:05:58] - Making a change in DOM using Plain JavaScript
[00:08:20] - Adding multiple elements in DOM using Plain JavaScript
[00:11:03] - Add new element dynamically in DOM using Plain JavaScript
[00:13:05] - Update UI When Data Changes - Using Plain JavaScript
[00:17:05] - Code Refactoring - Using Plain JavaScript
[00:18:48] - Introduction to React
[00:22:30] - Adding References to use React
[00:24:20] - Creating an element in page using React.createElement
[00:27:58] - Creating an element in page using React JSX
[00:36:18] - Function Component and Props
[00:43:16] - Another example of Function Component
[00:46:51] - Event Handling in React
[00:54:46] - Arrow Function in JavaScript (ES6)
[01:00:50] - Arrow Function usage in React Example
[01:05:40] - 'key' property in React
[01:07:57] - Array 'map' function in JavaScript (ES6)
[01:11:50] - 'map' function usage in React Example
[01:14:24] - Passing Data from Child to Parent
[01:21:00] - Intro to 'classes' in JavaScript (ES6)
[01:25:55] - Class Component in React
[01:30:50] - Understanding of 'this' in class component
[01:35:42] - Understanding of 'this' in arrow function
[01:37:27] - Using 'bind' to bind an object as 'this' in function
[01:40:30] - State Management in React
Sample Code used in video is available at
https://github.com/bilalshahzad139/re...
For more free courses
http://learninginurdu.pk
/ learninginurducentre