SIGMA-9-MERN

Learn SIGMA - 9 MERN STACK DEVELOPMENT by Apna college with comprehensive video tutorials and hands-on projects.

Apna College

Meet Your Instructor: Apna-College

Apna College stands as one of India's most influential and accessible programming education platforms, founded by the visionary educator Aman Dhattarwal. With a mission to democratize quality coding education, Apna College has transformed the lives of hundreds of thousands of students through their comprehensive, career-oriented curriculum. The platform's signature Sigma series courses cover everything from foundational programming in Java and C++ to advanced MERN stack development and aptitude preparation. Apna College is renowned for breaking down complex technical concepts into simple, engaging lessons that students can follow regardless of their prior experience. Their unique teaching approach combines practical projects, real-world applications, and industry insights, ensuring students are well-prepared for both academic excellence and professional success in the competitive tech industry.

Java ProgrammingC++ ProgrammingMERN Stack

Experience: 5+ years

Students Helped: 200000+

Specialization: Complete Programming Education

Course Overview

This comprehensive course is designed to take you from foundational concepts to advanced implementation in complete programming education. You'll learn through comprehensive curriculum designed with career focus, emphasizing hands-on learning, project-based assignments, and industry-relevant skills, building real-world projects that demonstrate your skills and enhance your portfolio.

Whether you're looking to start a new career in technology or advance your current skills, this course provides the structured learning path and practical experience you need to succeed in today's competitive tech industry.

Course Curriculum

Master MERN stack development: MongoDB, Express.js, React, Node.js
Build full-stack web applications from scratch
Learn authentication, authorization, and security best practices
Understand RESTful API design and database integration
Deploy applications to cloud platforms and production
Master modern JavaScript ES6+ and React development

Course Content

1

Welcome to Delta!

Video 1
2

What is the Internet?

Video 2
3

What is Web Development?

Video 3
4

What will we learn?

Video 4
5

Prerequisites

Video 5
6

Introduction to HTML

Video 6
7

HTML Elements & Tags

Video 7
8

Hello World

Video 8
9

Paragraph Element

Video 9
10

Heading Elements

Video 10
11

Practice Qs (Level1A)

Video 11
12

Boilerplate Code

Video 12
13

Lists in HTML

Video 13
14

Attributes in HTML

Video 14
15

Anchor Element

Video 15
16

Image Element

Video 16
17

Practice Qs

Video 17
18

More HTML Tags

Video 18
19

Comments in HTML

Video 19
20

Is HTML Case Sensitive?

Video 20
21

Practice Qs

Video 21
22

Inline v/s Block

Video 22
23

Div Element

Video 23
24

Span Element

Video 24
25

Hr Tag

Video 25
26

Sup & Sub Tags

Video 26
27

Practice Qs

Video 27
28

Semantic Markup

Video 28
29

Semantic Tags

Video 29
30

Practice Qs

Video 30
31

HTML Entities

Video 31
32

Practice Qs

Video 32
33

Emmets

Video 33
34

Further Understanding HTML

Video 34
35

Tables in HTML

Video 35
36

Semantics in Tables

Video 36
37

Colspan & Rowspan Attributes

Video 37
38

Practice Qs

Video 38
39

Forms in HTML

Video 39
40

Input - Form Element

Video 40
41

Placeholders & Labels

Video 41
42

Button Element

Video 42
43

Name Attribute

Video 43
44

Practice Qs

Video 44
45

Checkbox - Input Element

Video 45
46

Radio - Input Element

Video 46
47

Select - Input Element

Video 47
48

Range - Input Element

Video 48
49

Text Area

Video 49
50

Practice Qs

Video 50
51

What is CSS?

Video 51
52

Basic CSS Format

Video 52
53

Including CSS

Video 53
54

Color Property

Video 54
55

Background Color Property

Video 55
56

Practice Qs

Video 56
57

Color Systems (Name & RGB)

Video 57
58

Hex Codes

Video 58
59

Practice Qs

Video 59
60

Text Align Property

Video 60
61

Font Weight & Text Decoration

Video 61
62

Line Height & Letter Spacing

Video 62
63

Units in CSS (Pixel)

Video 63
64

Font Family

Video 64
65

Practice Qs

Video 65
66

How to download?

Video 66
67

Universal Selector

Video 67
68

Element Selector

Video 68
69

Id Selector

Video 69
70

Class Selector

Video 70
71

Practice Qs

Video 71
72

Descendant Selector

Video 72
73

Sibling Combinator

Video 73
74

Child Combinator

Video 74
75

Attribute Selector

Video 75
76

Practice Qs

Video 76
77

Pseudo Class

Video 77
78

Pseudo Element

Video 78
79

Cascading & Specificity

Video 79
80

Practice Qs

Video 80
81

!important in CSS

Video 81
82

Inheritance

Video 82
83

Box Model

Video 83
84

Height & Width

Video 84
85

Border

Video 85
86

Border Radius

Video 86
87

Padding Property

Video 87
88

Margin Property

Video 88
89

Practice Qs

Video 89
90

Display Property

Video 90
91

Inline-Block

Video 91
92

Relative Units (Percentage)

Video 92
93

Em & Rem in Units

Video 93
94

Alpha & Opacity

Video 94
95

Transitions in CSS

Video 95
96

Transform - Rotate

Video 96
97

Tranform - Scale

Video 97
98

Transform - Translate

Video 98
99

Transform - Skew

Video 99
100

Box Shadow

Video 100
101

Background Image

Video 101
102

Card Hover Effect

Video 102
103

Position Property

Video 103
104

Simple Smiley Face

Video 104
105

What is Flexbox?

Video 105
106

Display Flex

Video 106
107

Flex Direction

Video 107
108

Justify Content

Video 108
109

Flex Wrap

Video 109
110

Align Items

Video 110
111

Align Content

Video 111
112

Align Self

Video 112
113

Flex Sizing

Video 113
114

Flex Shorthand

Video 114
115

What is Grid?

Video 115
116

Grid Model

Video 116
117

Grid Template

Video 117
118

Grid Template (repeat)

Video 118
119

Grid Gaps

Video 119
120

Grid Columns

Video 120
121

Grid Rows

Video 121
122

Grid Properties

Video 122
123

Animation in CSS

Video 123
124

Animation Shorthand

Video 124
125

% in Animation

Video 125
126

Media Queries

Video 126
127

Media Queries (Orientation)

Video 127
128

Pet Adoption Page

Video 128
129

z-index

Video 129
130

Color Theory

Video 130
131

Typography

Video 131
132

Google Fonts

Video 132
133

Icons

Video 133
134

Introduction

Video 134
135

Setting Style

Video 135
136

Sidebar Menu

Video 136
137

Hover Changes

Video 137
138

Configuring Checkbox

Video 138
139

What is Bootstrap?

Video 139
140

Using Bootstrap

Video 140
141

Container (Layout)

Video 141
142

Button (Component)

Video 142
143

Badge (Component)

Video 143
144

Alert (Component)

Video 144
145

Button Group (Component)

Video 145
146

Navbar (Component)

Video 146
147

Card (Component)

Video 147
148

Grid (Layout)

Video 148
149

Grid (Vertical Alignment)

Video 149
150

Form Controls in Bootstrap

Video 150
151

Select in Form

Video 151
152

Checkbox & Radio in Form

Video 152
153

Form Layout

Video 153
154

Setting up

Video 154
155

Basics

Video 155
156

Layout

Video 156
157

Sidebar (Nav)

Video 157
158

Sidebar (Library)

Video 158
159

Library Boxes

Video 159
160

Sticky Nav

Video 160
161

Cards

Video 161
162

Footer Line

Video 162
163

Setting up Player

Video 163
164

Player Controls

Video 164
165

Playback Bar

Video 165
166

Tailwind CSS

Video 166
167

Introduction

Video 167
168

Using the Console

Video 168
169

What is a Variable?

Video 169
170

Data Types in JS

Video 170
171

Numbers in JS

Video 171
172

Operations in JS

Video 172
173

NaN in JS

Video 173
174

Operator Precedence

Video 174
175

let, const & var Keywords

Video 175
176

Practice Qs

Video 176
177

Assignment Operators

Video 177
178

Unary Operators

Video 178
179

Practice Qs

Video 179
180

Identifier Rules

Video 180
181

Boolean in JS

Video 181
182

What is TypeScript?

Video 182
183

Practice Qs

Video 183
184

String in JS

Video 184
185

String Indices

Video 185
186

null & undefined in JS

Video 186
187

Practice Qs

Video 187
188

console.log( )

Video 188
189

Linking JS File

Video 189
190

Template Literals

Video 190
191

Operators in JS

Video 191
192

Comparison Operators

Video 192
193

Comparison for Non-numbers

Video 193
194

Conditional Statements

Video 194
195

if Statement

Video 195
196

Practice Qs

Video 196
197

else if Statement

Video 197
198

else Statement

Video 198
199

Practice Qs

Video 199
200

Nested if-else

Video 200
201

Logical Operators

Video 201
202

Practice Qs

Video 202
203

truthy & falsy

Video 203
204

Switch Statement

Video 204
205

Practice Qs

Video 205
206

Alerts & Prompts

Video 206
207

String Methods

Video 207
208

Trim Method

Video 208
209

Strings are Immutable in JS

Video 209
210

ToUpperCase and ToLowerCase

Video 210
211

Methods with Arguments - indexOf

Video 211
212

Method Chaining

Video 212
213

Slice Method

Video 213
214

Replace & Repeat Method

Video 214
215

Practice Qs

Video 215
216

Array (Data Structure)

Video 216
217

Visualizing Arrays

Video 217
218

Creating Arrays

Video 218
219

Arrays are Mutable

Video 219
220

Array Methods

Video 220
221

Practice Qs

Video 221
222

indexOf & includes Method

Video 222
223

Concatenation & Reverse

Video 223
224

Slice in Arrays

Video 224
225

Splice in Arrays

Video 225
226

Sort in Arrays

Video 226
227

Practice Qs

Video 227
228

Arrays References

Video 228
229

Constant Arrays

Video 229
230

Nested Arrays

Video 230
231

Practice Qs

Video 231
232

for Loops

Video 232
233

Dry Run

Video 233
234

Print Odd Numbers

Video 234
235

Print Even Numbers

Video 235
236

Infinite Loops

Video 236
237

Print Multiplication Table

Video 237
238

Nested for Loop

Video 238
239

while Loops

Video 239
240

Favorite Movie

Video 240
241

break Keyword

Video 241
242

Loops with Arrays

Video 242
243

Loops with Nested Arrays

Video 243
244

for-of Loops

Video 244
245

Nested for-of Loop

Video 245
246

Todo App (only JS)

Video 246
247

Object Literals

Video 247
248

Creating Object Literals

Video 248
249

Creating a Post

Video 249
250

Get Values

Video 250
251

Conversion in Get Values

Video 251
252

Add / Update Values

Video 252
253

Nested Objects

Video 253
254

Array of Objects

Video 254
255

Math Object

Video 255
256

Random Integers

Video 256
257

Practice Qs

Video 257
258

Guessing Game

Video 258
259

What are functions?

Video 259
260

Practice Qs1

Video 260
261

Practice Qs 2

Video 261
262

Functions with Arguments

Video 262
263

Practice Qs 3

Video 263
264

Practice Qs 4

Video 264
265

return Keyword

Video 265
266

Practice Qs 5

Video 266
267

Practice Qs 6

Video 267
268

What is Scope?

Video 268
269

Block Scope

Video 269
270

Lexical Scope

Video 270
271

Practice Qs 7

Video 271
272

Functions Expressions

Video 272
273

Higher Order Functions

Video 273
274

Higher Order Functions (Returns)

Video 274
275

Methods

Video 275
276

'this' in JavaScript

Video 276
277

Try & Catch

Video 277
278

Arrow Functions

Video 278
279

Implicit Return in Arrow Functions

Video 279
280

Set TimeOut Function

Video 280
281

Set Interval Function

Video 281
282

this with Arrow Functions

Video 282
283

Practice Qs

Video 283
284

Array Methods

Video 284
285

Map & Filter

Video 285
286

Every & Sum

Video 286
287

Reduce Method

Video 287
288

Maximum in Array

Video 288
289

Practice Qs

Video 289
290

Default Parameters

Video 290
291

Spread

Video 291
292

Spread (Array Literals)

Video 292
293

Spread (Object Literals)

Video 293
294

Rest

Video 294
295

Destructuring

Video 295
296

Destructuring (Objects)

Video 296
297

Introduction

Video 297
298

What is DOM?

Video 298
299

Download Starter Code

Video 299
300

Selecting Element by ID

Video 300
301

Selecting Elements by Class Name

Video 301
302

Selecting Elements by Tag Name

Video 302
303

Query Selectors

Video 303
304

Setting Content in Objects

Video 304
305

Manipulating Attributes

Video 305
306

Manipulating Style (with style attribute)

Video 306
307

classList Property

Video 307
308

Navigation on Page

Video 308
309

Adding Elements on Page

Video 309
310

Removing Elements from Page

Video 310
311

Practice Qs

Video 311
312

DOM Events

Video 312
313

Mouse/ Pointer Events

Video 313
314

Event Listeners

Video 314
315

Activity

Video 315
316

Event Listeners for Elements

Video 316
317

this in Event Listeners

Video 317
318

Keyboard Events

Video 318
319

Form Events

Video 319
320

Extracting Form Data

Video 320
321

More Events

Video 321
322

Event Bubbling

Video 322
323

Building Todo with DOM

Video 323
324

Event Delegation

Video 324
325

Setting up Project

Video 325
326

Start Game

Video 326
327

Flash Buttons & Level Up

Video 327
328

Button Event Listeners

Video 328
329

Matching Sequence

Video 329
330

Reset Game

Video 330
331

Display Score

Video 331
332

JS Call Stack

Video 332
333

Visualizing the Call stack

Video 333
334

Breakpoints

Video 334
335

JS is Single Threaded

Video 335
336

Callback Hell

Video 336
337

Setting up for Promises

Video 337
338

Refactoring with Promises

Video 338
339

then( ) and catch( ) methods

Video 339
340

Promise chaining

Video 340
341

Results & Errors in Promises

Video 341
342

Refactoring old code

Video 342
343

async Functions

Video 343
344

await Keyword

Video 344
345

Handing Rejections

Video 345
346

What is an API?

Video 346
347

Accessing some APIs

Video 347
348

What is JSON?

Video 348
349

Accessing JSON data

Video 349
350

API Testing Tools

Video 350
351

What is Ajax?

Video 351
352

Https Verbs

Video 352
353

Status Codes

Video 353
354

Adding Information in URLs

Video 354
355

Https Headers

Video 355
356

Our First API request

Video 356
357

Using Fetch with async-await

Video 357
358

Using Axios

Video 358
359

DogPictures API

Video 359
360

Sending Headers with API requests

Video 360
361

Activity using Query Strings

Video 361
362

What is the Terminal?

Video 362
363

Different Terms related to Terminal

Video 363
364

(Window Users Only) Installing Git Bash

Video 364
365

Basic Commands

Video 365
366

Navigation Commands

Video 366
367

Paths in Navigation

Video 367
368

Making Directories

Video 368
369

What are Flags?

Video 369
370

Touch Command

Video 370
371

Deleting Files & Folders

Video 371
372

What is Git & Github?

Video 372
373

Creating a Github Account

Video 373
374

Using Github

Video 374
375

Using Git

Video 375
376

Configuring Git

Video 376
377

Git with VSCode

Video 377
378

Clone command

Video 378
379

Status command

Video 379
380

Add & Commit Commands

Video 380
381

Push command

Video 381
382

Init Command

Video 382
383

Pushing Local repo

Video 383
384

Workflow

Video 384
385

Git branches

Video 385
386

Branch Commands

Video 386
387

Merging Branches

Video 387
388

Pull command

Video 388
389

Merge Conflicts

Video 389
390

Fixing Mistakes

Video 390
391

What is Forking?

Video 391
392

What is node.js?

Video 392
393

Node Installation

Video 393
394

Node REPL

Video 394
395

Node Files

Video 395
396

Process in Node

Video 396
397

Export in Files

Video 397
398

Export in Directories

Video 398
399

What is npm?

Video 399
400

Installing Packages

Video 400
401

package.json

Video 401
402

Local v/s Global Installation

Video 402
403

import modules

Video 403
404

What is Express?

Video 404
405

Getting started with Express

Video 405
406

Handling requests

Video 406
407

Sending a Response

Video 407
408

Routing

Video 408
409

Installing Nodemon

Video 409
410

Path Parameters

Video 410
411

Query Strings

Video 411
412

What is Templating?

Video 412
413

Using EJS

Video 413
414

Views Directory

Video 414
415

Interpolation Syntax

Video 415
416

Passing data to EJS

Video 416
417

Instagram EJS

Video 417
418

Conditional Statements

Video 418
419

Loops

Video 419
420

Instagram Page with EJS

Video 420
421

Serving Static Files

Video 421
422

Includes

Video 422
423

GET & POST Request

Video 423
424

Handling POST requests

Video 424
425

Revisiting JS (OOPS)

Video 425
426

Object Prototypes

Video 426
427

Factory Functions

Video 427
428

New Operator

Video 428
429

Classes in JS

Video 429
430

Inheritance

Video 430
431

What is REST?

Video 431
432

CRUD Operations

Video 432
433

Creating RESTful APIs

Video 433
434

Index Route

Video 434
435

Create & New Route

Video 435
436

Redirect

Video 436
437

Show Route

Video 437
438

Creating Ids (UUID)

Video 438
439

Update Route

Video 439
440

Edit Route

Video 440
441

Destroy Route

Video 441
442

What is a Database?

Video 442
443

SQL v/s NoSQL

Video 443
444

What is SQL?

Video 444
445

What is a Table?

Video 445
446

(For Windows) Installation

Video 446
447

(For Mac) Installation

Video 447
448

Our First Database

Video 448
449

Our First Table

Video 449
450

Database Queries

Video 450
451

CREATE Table

Video 451
452

What are Constraints?

Video 452
453

Key Constraints

Video 453
454

Primary & Foreign Keys

Video 454
455

INSERT into Table

Video 455
456

SELECT Command

Video 456
457

Where Clause

Video 457
458

Operators in Where

Video 458
459

Frequently Used Operators

Video 459
460

Limit Clause

Video 460
461

Order By Clause

Video 461
462

Aggregate Functions

Video 462
463

Group By Clause

Video 463
464

Having Clause

Video 464
465

General Order

Video 465
466

UPDATE Table

Video 466
467

DELETE Table

Video 467
468

ALTER Table

Video 468
469

TRUNCATE Table

Video 469
470

Practice Qs1

Video 470
471

Practice Qs2

Video 471
472

Using Faker

Video 472
473

MySQL Package

Video 473
474

Using SQL from CLI

Video 474
475

CREATE Table user

Video 475
476

INSERT INTO user

Video 476
477

Insert in Bulk

Video 477
478

Routing

Video 478
479

Home Route

Video 479
480

Add Template

Video 480
481

Show Route

Video 481
482

Edit Route

Video 482
483

Update Route

Video 483
484

The Mongo Shell

Video 484
485

How we store data? (BSON)

Video 485
486

Document & Collection

Video 486
487

INSERT in DB (InsertOne)

Video 487
488

INSERT in DB (InsertMany)

Video 488
489

FIND in DB

Video 489
490

Query Operators

Video 490
491

UPDATE in DB

Video 491
492

Nesting

Video 492
493

DELETE in DB

Video 493
494

What is mongoose?

Video 494
495

Installation & Setup

Video 495
496

Schema

Video 496
497

Models

Video 497
498

Insert in Mongoose

Video 498
499

Insert Multiple

Video 499
500

Find in Mongoose

Video 500
501

Update in Mongoose

Video 501
502

FindAndUpdate

Video 502
503

Delete in Mongoose

Video 503
504

Schema Validations

Video 504
505

SchemaType Options

Video 505
506

Validation in Updation & Errors

Video 506
507

Basic Set Up

Video 507
508

Creating our Model (Chat)

Video 508
509

Initialize Database

Video 509
510

Index Route

Video 510
511

New Route

Video 511
512

Create Route

Video 512
513

Using Date

Video 513
514

Edit Route

Video 514
515

Update Route

Video 515
516

Destroy Route

Video 516
517

Basic Set up

Video 517
518

Listing Model

Video 518
519

Initialize Database

Video 519
520

Index Route

Video 520
521

READ (Show Route)

Video 521
522

CREATE (New & Create Route)

Video 522
523

UPDATE (Edit & Update Route)

Video 523
524

DELETE (Delete Route)

Video 524
525

Creating Boilerplate

Video 525
526

Navbar

Video 526
527

Footer

Video 527
528

Styling Index

Video 528
529

Styling New Listing

Video 529
530

Styling Edit Listing

Video 530
531

Styling Show Listing

Video 531
532

What are Middlewares?

Video 532
533

Our 1st Middleware

Video 533
534

Using next( )

Video 534
535

Creating Utility Middleware

Video 535
536

Exploring app.use( )

Video 536
537

API Token as Query String

Video 537
538

Passing multiple Middlewares

Video 538
539

Error Handling (Express Default)

Video 539
540

Error Handling Middleware

Video 540
541

Custom Error Class

Video 541
542

Default Status & Message

Video 542
543

Activity

Video 543
544

Handling Async Errors

Video 544
545

Using try-catch

Video 545
546

Using wrapAsync

Video 546
547

Mongoose Errors

Video 547
548

Client-Side Validation (Form)

Video 548
549

Success & Failure Text

Video 549
550

Custom Error Handling

Video 550
551

Add wrapAsync

Video 551
552

Add ExpressError

Video 552
553

Error.ejs

Video 553
554

Validation for Schema

Video 554
555

Validation for Schema (Middleware)

Video 555
556

SQL Relationships (One to One)

Video 556
557

SQL Relationships (One to Many & Many to Many)

Video 557
558

One to Few (in Detail)

Video 558
559

One to Few (Implementation)

Video 559
560

One to Many (in Detail)

Video 560
561

One to Many (Implementation)

Video 561
562

using Populate

Video 562
563

One to Squillions (in Detail)

Video 563
564

Reading Docs

Video 564
565

Handling Deletion

Video 565
566

Mongoose Middlewares

Video 566
567

Creating Review Model

Video 567
568

Create Reviews (Step 1)

Video 568
569

Create Reviews (Step 2)

Video 569
570

Validation for Reviews

Video 570
571

Render Reviews

Video 571
572

Styling Reviews

Video 572
573

Deleting Reviews

Video 573
574

Handling : Delete Listing

Video 574
575

What is Express Router

Video 575
576

Using Express Router

Video 576
577

Restructuring Listings

Video 577
578

Restructuring Reviews

Video 578
579

Web Cookies

Video 579
580

Sending Cookies

Video 580
581

Cookie Parser

Video 581
582

Signed Cookies

Video 582
583

What is State?

Video 583
584

Express Sessions

Video 584
585

Exploring Session Options

Video 585
586

Storing & Using Session Info

Video 586
587

Using connect-flash

Video 587
588

Using res.locals

Video 588
589

Implement Sessions in Project

Video 589
590

Cookie in SessionOptions

Video 590
591

Implement Flash in Project

Video 591
592

Flash Success Includes

Video 592
593

Flash Failure Includes

Video 593
594

Authentication v/s Authorization

Video 594
595

How are passwords stored?

Video 595
596

What is Hashing?

Video 596
597

What is Salting?

Video 597
598

Passport - Getting started

Video 598
599

User Model

Video 599
600

Configuring Strategy

Video 600
601

Demo User

Video 601
602

SignUp User - GET

Video 602
603

SignUp User - POST

Video 603
604

Login User

Video 604
605

Connecting Login Route

Video 605
606

LogOut User

Video 606
607

Add Styling

Video 607
608

Login after SignUp

Video 608
609

post-Login Page

Video 609
610

Listing Owner

Video 610
611

Starting with Authorization

Video 611
612

Authorization for /listings

Video 612
613

Authorization for /reviews (part1)

Video 613
614

Authorization for /reviews (part2)

Video 614
615

MVC - Model, View, Controller

Video 615
616

MVC for Listings

Video 616
617

MVC for Reviews & Users

Video 617
618

Router.route

Video 618
619

Re-style Ratings

Video 619
620

Image Upload

Video 620
621

Manipulating Form

Video 621
622

Cloud Setup

Video 622
623

Store Files

Video 623
624

Save Link in Mongo

Video 624
625

Display Image

Video 625
626

Edit Listing Image

Video 626
627

Image Preview for Edit Page

Video 627
628

Getting Started with Maps

Video 628
629

Our First Map

Video 629
630

Geocoding

Video 630
631

Storing Coordinates

Video 631
632

Map Marker

Video 632
633

Map Popup

Video 633
634

Fixing Home Page

Video 634
635

Add UI for Filters

Video 635
636

Add UI for Tax Switch

Video 636
637

Making Tax Switch Functional

Video 637
638

Add UI for Search

Video 638
639

Using Mongo Atlas

Video 639
640

Mongo Session Store

Video 640
641

Deployment with Render

Video 641
642

Push code to Github

Video 642
643

Connect Render with Github

Video 643
644

Create New Service

Video 644
645

What is React?

Video 645
646

What is JSX?

Video 646
647

Set up Local Environment

Video 647
648

Understanding our App

Video 648
649

Re-write App

Video 649
650

Our 1st Component

Video 650
651

Import-Export

Video 651
652

Writing Markup in JSX

Video 652
653

React Fragment

Video 653
654

JSX with Curly Braces

Video 654
655

Structuring Components

Video 655
656

Style Components

Video 656
657

React Props

Video 657
658

Passing Arrays to Props

Video 658
659

Rendering Arrays

Video 659
660

Conditionals

Video 660
661

Dynamic Component Styling

Video 661
662

Activity

Video 662
663

Install React Developer Tools

Video 663
664

Activity : Amazon Cards

Video 664
665

Handling Click Events

Video 665
666

Handling Non-Click Events

Video 666
667

Event Object

Video 667
668

State in React

Video 668
669

Hooks

Video 669
670

useState( )

Video 670
671

Activity : Create LikeButton

Video 671
672

Closure in JS

Video 672
673

Re-render : How does it work?

Video 673
674

Callback in Set State Function

Video 674
675

More about State

Video 675
676

Objects & State

Video 676
677

Arrays & State

Video 677
678

Activity : Create a Todo

Video 678
679

Unique Key for List Items

Video 679
680

Deleting from Arrays

Video 680
681

Update All in Array

Video 681
682

Update One in Array

Video 682
683

Add a "Mark as Done" Feature to Todo

Video 683
684

Todo Solution - Mark as Done Feature

Video 684
685

Lottery Game (Part a)

Video 685
686

Lottery Game (Part b)

Video 686
687

Changes to Lottery Game

Video 687
688

Component Types

Video 688
689

Ticket Component

Video 689
690

Lottery Component

Video 690
691

Functions as Props

Video 691
692

Forms in React

Video 692
693

Labels in React

Video 693
694

Handling Multiple Inputs

Video 694
695

Comments Form

Video 695
696

Show Comments

Video 696
697

Validations

Video 697
698

useEffect( )

Video 698
699

Dependencies in useEffect( )

Video 699
700

Use Cases

Video 700
701

Material UI

Video 701
702

Building Search Box

Video 702
703

Using Weather API

Video 703
704

Building Info Box

Video 704
705

Weather App Component

Video 705
706

Added Feature

Video 706
707

Introduction to Tailwind

Video 707
708

Tailwind CLI

Video 708
709

Typography & Styling

Video 709
710

Colors & Spacing

Video 710
711

Breakpoints in Tailwind

Video 711
712

Apply Directive

Video 712
713

Design a Card in Tailwind

Video 713
714

What is Redux?

Video 714
715

Understanding Terms

Video 715
716

Setup Project

Video 716
717

Configuring Store

Video 717
718

Deciding Actions

Video 718
719

Creating Reducers

Video 719
720

Todo Component (Provider & useSelector)

Video 720
721

AddTodo (Dispatching Actions)

Video 721
722

Delete Todo

Video 722

Requirements

  • Basic computer knowledge
  • Internet connection for video streaming
  • Code editor (VS Code recommended)
  • Motivation to learn and practice

Course Features

Lifetime Access
Certificate of Completion
Mobile and Desktop Access
Downloadable Resources
Community Support

Ready to Start Learning?

Join thousands of students who have already enrolled in this course.

Start Learning Now