Monster

[Monster @gauravp012]

I've just completed a front-end coding challenge from @frontendmentor! 🎉

You can see my solution here: https://t.co/KlTWD9bCDf

Any suggestions on how I can improve are welcome!

[Monster @gauravp012]

Day 38 of my web dev journey 🚀

🧠Key takeaways:
- Why manual DOM = bugs
- React’s declarative magic: UI = f(state)
- What React.createElement() does
- React vs ReactDOM — logic vs rendering

Thanks to @rohit_negi9 bhaiya
#WebDevelopment #ReactJS #CoderArmy #LearningInPublic

[Monster @gauravp012]

Day 37: this keyword + call/apply/bind! 🎯

✅ this = who called the function
✅ Strict vs non-strict mode behavior
✅ Arrow functions keep lexical this
✅ call(), apply(), bind() creates reusable function
Thanks @rohit_negi9 bhaiya 🙌
#WebDevJourney #JavaScript #CoderArmy

[Monster @gauravp012]

Day 36: Prototypes & Classes in JS 🔗

✅ methods exist in prototypes on all objects
✅ Constructor functions & the new keyword
✅ ES6 classes = syntactic sugar
✅ extends & super for inheritance
Thanks @rohit_negi9 bhaiya 🙌
#WebDevJourney #JavaScript #OOP #Prototypes #CoderArmy

[Monster @gauravp012]

Day 35: async/await in JavaScript ⚡

✅ Used await to write readable, step-by-step async code
✅ Practiced try...catch for clean error handling
✅ Saw why top-level await can block modules

Thanks to @rohit_negi9 bhaiya
#WebDevJourney #JavaScript #AsyncAwait #CoderArmy #learnJS

[Monster @gauravp012]

Day 34: Levelled up with Promises & JSON vs JS Objects 🚀
✅ Learned why Promises fix callback hell
✅ Practiced .then(), .catch(), .finally()
✅ JSON as data format vs JS object in memory
Huge thanks to @rohit_negi9 bhaiya 🙌
#WebDevJourney #JavaScript #Promises #JSON #CoderArmy

[Monster @gauravp012]

Day 33: Understood Callback Hell in JS 🔗

✅ What is callback hell & why it exists
✅ Async operations & nested callbacks
✅ Real food delivery example
✅ 8 major problems it causes
Game-changer for async code!
Thanks @rohit_negi9 bhaiya 🙌
#WebDevJourney #JavaScript #CoderArmy

[Monster @gauravp012]

Day 32: Mastered the Event Loop 🌀

✅ JS is single-threaded & synchronous
✅ Web APIs(browsers) handle async tasks
✅ Event loop schedules callbacks
✅ Task vs microtask queue priority
Game-changer! Thanks @rohit_negi9 bhaiya 🙌
#WebDevJourney #JavaScript #EventLoop #CoderArmy

[Monster @gauravp012]

I've just completed a front-end coding challenge from @frontendmentor! 🎉

You can see my solution here: https://t.co/mKr3m1Zpbj

Any suggestions on how I can improve are welcome!

[Monster @gauravp012]

Day 30: JavaScript Events & Handlers! 🛎️

✅Events: click, etc.
✅addEventListener = clean & powerful
✅Event object gives details (target, type)
✅Bubbling & capturing phases 🌊
✅Control flow, stopPropagation()
Thanks, @rohit_negi9 bhaiya,
#WebDevJourney #JS #Events #CoderArmy

[Monster @gauravp012]

Day 29: Mastered CRUD operations in the DOM!

✅ Change content safely with .textContent vs .innerHTML
✅ Add, remove & insert nodes dynamically
✅ Performance boost with DocumentFragment
✅ reflow & repaint
Big thanks to @rohit_negi9 bhaiya
#WebDevJourney #JavaScript #CoderArmy

[Monster @gauravp012]

Day 28: Explored DOM Manipulation in JavaScript

✅ DOM = live representation of HTML
✅ Select elements (querySelector, getElementById)
✅ .textContent vs .innerHTML vs .innerText
Thanks to @rohit_negi9 bhaiya for simplifying it all 🙌
#WebDevJourney #JavaScript #DOM #CoderArmy

[Monster @gauravp012]

Day 27: Deep dive into JS Array methods & data structures
✅ .forEach() – simple iteration
✅ .map() – transform data
✅ .filter() – keep what matters
✅ .reduce() – sum it all up
✅ Set – remove duplicates 🔁
✅ Map – key-value superpower 🗝️
#WebDevJourney #JavaScript #CoderArmy

[Monster @gauravp012]

🚀 Day 26 of my Web Dev Journey!

Scope: How & where variables live (global, block, function)
Closures: Functions that remember their environment
Higher-Order Functions: Functions handling functions!
Thanks @rohit_negi9 bhaiya
#JavaScript #WebDevelopment #CoderArmy

[Monster @gauravp012]

Day 25: Learned how JavaScript code actually runs 🧠
✅ Creation & execution phases
✅ Call stack & memory heap
✅ Hoisting: var (undefined), let & const (TDZ 🌙)
✅ Function context & return flow
Understanding this changed the way I see JS!
#WebDevJourney #JavaScript #Hoisting

[Monster @gauravp012]

Day 24: JavaScript functions
✅ Function syntax, parameters, return
✅ Declarations vs expressions, hoisting
✅ Arrow functions, scope
✅ IIFE, callbacks & private state
JS functions make reusable, private & async code easy!

Thanks to @rohit_negi9
#WebDevJourney #JavaScript

[Monster @gauravp012]

Just finished my hackathon Project for Defense Web Dev Course
Created a Strike project landing page using only HTML & CSS.
Learned so much about clean code and styling.

Big thanks to @rohit_negi9 bhaiya for the opportunity! 🙌 #WebDev #HTML #CSS #Hackathon

[Monster @gauravp012]

Day 23: Deep-dived into JS objects!
✅ Object : key-value pairs, dot/bracket notation
✅ Methods & the magic of 'this'
✅ Looping: Object.keys, for...in
✅ Shallow vs deep copy, destructuring, Symbols
JS objects power almost everything!
@rohit_negi9
#WebDevJourney #JavaScript

[Monster @gauravp012]

Day 22: Explored JavaScript arrays in depth!
✅ Basics: create, access, .push/.pop
✅ Loops: for, for...of
✅ Flatten, sort, splice, spread, find

Fun fact: JS arrays are actually objects—watch for sparse arrays!
Thanks to @rohit_negi9 bhaiya
#WebDevJourney #JavaScript

[Monster @gauravp012]

Day 21: Deep-dived into JS strings (immutable, powerful methods, template literals) & Date object (Unix Epoch, zero-index month bug, global time, new Temporal API on the way).

Making code handle text & time like a pro!
#WebDevJourney #JavaScript