From 30 sept 26 to 30 march 27
This 6 month of timeline is either "Do or Die".

Challenges:
Learn in depth technical knowledge(PERN stack)
AI-native skills
Devops
System design
2-3 solid projects
Landing Internship/Job

If it doesn't work I'm done with software!

🌟Started the day with practising Hooks-useState

Read docs and found out few of golden rules:
>Render dynamic UI from state
>Call hooks at the top level of components or custom hooks
>Never mutate state directly, use the setter
>Update object/array using spread(...)
#ReactJs

React learnings from @akshaymarch7 sir.
Today was all about getting comfortable with React Hooks - React features into functional components!
> useState - remembers between renders.
> Rendering
> Renconciliation
> Reconciliation algo
> React fibre
> commit

#React #JavaScript

Revisited the Js topics for better understanding of concepts - Lexical bindings, var/let/const, object references and mutations

-Also catched some bugs and error types and learned couple of new concepts too.

-Practiced 10 question on related topics.

#JavaScript

Day by day, React is 🌟

Today's learnings
• Reusable components with Props
• React's rendering pipeline
• Rendering lists from data
• Fetching live API data
• Building data-driven UIs

Key takeaway: Your UI shouldn't be hardcoded. Let your data drive your UI. 🚀

#ReactJS

Day6/180🌟

Ep-03 of React by @akshaymarch7 sir🔥

🔥Laid down some foundations:
-npm scripts: shorthand for npx parcel & build
-React functional components & implicit /explicit return
-Component composition
-Js expression & JSX format
-Initialization error

#React #JavaScript

Day5/180🌟

🌟Covered branching in git:
git branch
git branch <branch> -create new
git switch <branch> -switch to new
git checkout -b branchName

🌟Covered REACT Ep-2
By @akshaymarch7 sir
npm→Parcel→modules→React→
ReactDOM→createRoot→debugging→
production build

#React

Day4/180🔥
Straight for 3 hours into git learnings:
Understood Working directory, Staging area & Repo

Commands - git init, add, commit, status, log, diff, restore, rm -rf *, .gitignore, .gitkeep, config many more

Onto the Branching next!

We keep grinding🔥
#Github

. Find max/min
. Sum elements
. Find second-largest element
. Find largest element + frequency
.Find first & last occurrence
. Find all occurrences
.Mixed array practice × 5

Started my DSA journey with Js

Key takeaway: before writing code, identify the STATE.

Day 1/DSA 🚀

Today I finally wrote my first React code.
The interesting part wasn't the syntax.

It was understanding this flow:
"React → ReactDOM → DOM"

Learnt how React create a nested UI structure & how ReactDOM renders that structure into the DOM.

Also explored:
CDN-based React setup

I never loved JavaScript!

But today, my Js learning ends!

Core concept, Patterns, Edge cases
mental models - almost everything done!

It's time to build -
Real projects
Real problems

🔥Learnings to Applications

Thanks to @Hiteshdotcom
& @ChaiCodeHQ ❤ - Js is Love btw!

Life has come a long way — from a phone call to an API call. 📞 → 🌐

Learned the older way to make API requests - XMLHttpRequest (XHR)

Assignment:
→ Send an API request
→ Parse the response
→ Extract specific data
→ Integrate it into the DOM tree

#APIs #XHR #DOM

Async Js clicked today⚡

readFileSync() blocks Node.js execution
readFile() execution continues while I/O is handled async.

Also understood I/O vs CPU bound task and how Event loop coordinates callbacks from I/O and timers.

#javascript #NodeJs #BuildInPublic

Js learning - Async Js and Event loop
1. call stack revised
2.Async operations
3.Event loop
4.Micro vs Macro task queue
5. Higher priority among micro and macro tasks

#Webdev #100DaysOfCode #BuildInPublic #JavaScript #LearningInPublic #Developer

learnings.addEventListener("click", (e) => {
const concept = e.target.closest("span")
if (concept && learnings.contains(concept)) {
output.textContent = `Learning: ${concept.textContent}`
}
})

Output:

Event Delegation & Bubbling
target
closest
matches

Built a Movie Discovery App with React.

Added movie search, movie details, watchlist with localStorage, and API integration using OMDb.

Learned a lot about state, props, conditional rendering, and API handling while building it.

#ReactJS #JavaScript #WebDevelopment

Events in Js update:

Today's Learnings:

→ Event-driven programming
→ add/removeEventListener
→ Event Object - type, target, currentTarget, timeStamp
→ Mouse, Pointer & Keyboard Events
→ Key modifiers(alt, ctrl, shift, meta)
→ input vs change
→submit, focus&blur

Finally moved from DOM manipulation to DOM - kick started Events in Js

Learned Basics:
1. Event object
2. Event propagation,Bubbling & Capturing
3. Use of false and true argument in propagation
4. stopPropagation, preventDefault & target methods
5 Spill Over operations

DOM learnings:

1.Removing DOM nodes
2.classList add, remove, toggle, check
3.remove() vs removeChild()
4.remove & eventListener (Reachability)
5.Reinserting removed node using append()
6.Reached CRUD mental model
7.before(), after(), insertBefore(), replaceWith()

Check👇

Finally building stuff!

Done with DOM manipulation & started Events and guess what - Built 4 mini projects.

1)Background Color Changer
2)BMI Calculator
3)Digital Clock
4)Character Counter

#JavaScript #webdev #BuildInPublic #Projects