Scribd
Upload
29 views3 pages

15 Day JavaScript Learning Plan

The document outlines a 15-day intensive learning plan for beginners to learn JavaScript, with a daily study time of 46 hours focused on practical coding exercises. Each day covers specific topics such as JavaScript basics, operators, functions, arrays, DOM manipulation, and asynchronous programming, culminating in projects like a to-do app and a weather app. The final day is dedicated to reviewing concepts and deploying projects.

Uploaded by

itxumairali24
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views3 pages

15 Day JavaScript Learning Plan

The document outlines a 15-day intensive learning plan for beginners to learn JavaScript, with a daily study time of 46 hours focused on practical coding exercises. Each day covers specific topics such as JavaScript basics, operators, functions, arrays, DOM manipulation, and asynchronous programming, culminating in projects like a to-do app and a weather app. The final day is dedicated to reviewing concepts and deploying projects.

Uploaded by

itxumairali24
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

15-Day JavaScript Beginner Learning Plan

This 15-day plan is designed for beginners who want to learn JavaScript intensively.

Daily study time: 46 hours. Focus on practicing by writing code.

Day 1: JavaScript Basics

- What is JavaScript?
- Linking JS to HTML
- Variables: var, let, const
- Data types: string, number, boolean, null, undefined
- Comments and console.log
- Practice: Write variable assignments and log to console.

Day 2: Operators & Conditions

- Arithmetic, comparison, and logical operators


- if, else if, else, ternary operator
- Practice: Create an age-checking app.

Day 3: Loops

- for, while, do-while loops


- Looping through numbers and text
- Practice: Print multiplication table, countdown.

Day 4: Functions

- Function declaration, invocation


- Parameters, return values, arrow functions
- Practice: Create functions for area, BMI, etc.

Day 5: Arrays

- Creating and accessing arrays


- Looping through arrays
- Array methods: push, pop, shift, unshift
- Practice: Grocery list or favorite movies.

Day 6: Array Methods

- map, filter, forEach, find


- Sorting arrays
- Practice: Filter, sort, and transform array data.

Day 7: Objects

- Creating and accessing objects


- Nested objects and object methods
- Practice: Create a person object with methods.

Day 8: DOM Basics

- querySelector, getElementById
- Changing text, styles, attributes
- Practice: Change a headlines color with button.

Day 9: DOM Events

- Handling events: click, input, submit


- addEventListener and event object
- Practice: Click counter or live input display.

Day 10: Forms & Inputs

- Reading inputs, preventing default behavior


- Form validation basics
- Practice: Login form with validation.

Day 11: ES6+ Essentials

- let, const, arrow functions


- Template literals, destructuring, spread/rest
- Practice: Convert old JS to ES6.

Day 12: Async JavaScript

- Callbacks and Promises


- setTimeout, setInterval
- Fetch API basics
- Practice: Fetch and display public API data.

Day 13: Practice Day - To-do App

- Add, mark, delete tasks


- Bonus: Add localStorage support
Day 14: Mini Project - Weather App

- Use OpenWeatherMap API


- Search city and display weather

Day 15: Wrap-up & Review

- Review all concepts


- Fix project bugs, deploy to GitHub/Netlify
- Reflect on learning journey

You might also like