Adul Ayub Ali

BCA student learning to code
Sharing my coding journey, problems & lessons
HTML • CSS • JavaScript
Building in public

[Adul Ayub Ali @abdulayubali]

Built a Login/Register toggle UI using React ⚛️

Practiced:
• useState
• Conditional Rendering
• Props
• Tailwind CSS

Switches between login & register without page reload.

Live 👇
https://t.co/18AxNgAOrY

#ReactJS #WebDev #JavaScript #TailwindCSS

[Adul Ayub Ali @abdulayubali]

Day X of my MERN journey ⚛️

Today I learned about React useState and state operations.

• Creating state with useState
• Updating state dynamically
• Increment / decrement operations
• Using previous state (prev => prev + 1)

[Adul Ayub Ali @abdulayubali]

Revised React Day 1 & Day 2 today.

Went deeper into the core concepts and BTS (Behind The Scenes) of React:
• Actual DOM vs Virtual DOM
• Diffing Algorithm
• Reconciliation process
• How React updates UI efficiently

[Adul Ayub Ali @abdulayubali]

🚀 Built a Product Card UI using React today.

Focused on:
• Reusable components
• Props for passing product data
• Rendering with .map()
• Improving UI alignment & spacing
• Responsive card layout

Live demo 👇
https://t.co/sXpEnF1K42

#React #WebDevelopment #MERNStack #JS

[Adul Ayub Ali @abdulayubali]

Day’s learning in my React journey:

• React setup using CDN
• Role of React & ReactDOM
• How JSX works
• How Babel converts JSX → React.createElement()
• Rendering components using ReactDOM.createRoot().render()
• Understanding single, nested, and multiple JSX elements

[Adul Ayub Ali @abdulayubali]

Today’s class was full of practical learning.

Learned about:
• Vite ⚡
• npm & dependency management
• Real-world React folder structure
• React boilerplate setup

Slowly understanding how professional projects are actually structured.

#ReactJS #WebDevelopment #MERNJourney

[Adul Ayub Ali @abdulayubali]

Today’s class was full of learning 🚀

Got introduced to React.js and understood concepts like Actual DOM vs Virtual DOM and how React efficiently updates the UI using the Virtual DOM.

Just the beginning of my React journey. More deep dives coming soon!

#ReactJS

[Adul Ayub Ali @abdulayubali]

Today’s class with Devendra Bhaiya was about:

• Fetch API – making HTTP requests in JavaScript using Promises
• ES Modules – organizing code with import and export

Learning how modern JavaScript handles APIs and modular code structures.

[Adul Ayub Ali @abdulayubali]

Not every day in a developer journey is about building something new.

Today was more about reflecting on what I’ve been learning in JavaScript and web development lately.

Some days you build.
Some days you think.
Both are part of the process.

Back to coding tomorrow. 🚀

[Adul Ayub Ali @abdulayubali]

Presented my project GameHunt in today’s Show & Tell session.

🔗 https://t.co/SSairqOqjL

Built with HTML, CSS, and JavaScript.

Current game:
🐍 Snake Game
• Eat food → snake grows
• Score increases
• Wall collision → Game Over

[Adul Ayub Ali @abdulayubali]

Day 2 of Advanced JavaScript 🚀

Today I finally understood how the JavaScript Event Loop actually works.

Learned about:
• Call Stack
• Microtask Queue (Promises)
• Macrotask Queue (setTimeout, DOM events)
• How async code is scheduled and executed

[Adul Ayub Ali @abdulayubali]

2-day break Back to the grind!
Today was all about Advanced JS. Dived deep into: Higher-Order Functions (HOFs) Closures (the "Aha!" moment!) Array & Object Destructuring Tomorrow is dedicated to 100% revision. If you don't master the fundamentals, the advanced stuff won't stick.

[Adul Ayub Ali @abdulayubali]

Just finished building a BMI Calculator. ✅ Clean UI ✅ Instant results ✅ Fully responsive
Check it out here: https://t.co/IF8QSbgEQJ
#100DaysOfCode #BuildInPublic #Javascript #WebDev

[Adul Ayub Ali @abdulayubali]

Scored 20/20 in yesterday’s Debug Battle 🔥

Not luck. Just deep focus, logic clarity, and clean debugging.

One thing I learned — real developers don’t panic at bugs. They break them.

Photo attached below 👇

[Adul Ayub Ali @abdulayubali]

Today was our Debug Battle Challenge 🔥

Not about writing code.
About understanding broken code.

Realized:
Anyone can build.
Not everyone can debug.

Every bug sharpened my thinking.
Slowly becoming a real developer. 🚀

#WebDev #JavaScript #MERN #BuildInPublic

[Adul Ayub Ali @abdulayubali]

I stopped sharing my Web Dev journey for a while.
No excuses.

I’m back.

Starting React JS this week.
Documenting everything till the end.

Consistency > Motivation. 🚀

#ReactJS #BuildInPublic

[Adul Ayub Ali @abdulayubali]

Day 2 of my Web Development journey 🚀

Today I understood one important thing:
HTML is not a programming language.
It’s a markup language used to structure web pages.

No compiler.
No error messages.
The browser just tries its best to render the page.

Learning step by step.

[Adul Ayub Ali @abdulayubali]

Starting to learn coding seriously alongside my BCA.

Decided to build in public — sharing what I learn, where I get stuck, and what finally makes sense.

Day 1. Let’s see where this goes.