Apna College Web Development Course: study plan and how long it takes
The Apna College playlist is 57 videos and 18.3 hours long. Here's how long it takes at different paces, a week-by-week schedule built from the real videos, and a planner that turns it into your own daily plan.
57 videos · 18.3 hours · Apna College
Apna College's Web Development course covers HTML, CSS properties, responsiveness and Flexbox, animations, Bootstrap, and JavaScript from the basics through reference types, arrays and objects, with challenges and exercises, ending with how to host a static website.
It's a beginner frontend course in Hindi, at about 18 hours.
Who it's for: Beginners who want to learn HTML, CSS and JavaScript in Hindi and publish their first website.
How long does it take?
The full playlist is 18.3 hours across 57 videos. Here's roughly how many days that is at different daily watch times and speeds, counting video time only:
| Daily time | At 1x | At 1.5x | At 2x |
|---|---|---|---|
| 30 min a day | 37 days | 25 days | 19 days |
| 1 h a day | 19 days | 13 days | 10 days |
| 2 h a day | 10 days | 7 days | 5 days |
Make your own schedule
The playlist link is already filled in. Press Plan, set how much time you have each day and your speed, and you'll get a day-by-day schedule with a finish date and a calendar file. It reads the live playlist, so new videos are included.
Week-by-week schedule
A sample plan at 1 hour a day and normal speed, using whole videos so none is split across days. That's 4 weeks in total. For a different pace, start date or speed, use the planner above.
Week 1Videos 1–20 · 6h 4m
Day 1 · 49m
- 1Introduction to Web Development | World's most premium Web Development Course | Lecture 0 (Reupload)11m
- 2HTML Course | From Beginners to Advance Level | Lecture 138m
Day 2 · 58m
- 3HTML Course | World's most premium HTML Course | Lecture 232m
- 4HTML Course | Media Elements | Lecture 326m
Day 3 · 59m
- 5HTML | Structuring a Mega Project33m
- 6CSS - What is selectors? | Web Development Course26m
Day 4 · 33m
- 7Properties in CSS | Web Development Course | CSS Lecture 233m
Day 5 · 54m
- 8Understanding Box Model | Styling List and Tables | CSS Lecture 329m
- 9Understanding Cascading , Specificity and Inheritance | CSS Lecture 426m
Day 6 · 52m
- 10Styling Forms in CSS | Web Development Course | Lecture 5 of CSS15m
- 11Challenge #1 for Web Development Course students | Forms2m
- 12Debugging in CSS | Web Development Course16m
- 13What is Responsiveness? CSS | Web Development Course | Lecture 715m
- 14Responsiveness Challenge | CSS | Web Development Course4m
Day 7 · 59m
- 15Floats & Position Properties | CSS | Web Development Course23m
- 16Challenge 3: Float | Web Development Course3m
- 17Challenge #4 : Positions | Web Development Course3m
- 18Learn Flexbox Under 25mins | Web Development Course24m
- 19Flexbox-1 Challenge | CSS | Web Development Course3m
- 20Flexbox-2 Challenge | CSS | Web Development Course3m
Week 2Videos 21–45 · 5h 50m
Day 8 · 54m
- 21Flexbox-3 Challenge | CSS | Web Development Course3m
- 22CSS Grid | Web Development Course19m
- 23CSS Grid-1 Challenge #8 | Web Development Course3m
- 24CSS Grid -2 Challenge - 9 | Web Development Course3m
- 25Learn Animations in CSS13m
- 26Adding CSS to Mega Project14m
Day 9 · 54m
- 27Updating Design of Mega Project | Web Development Course54m
Day 10 · 55m
- 28Namaste World in Bootstrap | Web Development Course16m
- 29Customization & Layout in Bootstrap | Web Development Course | Lecture 1511m
- 30Bootstrap - Grid Layout | Web Development Course | Lecture 1618m
- 31Bootstrap - Components | Web Development Course | Lecture 1711m
Day 11 · 40m
- 33Javascript Introduction | Lecture 1 | Web Development Course8m
- 34Javascript - First Program Namaste World | Lecture 2 | Web Development Course16m
- 35How JavaScript Works ? | Javascript - Lecture 3 | Web Development Course6m
- 36What is DOM (Document Object Model) ? | Javascript Lecture 46m
- 37Ways to add JavaScript to Web Pages? JavaScript : Lecture 5 @ApnaCollegeOfficial4m
Day 12 · 53m
- 38Javascript | Lecture 6,7 & 8 Combined | Web Development Course39m
- 39Javascript | Lecture 9 & 10 combined | If else and switch statements | Web Development Course14m
Day 13 · 58m
- 40Loops in Javascript | Web Development Course | Javascript- Lecture 1121m
- 41Basics of Functions in Javascript | Web Development Course | Javascript - Lecture 1212m
- 42Strings in Javascript | Web Development Course | Lecture 13 & 1425m
Day 14 · 36m
- 43Reference Datatypes in JavaScript | Web Development Course | Javascript Lecture 1717m
- 44Javascript : Top 10 Websites to practice | Web Development Course | Lecture 188m
- 45Coercion and Type Conversion | Javascript - Lecture 19 | Web Development Course12m
Week 3Videos 46–57 · 6h 8m
Day 15 · 48m
- 46Everything about Objects | Javascript Lecture - 20 | Web Development Series40m
- 47Objects Exercise | JavaScript | Lecture 21 | Web Development Course8m
Day 16 · 1h
- 48What is a Class? Javascript Lecture 22 | Web Development Course17m
- 49Everything about Arrays | Javascript Lecture 23 | Web Development Course43m
Day 17 · 56m
- 50How code gets executed in JavaScript? | Lecture 259m
- 51Exercise for array � Lecture 24 � Javascript24m
- 52Web Development Course | Scope in Javascript | In Depth23m
Day 18 · 49m
- 53What is Hoisting? | Javascript | Web Development Course31m
- 54What is this keyword? | Javascript | Web Development Course18m
Day 19 · 19m
- 55Exercises for Objects | javascript | Web Development Course19m
Day 20 · 1h 18m
- 56DOM Manipulation | Javascript | Web Development Course1h 18m
Day 21 · 58m
- 57Creating a CRUD App | DOM Manipulation | Javascript | Web Development Course | Part - 2 |58m
Week 4Video 58 · 16m
Day 22 · 16m
- 58How to Host a Static Website?16m
Tips for finishing
- Do the challenges as they come up; they're short and reinforce each lesson.
- Host your own site at the end using the final video; a live site is great motivation for the next step.