Aprenda JavaScript em 100 dias

Learn Javascript in 100 Days:

1-10th Day: Foundations

➔ Introduction

• What is JavaScript?

• History and Evolution

➔ Variables

• `var`

• `let`

• `const`

➔ Data Types

• String

• Number

➔ Projects:

• Simple Calculator

• Basic Form Validation

11-20th Day: Foundations (Continued)

➔ Data Types (Continued)

• Boolean

• null

• undefined

➔ Operators

• Arithmetic, Logical, Comparison

➔ Control Structures

• `if-else`

• `switch-case`

➔ Projects:

• To-Do List

• Simple Weather App (API-less)

21-30th Day: Foundations

➔ Control Structures (Continued)

• Loops (`for`, `while`, `do-while`)

➔ Functions

• Function Declarations

• Expressions

• Arrow Functions

➔ Projects:

• Simple Quiz Game

• Countdown Timer

31-40th Day: Intermediate Topics

➔ Functions (Continued)

• Parameters & Arguments

• Return Statement

➔ Objects

• Creating Objects

• Methods

• Properties

➔ Projects:

• Object-Oriented Calculator

• Basic Blog System

41-50th Day: Intermediate Topics (Continued)

➔ Objects (Continued)

• `this` Keyword

➔ Arrays

• Methods (`push`, `pop`, `shift`, etc.)

• Iterations (`forEach`, `map`, `filter`, etc.)

➔ Projects:

• Simple Shopping Cart

• Recipe Book

51-60th Day: Intermediate Topics

➔ DOM Manipulation

• Selecting Element

• Modifying Content

• Event Listeners

➔ Error Handling

• `try-catch`

• Throwing Errors

➔ Projects:

• Interactive Web Page (Portfolio)

• Basic Chat Application

61-70th Day: Deep Dive into Advanced JS

➔ ES6+ Features

• Destructuring

• Spread & Rest Operators

➔ Asynchronous JS

• Callbacks

• Promises

➔ Projects:

• Weather App using APIs

• Currency Converter

71-80th Day: Deep Dive into Advanced JS (Continued)

➔ Asynchronous JS (Continued)

• Async/Await

• Fetch API

• AJAX

➔ Functional Programming

• Concepts

• Higher-order Functions

➔ Projects:

• Mini Social Media Dashboard

• Real-Time Stock Market App

81-90th Day: Ecosystem & Environment

➔ Environment Setup

• Node.js

• NPM

➔ Package Managers

• Understanding `package.json`

• NPM vs Yarn

➔ Projects:

• Node.js REST API

• Simple E-commerce Backend

91-100th Day: Modern Frameworks & Libraries

➔ React

• JSX

• Components

• Hooks

➔ Vue

• Vue Components

• Directives

➔ Projects:

• Full-Stack To-Do App with React and Node.js

• Real-Time Chat Application using Vue and WebSockets

Further Learning (Optional):

• Web APIs

• Graphics (Canvas API, WebGL)

• Backend with Node.js (Express.js, Middlewares, Databases)

• Testing (Jest, Mocha & Chai)

• Build Tools (Webpack, Babel, ESLint)

Follow @mdjunaidap for more.