DEV Community: Ali Hamza

apnacollege

Ali Hamza — Mon, 08 Jun 2026 11:32:28 +0000

Hello Dev Community! 👋

It is officially Day 17 of my journey to master the MERN stack! Today, I wrapped up the final part of Lecture 5 of Apna College's JavaScript course with Shradha Didi. We focused entirely on the holy trinity of functional array operations: .map(), .filter(), and .reduce().

Up until yesterday, if I wanted to copy or filter an array, I had to create empty arrays and write loop structures to push items manually. Today, I learned how to do it inline like a professional.

🧠 Key Learnings From JS Lecture 5 (Part 3)

The biggest concept today was that .map() and .filter() do not change the original dataset; they return a brand-new array. This is a crucial rule for state management in modern development.

1. The `.map()` Method

Similar to .forEach(), it loops through every item. However, .map() returns a new array containing the results of whatever operation you perform on each element. It's the standard way to generate UI elements from a data list.

2. The `.filter()` Method

This method loops through an array and filters out elements based on a condition. If the condition evaluates to true, the item is added to the new filtered array; if false, it gets dropped.

3. The `.reduce()` Method

This is used when you want to take an entire array of multiple inputs and reduce it down to a single output value (like a total sum or a maximum number). It utilizes an accumulator (which stores the running total) and a current value.

🛠️ What I Actually Code / Practiced

I spent my practice session solving the algorithmic challenges from Shradha Didi’s lecture:

The 90+ Marks Filter: Created an array of student marks and used .filter() to instantly generate a clean list containing only scores above 90.
The Factorial / Sum Generator: Took an array of sequential numbers from 1 to n and used .reduce() to compute both the total sum and the factorial product of the entire sequence.

Seeing multiple array values condense down into a single precise output or filter dynamically with just two lines of arrow-function logic felt absolutely powerful!

🎯 My Goal for Tomorrow (Day 18 / Lecture 6)

Tomorrow, I am moving to Lecture 6 of the Apna College sequence:

Entering the bridge between JavaScript logic and visual design: the DOM (Document Object Model).
Learning how to select and dynamically target HTML elements directly using scripts.

💬 Let's Connect!

To the Apna College community: Which method did you find trickier to grasp initially, .filter() or .reduce()? To the senior devs: How often do you chain these three methods together in your data processing pipelines?

My functional array practice scripts are committed and pushed to GitHub!
[Links in the Comments]

Keep learning, keep building! 🚀

#javascript #apnacollege #webdev #beginners

Ali Hamza — Sat, 06 Jun 2026 10:22:47 +0000

Hello Dev Community! 👋

It is officially Day 15 of my journey toward mastering the MERN stack! Today, I stepped into one of the most critical fundamentals of all programming paradigms by starting Lecture 5 of Apna College's JavaScript playlist with Shradha Didi: Functions.

Up until now, if I wanted to run a block of logic in different parts of my file, I had to rewrite or copy-paste it. Today, I learned how to package code into a clean, reusable machine.

🧠 Key Learnings From JS Lecture 5 (Functions)

I explored how JavaScript blocks together logic and how data flows inside and outside of a function:

1. Function Definition & Execution

A function is simply a block of code that performs a specific task and executes only when it is explicitly "called" or "invoked".

Definition Syntax: function myFunction() { // code }
Invocation Syntax: myFunction();

2. Parameters vs. Arguments

I learned how to pass dynamic data into my functions to make them flexible:

Parameters: The placeholder variables we define in the function declaration (e.g., function add(a, b)).
Arguments: The actual real values we pass into the function when calling it (e.g., add(5, 10)).

3. The `return` Keyword

A major takeaway today was understanding that a function can send a value back to the place where it was called using return. Crucially, I learned that once a return statement executes, the function stops immediately, and any code written after it becomes unreachable.

🛠️ What I Actually Code / Practiced

I spent my practice session solving the algorithmic functional challenges from the lecture:

The Sum & Product Functions: Built basic math functions that take parameters and safely return values.
The Vowels Counter Challenge: This was the main highlight! I wrote a function that takes a string as an argument and uses a loop to count and return the exact number of vowels (a, e, i, o, u) present inside that text block.

Seeing a function take a raw text input, scan it, and return a clean numerical count felt like a huge leap in my programming logic!

🎯 My Goal for Tomorrow (Day 16 / Lecture 5 Part 2)

Tomorrow, I will be jumping into modern JavaScript syntax within Lecture 5:

Mastering Arrow Functions (const myFunc = () => {}) which are heavily used in modern frameworks like React.
Learning about Array Callback Methods like .forEach().

💬 Let's Connect!

To the Apna College community: How did you optimize your Vowels Counter function today? To seniors: Do you still use traditional function declarations in your codebases, or have you shifted 100% to Arrow Functions?

My Lecture 5 function scripts are pushed to GitHub!
[Links in the Comments]

Keep learning, keep building! 🚀

#javascript #apnacollege #webdev #beginners

Ali Hamza — Fri, 05 Jun 2026 10:41:14 +0000

Hello Dev Community! 👋

Today marks Day 14 — exactly two full weeks of documenting my journey toward mastering the MERN stack! Today, I wrapped up the second half of Lecture 4 of Apna College's JavaScript playlist with Shradha Didi, focusing on Array Methods.

Yesterday was about understanding array structures; today was about actively manipulating them using built-in functions.

🧠 Key Learnings From JS Lecture 4 (Array Methods)

I experimented with several crucial array methods that allow us to add, remove, and alter items on the fly. Shradha Didi divided them into two main categories:

1. Basic Add / Remove Methods

.push(): Adds one or more elements to the end of an array (changes the original array).
.pop(): Removes the last element from the end of an array and returns it.
.unshift(): Adds an element to the start of an array (shifts all indexes forward).
.shift(): Removes the first element from the start of an array.

2. Advanced Manipulation Methods

.toString(): Converts an array into a single comma-separated string.
.concat(): Merges multiple arrays together into a brand-new array without changing the original ones.
.slice(start, end): Extracts a regular chunk of an array without changing the original structure.
The Powerhouse—.splice(start, delCount, newElements): This method is incredible. It can delete, add, or replace elements at any specific index inside the original array.

🛠️ What I Actually Code / Practiced

I spent my practice session solving the real-world array manipulation assignment from the lecture:

The Companies Array Challenge: Created an array storing a list of tech corporations: ["Bloomberg", "Microsoft", "Uber", "Google", "IBM", "Netflix"].
Task 1: Used .shift() to remove the first company from the array.
Task 2: Used .splice() to remove "Uber" and add "Ola" in its exact location.
Task 3: Used .push() to add "Amazon" to the end of the array dynamically.

Successfully executing multiple operations on a single dataset and tracking how the indexes changed felt like writing true administrative frontend logic!

🎯 My Goal for Tomorrow (Day 15 / Lecture 5)

Tomorrow, I will be moving to Lecture 5 of the Apna College sequence:

Stepping into Functions and Methods in JavaScript.
Learning how to block reusable code together and understanding parameters, arguments, and return types.

💬 Let's Connect!

To the Apna College alumni: How clean did you write your solution for the Companies challenge? To seniors: Do you use .splice() often in production, or do you prefer non-mutating modern methods?

My completed array manipulation scripts are pushed to GitHub!
[Links in the Comments]

Two weeks down, a lifetime of engineering to build. Keep moving forward! 🚀

#javascript #apnacollege #webdev #beginners

Ali Hamza — Thu, 04 Jun 2026 16:27:09 +0000

Hello Dev Community! 👋

It is officially Day 13 of my journey toward mastering the MERN stack! Today, I moved on to Lecture 4 of Apna College's JavaScript playlist with Shradha Didi, leaving primitive single variables behind and entering the world of Arrays.

Up until yesterday, if I had to store 5 student names, I had to create 5 different variables. Today, I learned how to store them inside a single collection.

🧠 Key Learnings From JS Lecture 4 (Arrays)

I explored the structure of Arrays in JavaScript and how they allow us to manage linear lists of items efficiently:

1. What is an Array?

An array is a linear collection of elements. Unlike some other languages, JavaScript arrays can store different data types together (though storing the same type is best practice).

Arrays are Zero-Indexed (the first item is at position 0).
They have a built-in .length property that tells us exactly how many items are inside.

2. Array Mutability vs String Immutability

A huge conceptual breakthrough today was learning that Arrays are mutable in JavaScript. Unlike strings (where methods return a new value), we can directly change an item in an array using its index:


javascript
let marks = [95, 82, 99];
marks[1] = 85; // Changes 82 to 85 directly in the original array!

#javascript #apnacollege #webdev #beginners

Ali Hamza — Wed, 03 Jun 2026 06:33:36 +0000

Hello Dev Community! 👋

It is officially Day 12 of my journey to master the MERN stack! Today, I wrapped up Lecture 3 of Apna College's JavaScript playlist with Shradha Didi, focusing on a fundamental data type we use every day: Strings.

Before today, I thought strings were just plain text wrapped in quotes. Today, I learned how much power JavaScript gives us to manipulate, slice, and dynamically format text.

🧠 Key Learnings From JS Lecture 3 (Strings)

I explored how JavaScript handles text strings and the built-in properties and methods that make text manipulation effortless:

1. Template Literals (The Ultimate Game Changer)

Shradha Didi introduced Template Literals, which use backticks (`) instead of standard quotes. This allows us to perform String Interpolation—embedding variables directly inside a string using ${variable}. It makes code look clean and professional:


javascript
let obj = { item: "pen", price: 10 };
// Old way: console.log("The cost of", obj.item, "is", obj.price, "rupees.");
// Modern way:
console.log(`The cost of ${obj.item} is ${obj.price} rupees.`);

#javascript #apnacollege #webdev #beginners

Ali Hamza — Tue, 02 Jun 2026 10:50:15 +0000

Hello Dev Community! 👋

It is officially Day 11 of my journey to master the MERN stack! Today, I dived into Lecture 3 of Apna College's JavaScript playlist with Shradha Didi, focusing on one of the most powerful concepts in programming: Loops.

Before today, if I wanted to run a line of code 10 times, I had to copy-paste it. Today, I learned how to automate repetition efficiently.

🧠 Key Learnings From JS Lecture 3 (Loops)

I explored how JavaScript handles repetitive tasks using different types of loops, depending on the scenario:

1. The Classic Loops

for Loop: The absolute standard when you know exactly how many times the code needs to run. (e.g., executing a block exactly 5 times).
while Loop: Perfect when you want the code to keep running as long as a specific condition remains true.
do-while Loop: A unique loop that is guaranteed to run at least once, even if the condition is false from the start, because the condition is checked at the very end.

2. Modern JavaScript Loops (The Game Changers)

Shradha Didi also introduced two modern and highly useful loops that senior devs use all the time:

for-of Loop: Used exclusively for iterating over characters in a string or items in an array. It makes the syntax incredibly clean.
for-in Loop: Perfect for stepping through the properties of a JavaScript object.

🛠️ What I Actually Code / Practiced

I spent my practice session solving the practice problems from the lecture to lock in the logic:

The Even Number Challenge: Wrote a for loop that prints all even numbers from 1 to 100.
The Guessing Game: Created a simple mini-game using a while loop that keeps prompting the user to guess a correct "game number" until they enter the right answer.

Seeing the loop dynamically handle user input without breaking the browser console felt like a massive milestone!

🎯 My Goal for Tomorrow (Day 12 / Lecture 3 Part 2)

Tomorrow, I will be wrapping up the rest of Lecture 3 from Apna College:

Diving deep into Strings and their built-in methods (like .toUpperCase(), .trim(), and .slice()).
Learning how to manipulate text data dynamically.

💬 Let's Connect!

To the Apna College alumni: How long did it take you to crack the guessing game logic? To seniors: Do you find yourself using for-of loops more often than traditional for loops in production?

My Lecture 3 loop scripts are pushed to GitHub!
[Links in the Comments]

Keep learning, keep building! 🚀

#javascript #apnacollege #webdev #beginners

Ali Hamza — Mon, 01 Jun 2026 10:00:05 +0000

Hello Dev Community! 👋

It is Day 9 of my journey toward the MERN stack! Today, I followed Lecture 2 of Apna College's JavaScript course, which transitions from storing data to actually manipulating it and making decisions.

Yesterday was about variables; today was about giving the code a "brain" to choose different paths based on conditions.

🧠 Key Learnings From JS Lecture 2

Here is the exact breakdown of the concepts I cracked today:

1. JavaScript Operators

Before making decisions, code needs to compare values. I learned about:

Arithmetic Operators: +, -, *, /, and % (Modulus—great for finding odd/even numbers).
Assignment Operators: =, +=, -= to update variable values quickly.
Comparison Operators: == (checks value) vs === (Strict Equality: checks both value AND data type—a true senior dev practice!).

2. Conditional Statements (The Decision Makers)

I learned how to control the flow of my program using if, else if, and else blocks. The syntax is straightforward:


javascript
let mode = "dark";
let color;

if (mode === "dark") {
    color = "black";
} else {
    color = "white";
}
console.log(color);

#javascript #webdev #beginners #codenewbie

Ali Hamza — Mon, 01 Jun 2026 09:53:49 +0000

Hello Dev Community! 👋

It is officially Day 8 of my journey to master the MERN stack! After spending the first week structuring with HTML and styling with CSS, today I finally started learning the core language of web logic: JavaScript.

Moving from static designs to actual programming logic feels like unlocking a whole new level of web development.

🧠 Key Learnings From Day 8

Today was all about setting up the foundation in JavaScript and understanding how code runs in the browser. Here is what I covered:

1. The Browser Console & Execution

I learned that every browser has a built-in environment to run JavaScript. Writing my very first console.log("Hello World"); and seeing it print in the developer tools console was the perfect start.

2. Variables: Storing Data Safely

I learned how to store information using variables and the crucial differences between modern variable declarations:

let: For values that can change later in the program (mutable).
const: For values that must remain constant and cannot be reassigned (immutable).
Note: I also read about var, but learned why modern JavaScript avoids it due to scoping issues.

3. Data Types Fundamentals

Data needs a type so the computer knows how to handle it. Today I practiced with:

Strings: Plain text enclosed in quotes (e.g., "MERN Stack").
Numbers: Integers and decimals without quotes (e.g., 2026).
Booleans: Simple true or false states (e.g., isLearning = true).

🛠️ What I Actually Code / Experimented With

Since I am just starting with core logic, I didn't write code directly into my HTML webpage layout today. Instead, I created a script.js file, linked it to my project, and built a basic script in the console that:

Stores a user's name and learning status in variables.
Dynamically calculates values (like years left until a milestone).
Outputs formatted statements into the browser console.

It is simple, but understanding how data moves in the background is incredibly exciting.

🎯 My Goal for Tomorrow (Day 9)

Tomorrow, I will make my JavaScript code make decisions:

Learning Conditional Statements (if, else if, else).
Understanding basic comparison operators to control the flow of execution.

💬 Let's Connect!

To the senior engineers: What is the number one bad habit beginners fall into when learning JavaScript variables? To fellow learners: Did you start with let and const directly, or did you accidentally use var first?

My first JavaScript file has been committed and pushed to GitHub!
[Links in the Comments]

The real programming begins now. Keep building! 🚀

#css #responsive #beginners #codenewbie

Ali Hamza — Tue, 26 May 2026 10:02:33 +0000

Hello Dev Community! 👋

Today marks Day 7 — a full week of documenting my journey toward mastering the MERN stack! After mastering Flexbox yesterday, today I tackled the most crucial aspect of modern frontend development: Responsive Web Design using Media Queries.

With more than half of web traffic coming from mobile devices, a layout that only looks good on a laptop is a broken layout. Today, I learned how to make my code adapt.

🧠 Key Learnings From Day 7

1. The Mobile-First Approach

I learned that instead of styling for big desktop screens first and then trying to shrink everything for mobile, it is much cleaner to write CSS for mobile screens first, and then use Media Queries to add styles as the screen gets wider.

2. Understanding Breakpoints

Media queries allow us to apply CSS rules only when certain conditions are met, such as a maximum or minimum screen width (min-width or max-width).

I experimented with standard breakpoints today:

Mobile screens (default CSS)
Tablets (min-width: 768px)
Desktops (min-width: 1024px)

3. Combining Flexbox with Media Queries

The real magic happened when I combined yesterday's Flexbox knowledge with today's Media Queries. I learned how to change flex-direction: column; on mobile to flex-direction: row; on desktop screens smoothly.

🛠️ What I Actually Built / Refactored

I took the form and navigation bar from the previous days and made them fully responsive:

The Navbar: On desktop, the navigation links sit horizontally next to the logo. Using a media query, I configured it so that on smaller screens, the links stack vertically and center neatly, making it touch-friendly for mobile users.
The Form Layout: Input fields that look great spanning across a desktop screen were wrapping tightly on mobile. I adjusted their widths using percentages (width: 100%) inside mobile parameters so they scale flawlessly.

Opening my browser's inspect tool and dragging the screen size back and forth to see the layout adjust automatically was the perfect way to wrap up week one!

🎯 My Goal for Tomorrow (Day 8)

I have built a solid foundation in HTML structures and CSS layout principles over the last week. Tomorrow, it's time to add true logic, interactivity, and brainpower to the frontend:

Starting JavaScript (JS) fundamentals.
Learning about variables, data types, and how code runs in the browser console.

💬 Let's Connect!

To the seasoned developers: What are your go-to breakpoint values when starting a clean CSS project? To fellow beginners: Have you tested your webpages on your actual phone yet?

My first fully responsive stylesheet is committed and pushed to GitHub!
[Links in the Comments]

One week down, many more to go. Keep pushing! 🚀

#css, #webdev, #beginners, #codenewbie

Ali Hamza — Mon, 25 May 2026 12:07:21 +0000

Hello Dev Community! 👋

It is officially Day 6 of my web development journey! Yesterday, I learned how to create space using the Box Model. Today, I stepped into the absolute game-changer of frontend layouts: CSS Flexbox.

Before today, aligning elements horizontally or centering a button vertically felt like guesswork. Today, I learned how to control my layout vectors with just a few lines of code.

🧠 Key Learnings From Day 6

Flexbox is all about a parent container (the Flex Container) controlling its children (Flex Items) along a main axis and a cross axis.

Here are the structural properties I mastered today:

1. Activating the Layout

By simply applying display: flex; to a parent container, all its direct children instantly align horizontally (row layout) by default. No more messy floats!

2. Controlling Alignment

justify-content: Controls spacing along the main axis. I experimented with center, space-between (perfect for navbars), and space-around.
align-items: Controls spacing along the cross axis. Setting this to center makes vertical alignment effortless.
flex-direction: Allows switching the axis from a row layout to a vertical stack (column), which is crucial for mobile-responsive design.

🛠️ What I Actually Built / Refactored

I took my navigation bar and the "About Me" form from the previous days and completely rebuilt their positioning using Flexbox:

The Navbar: Wrapped my logo and nav links in a header container, applied display: flex; and justify-content: space-between;. Now the logo sits on the far left and the links sit perfectly on the far right, completely responsive.
The Centered Button: I finally learned how to perfectly center my submission button inside the form box using justify-content: center;.

The code looks incredibly clean, and I don't have to use random margins or line breaks (<br>) to push things around anymore!

🎯 My Goal for Tomorrow (Day 7)

Now that I can create clean structural layouts, it is time to make them look professional on mobile screens:

Learning Media Queries and Responsive Web Design.
Understanding how to change layouts smoothly based on different screen sizes.

💬 Let's Connect!

To the senior devs: What is the one Flexbox shorthand property you use the most? To beginners: Have you cracked the ultimate challenge yet—centering a <div>?

My Flexbox-powered responsive structures are pushed to GitHub!
[Links in the Comments]

Keep building! 🚀

#css #webdev #beginners #codenewbie

Ali Hamza — Sun, 24 May 2026 05:58:58 +0000

Hello Dev Community! 👋

It is officially Day 5 of my journey toward the MERN stack! Yesterday, I learned how to add colors and fonts using CSS selectors. Today, I tackled the absolute core of CSS layout design: The Box Model.

Before today, whenever I tried to move an element, it would randomly overlap or break the layout. Today, I finally understood why that happens.

🧠 Key Learnings From Day 5

I learned that the browser treats every single HTML element as a rectangular box. This box consists of four distinct layers:

Content: The actual text, image, or video inside the element.
Padding: The transparent space inside the element, between the content and its border. (Great for making buttons look spacious!).
Border: The line wrapped around the padding and content (I experimented with border-radius to make smooth, rounded corners).
Margin: The transparent space outside the element, separating it from other surrounding boxes.

⚡ The Life-Saving Property: `box-sizing: border-box;`

One major headache I faced was that adding padding or borders increased the actual width of my elements, ruining my layout math.

Then I learned about a universal reset that senior developers use. Adding this to the top of my CSS file fixed everything instantly:


css
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#css #webdev #beginners #codenewbie

Ali Hamza — Fri, 22 May 2026 12:24:53 +0000

Hello Dev Community! 👋

It is Day 4 of my journey toward mastering the MERN stack. For the past three days, I was busy building skeletons with HTML. Today, I finally started bringing those dry structures to life using CSS (Cascading Style Sheets)!

It felt amazing to move away from black text on a plain white screen and actually control how things look.

🧠 Key Learnings From Day 4

1. The Three Ways to Add CSS

I learned that there are three methods to attach styles to HTML, but one is clearly the professional standard:

Inline CSS: Writing styles directly inside the HTML tag (makes code messy).
Internal CSS: Writing styles inside the <style> tag in the HTML head.
External CSS (The Winner): Creating a separate .css file and linking it via <link rel="stylesheet">. I chose this method because it keeps my HTML clean and modular.

2. CSS Syntax & Basic Selectors

I mastered the basic anatomy of a CSS rule: Selector { Property: Value; }. I experimented with three primary selectors today:

Element Selector: Targeting tags directly (e.g., body, h1).
Class Selector (.): The most reusable way to style elements (e.g., .btn-primary).
ID Selector (#): For styling a single, unique element (e.g., #main-header).

🛠️ What I Actually Built / Styled

I took the semantic "About Me" page and navigation bar that I refactored yesterday and created an external style.css file for it.

Today, I didn't worry about complex layouts. Instead, I focused on the basics:

Changed the background color of the body to a clean, modern off-white.
Styled my headings with different font families and dark gray tones.
Turned my navigation list items (<li>) into an inline layout so they sit horizontally like a real navbar, instead of a vertical bulleted list.

🎯 My Goal for Tomorrow (Day 5)

Tomorrow, I'm diving into the absolute core of CSS layouts:

Understanding the CSS Box Model (Margin, Border, Padding, Content).
Learning how space works between elements so my layout stops overlapping.

💬 Let's Connect!

To the senior engineers: What is your favorite CSS font stack for clean, readable code? To fellow beginners: Did you start with Inline CSS or go straight to External files?

My styled code and repository are up to date on GitHub!
[Links in the Comments]

Keep coding! 🚀

DEV Community: Ali Hamza

apnacollege

🧠 Key Learnings From JS Lecture 5 (Part 3)

1. The .map() Method

2. The .filter() Method

3. The .reduce() Method

🛠️ What I Actually Code / Practiced

🎯 My Goal for Tomorrow (Day 18 / Lecture 6)

💬 Let's Connect!

#javascript #apnacollege #webdev #beginners

🧠 Key Learnings From JS Lecture 5 (Functions)

1. Function Definition & Execution

2. Parameters vs. Arguments

3. The return Keyword

🛠️ What I Actually Code / Practiced

🎯 My Goal for Tomorrow (Day 16 / Lecture 5 Part 2)

💬 Let's Connect!

#javascript #apnacollege #webdev #beginners

🧠 Key Learnings From JS Lecture 4 (Array Methods)

1. Basic Add / Remove Methods

2. Advanced Manipulation Methods

🛠️ What I Actually Code / Practiced

🎯 My Goal for Tomorrow (Day 15 / Lecture 5)

💬 Let's Connect!

#javascript #apnacollege #webdev #beginners

🧠 Key Learnings From JS Lecture 4 (Arrays)

1. What is an Array?

2. Array Mutability vs String Immutability

#javascript #apnacollege #webdev #beginners

🧠 Key Learnings From JS Lecture 3 (Strings)

1. Template Literals (The Ultimate Game Changer)

#javascript #apnacollege #webdev #beginners

🧠 Key Learnings From JS Lecture 3 (Loops)

1. The Classic Loops

2. Modern JavaScript Loops (The Game Changers)

🛠️ What I Actually Code / Practiced

🎯 My Goal for Tomorrow (Day 12 / Lecture 3 Part 2)

💬 Let's Connect!

#javascript #apnacollege #webdev #beginners

🧠 Key Learnings From JS Lecture 2

1. JavaScript Operators

2. Conditional Statements (The Decision Makers)

#javascript #webdev #beginners #codenewbie

🧠 Key Learnings From Day 8

1. The Browser Console & Execution

2. Variables: Storing Data Safely

3. Data Types Fundamentals

🛠️ What I Actually Code / Experimented With

🎯 My Goal for Tomorrow (Day 9)

💬 Let's Connect!

#css #responsive #beginners #codenewbie

🧠 Key Learnings From Day 7

1. The Mobile-First Approach

2. Understanding Breakpoints

3. Combining Flexbox with Media Queries

🛠️ What I Actually Built / Refactored

🎯 My Goal for Tomorrow (Day 8)

💬 Let's Connect!

#css, #webdev, #beginners, #codenewbie

🧠 Key Learnings From Day 6

1. Activating the Layout

2. Controlling Alignment

🛠️ What I Actually Built / Refactored

🎯 My Goal for Tomorrow (Day 7)

💬 Let's Connect!

#css #webdev #beginners #codenewbie

🧠 Key Learnings From Day 5

⚡ The Life-Saving Property: box-sizing: border-box;

#css #webdev #beginners #codenewbie

🧠 Key Learnings From Day 4

1. The Three Ways to Add CSS

2. CSS Syntax & Basic Selectors

🛠️ What I Actually Built / Styled

🎯 My Goal for Tomorrow (Day 5)

💬 Let's Connect!

1. The `.map()` Method

2. The `.filter()` Method

3. The `.reduce()` Method

3. The `return` Keyword

⚡ The Life-Saving Property: `box-sizing: border-box;`