technifyed

Apna College via YouTube Free video

ReactJS Tutorial for Beginners | Learn React in 2.5 Hours | Part 1

Overview

Project at : https://github.com/apna-college/ReactJS

šŸ”„Java Placement Course : https://www.youtube.com/watch?v=yRpLlJmRo2w&list=PLfqMhTWNBTe3LtFWcvwpqTkUSlB32kJop

šŸ”„Complete C++ Placement Course (Data Structures+Algorithm) :https://www.youtube.com/playlist?list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ

šŸ”„Telegram: https://t.me/apnikakshaofficial

šŸ”„Instagram: https://www.instagram.com/dhattarwalaman/

Timestamps :

00:00 - Introduction

00:57 - What is React?

04:25 - Why should we learn React?

04:40 - Understanding Virtual DOM?

06:36 - Example of Single Page App

08:22 - What is Library? (Using Jquery Example)

10:52 - Understanding Modules and Named Exports with Example

17:02 - Installing VS Code and Nodejs in MAC OS

26:18 - Installation VS Code and Nodejs in Windows

30:24 - Installing Namaste React using create-react-app

32:54 - Running Namaste React

34:25 - Understanding Folder Structure in React App

38:57 - Example for Components using Twitter

39:54 - How to make Components?

40:39 - What is JSX?

42:32 - Hot Reloading?

43:45 - Embedding Expressions in JSX

45:45 - Creating New Project APNA CART

48:30 - Installing Extensions in VS Code

50:12 - Adding Bootstrap in Apna Cart App

52:12 - Creating Navbar Component

58:06 - Planning Apna Cart App

59:55 - Rendering List using ProductList Component

01:03:50 - Passing Data using Props

01:07:05 - What is Pure Function in JS?

01:10:29 - Creating Product Component

01:19:10 - Handling events with React elements

01:23:06 - Understanding State

01:27:12 - Using State Hook

01:41:28 - Creating Footer Component

01:51:10 - Reset State of All Component

01:55:24 - Removing Items from List

02:02:20 - Conditional Rendering in JSX

02:04:11 - Creating Form in React

02:19:10 - Debugging in React

My YouTube Gear šŸ˜‰: https://docs.google.com/document/d/1pyTJVmed-rHFXNqQodOTYr7z-EhH37s8pvtYpR0vMR4/edit?usp=sharing

Chapters 35

  1. 00:00Introduction
  2. 00:57What is React?
  3. 04:25Why should we learn React?
  4. 04:40Understanding Virtual DOM?
  5. 06:36Example of Single Page App
  6. 08:22What is Library? (Using Jquery Example)
  7. 10:52Understanding Modules and Named Exports with Example
  8. 17:02Installing VS Code and Nodejs in MAC OS
  9. 26:18Installation VS Code and Nodejs in Windows
  10. 30:24Installing Namaste React using create-react-app
  11. 32:54Running Namaste React
  12. 34:25Understanding Folder Structure in React App
  13. 38:57Example for Components using Twitter
  14. 39:54How to make Components?
  15. 40:39What is JSX?
  16. 42:32Hot Reloading?
  17. 43:45Embedding Expressions in JSX
  18. 45:45Creating New Project APNA CART
  19. 48:30Installing Extensions in VS Code
  20. 50:12Adding Bootstrap in Apna Cart App
  21. 52:12Creating Navbar Component
  22. 58:06Planning Apna Cart App
  23. 59:55Rendering List using ProductList Component
  24. 01:03:50Passing Data using Props
  25. 01:07:05What is Pure Function in JS?
  26. 01:10:29Creating Product Component
  27. 01:19:10Handling events with React elements
  28. 01:23:06Understanding State
  29. 01:27:12Using State Hook
  30. 01:41:28Creating Footer Component
  31. 01:51:10Reset State of All Component
  32. 01:55:24Removing Items from List
  33. 02:02:20Conditional Rendering in JSX
  34. 02:04:11Creating Form in React
  35. 02:19:10Debugging in React

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • Taught in Hindi (or Hinglish), which many students find easier to follow.
  • Made for Indian students, with placement and exam context.
  • 1,782,321 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (35 parts) you can see before you start.

Disadvantages

  • No exercises or certificate: code along to make it stick.
  • Less depth than a university course on some topics.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Apna College is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (74/100).

Similar courses

Compare these

Massachusetts Institute of Technology Ā· YouTube

MIT 15.S12 Blockchain and Money, Fall 2018

Instructor: Prof. Gary Gensler View the complete course: https://ocw.mit.edu/15-S12F18 This course is for students wishing to explore blockchain technology’s potential use - by entrepreneurs & incumbents - to change the world of money and finance. License: Creative Commons BY-NC-SA More information…

Free video23 videos, 29 hours

Massachusetts Institute of Technology Ā· YouTube

MIT 6.006 Introduction to Algorithms, Fall 2011

This course provides an introduction to mathematical modeling of computational problems. It covers the common algorithms, algorithmic paradigms, and data structures used to solve these problems. The course emphasizes the relationship between algorithms and programming, and introduces basic performa…

Free video47 videos, 42 hours

Harvard University Ā· YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Harvard University Ā· YouTube

CS50x 2023 Lectures

This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming, for concentrators and non-concentrators alike, with or without prior programming experience. (Two thirds of CS50 students have never taken CS before.) This course teaches…

Free video12 videos, 26 hours

Massachusetts Institute of Technology Ā· YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Stanford University Ā· YouTube

Stanford Online Courses and Programs

Get more information about the courses and programs we offer. In this playlist you can learn more about course content, pricing, credentials and more!

Free video154 videos, 139 hours

Enter your email and the official page opens. Phone is optional.