- Variables
- Data Types
- Strings
- Numbers
- Booleans
- Null & undefined
- Operators
- Arithmetic
- Equality
- Comparison
- Logical
- DOM Events
- Function Declarations & Expressions,
- Parameters & arguments
- Arrow Function
- Logic & COntrol Flow
- if statement
- switch statement
- while and for loop
- Tternary operator
- Scope and Hoisting
- IIFE
- Closures
- Currying
- Constructor Function
- Prototypal Inheritance
- String Methods
- Array Methods
- Objects
- Accessing and adding properties
- Built-in methods
- Value vs Reference
- call, bind and apply
- Debounce
- Throttling
- Event propagation (bubbling)
- Asynchrous JS
- Event loop
- Intervals and timers
- Callbacks
- Promises
- Async/await
- Modern JS
- let/const
- Template literals
- Module Imports and Exports
- Object & Array Destructing
- Rest parameter and Spread Operators
- Map, forEach, filter, reduce
- for-in and for...of loop
- set
- classes
- super and extends
- API Data Fetching
- GET
- POST
- UPDATE
- DELETE
- Other Topics
- Flexbox and Grid
- Deployment
-
HTML/CSS/JS
- Make div shapes with CSS
- Input custom toggle
- Input custom checkbox
- Input custom radio
- Custom select box
- Make a simple sidebar layout in HTML
- Nav Tabs (https://www.vanillajavascriptprojects.com/)
- Modals
- Questions Accordion
- Color Flipper
- Counter
- Video Player
- Countdown Timer
- Design a sign up page (https://dribbble.com/shots/2878911-To-Do-App-Concept-Sign-Up)
- Calendar
- Calculator
- Digital Clock
- Image Slider
- Music Player App
- Salary Calculator
- Web API calls using Http (Using Ajax)
- Grocery app (same like todo app)
- Memory Game
- Notes app
- Drawing app
- Password generator
- Weather app
-
Sources:
- Calculator, Music app (https://blog.nerdjfpb.com/project-ideas-for-vanilla-javascript-beginners-to-expert/)
- Nav Tabs, Modals, Accordion (https://www.vanillajavascriptprojects.com/)
- 50 projects 50 days (https://github.com/bradtraversy/50projects50days)
- Notes app (https://www.youtube.com/watch?v=dtKciwk_si4&t=32814s)
- JavaScript Theory (devkode.io)
- JavaScript for beginners (https://exploringjs.com/impatient-js/toc.html)
- Deep JavaScript (https://exploringjs.com/deep-js/toc.html)
- Design Patterns (https://github.com/kamranahmedse/design-patterns-for-humans)
- Akshay Saini YouTube video and linked problems (https://www.youtube.com/playlist?list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP)
- Time and Space complexity in codewithsimran (https://www.youtube.com/watch?v=xCwxYqc_5YI)
- Finish 75 Leetcode problems (https://www.teamblind.com/post/New-Year-Gift---Curated-List-of-Top-100-LeetCode-Questions-to-Save-Your-Time-OaM1orEU)
- System Design (Netflix, WhatsApp, etc)
- React Clones - LinkedIn (Social), Amazon (e-commerce), YouTube (video)
- Learn NestJS
-
React
- Single select and multi-select
- Filters - with checkbox for a table
- CRUD operations (Todo app)
- Form Validation, Upload pictures and files in a form
- Google Maps Integration
- Login using Auth0
- Currency converter (convertor in general)
- Stopwatch
- Import a form as CSV or excel sheet
- Generic select dropdown
- Create a project with Node or Webpack from scratch
- Resume Builder
- Harry Potter Website
- Chronological Order of Events
- Characters with their patronous, images, house
- Avengers Website
- Lotr/hobbit Website
- Cosmo website
- Asteroids hitting Earth everyday
- Mars images
- Mars temperature every day
- Search Images - Description and download
- Solar corona ejection forecast
- Picture of the day
-
Full-stack
- Create a JWT login system (Create a node app, Create a mongoDB database, Use bcrypt, Built APIs for sign in and sign up, Check in Postman if its working).