💻 Day 9: HTML Basics 🚀🔥
👋 Hello everyone! Welcome back to Day 9 of our HTML journey. 🙌
In the previous lesson, we learned about:
✅ Unordered Lists (<ul>)
✅ Ordered Lists (<ol>)

Today, we'll learn two more important list concepts:

📚 HTML Description Lists (<dl>, <dt>, and <dd>)

🌳 Nested Lists

These are commonly used on dictionaries, FAQs, glossaries, menus, and documentation websites.

📚 HTML Description Lists

🤔 What is a Description List?

A Description List is used to display a term (name) and its description (meaning).
Unlike ordered and unordered lists, a description list doesn't use numbers or bullet points.


📝 Syntax

<dl>
    <dt>Term</dt>
    <dd>Description</dd>
</dl>

🧐 Understanding Each Tag

① <dl>

<dl> stands for Description List.
It contains the entire list.

② <dt>

<dt> stands for Description Term.
It represents the name or title.
Example:

<dt>HTML</dt>

③ <dd>

<dd> stands for Description Details.
It explains the term.
Example:

<dd>HTML is used to create webpages.</dd>

✅ Complete Example

<dl>
    <dt>HTML</dt>
    <dd>Used to create webpages.</dd>

    <dt>CSS</dt>
    <dd>Used to style webpages.</dd>

    <dt>JavaScript</dt>
    <dd>Used to make webpages interactive.</dd>
</dl>

👀 Output
HTML
→ Used to create webpages.
CSS
→ Used to style webpages.
JavaScript
→ Used to make webpages interactive.

🌍 Real Website Example

<h1>Programming Languages</h1>

<dl>
    <dt>HTML</dt>
    <dd>Creates webpage structure.</dd>

    <dt>CSS</dt>
    <dd>Designs the webpage.</dd>

    <dt>JavaScript</dt>
    <dd>Adds interaction.</dd>
</dl>

🌳 Nested Lists

🤔 What is a Nested List?
A Nested List is a list inside another list.

🌍 Best Analogy 😍👇👇
Imagine a school bag. 🎒
Inside the bag you have:
📚 Books
✏️ Stationery
Pencil
Pen
Eraser
💧 Water Bottle
The stationery items are a list inside another list.
That's a nested list.

📝 Syntax

<ul>
    <li>Main Item
        <ul>
            <li>Sub Item</li>
        </ul>
    </li>
</ul>

✅ Example

<ul>
    <li>Fruits
        <ul>
            <li>Apple</li>
            <li>Banana</li>
            <li>Orange</li>
        </ul>
    </li>

    <li>Vegetables
        <ul>
            <li>Carrot</li>
            <li>Potato</li>
        </ul>
    </li>
</ul>

👀 Output
• Fruits
  • Apple
  • Banana
  • Orange
• Vegetables
  • Carrot
  • Potato

🌍 Another Example

<ol>
    <li>Frontend
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </li>

    <li>Backend
        <ul>
            <li>Node.js</li>
            <li>PHP</li>
        </ul>
    </li>
</ol>

⚠️ Important Notes
✅ <dl> creates a description list.
✅ <dt> represents the term.
✅ <dd> represents the description.
✅ A nested list must be placed inside an <li> element.


💻 Mini Coding Exercise

Create a webpage that contains:
✅ A heading saying "Web Technologies"
✅ A description list explaining HTML, CSS, and JavaScript
✅ Another heading saying "My Study Plan"
✅ A nested list with:
Frontend
HTML
CSS
JavaScript

Try building it yourself before checking your answer and share it on comment



⏭️ Next Lesson

🚀 HTML Tables

Have a wonderful day! 😍❤️

@AbWebDeveloper

💻 Day 10: HTML Basics 🚀🔥
👋 Hello everyone! Welcome back to Day 10 of our HTML journey. 🙌
In the previous lesson, we learned about:
✅ Description Lists (<dl>, <dt>, and <dd>)
✅ Nested Lists
Today, we're going to learn one of the most important HTML elements used in real websites:

📊 HTML Tables (<table>)

Have you ever seen:
📋 A student grade sheet?
📅 A class timetable?
📊 A product price list?
🏆 A football league table?
All of these are examples of tables.
Today, you'll learn how to create them using HTML.

🤔 What is an HTML Table?

An HTML Table is used to organize data into rows and columns.
Tables make information easy to read and compare.

🌍 Best Analogy 😍👇👇
Imagine your teacher gives you an exam result sheet.

Instead of writing all the information in one sentence, the table organizes everything neatly.
That's exactly what an HTML Table does.

📝 Basic Syntax

<table>

</table>

The <table> tag creates a table.
But a table is empty until we add rows and columns.

🧩 The Four Main Table Tags

① <table>

The <table> tag creates the entire table.
Think of it as the container that holds everything.
Example:

<table>

</table>

② <tr>

<tr> stands for Table Row.
It creates a new row.
Example:

<tr>

</tr>

Every new row needs another <tr>.

③ <th>

<th> stands for Table Header.
It creates the heading of each column.
Example:

<th>Name</th>

<th>Age</th>

By default, browsers display <th> text in bold and centered.

④ <td>

<td> stands for Table Data.
It contains the actual data inside the table.
Example:

<td>Amare</td>

<td>20</td>

✅ Complete Example

<table>
    <tr>
        <th>Name</th>
        <th>Age</th>
    </tr>

    <tr>
        <td>Amare</td>
        <td>20</td>
    </tr>

    <tr>
        <td>Abel</td>
        <td>22</td>
    </tr>
</table>

👀 Output
Name Age
Amare 20
Abel 22


🧐 Understanding the Code

<table>

Creates the table.
↓

<tr>

Creates the first row.
↓

<th>Name</th>
<th>Age</th>

Creates the column headings.
↓

<tr>

Creates another row.
↓

<td>Amare</td>
<td>20</td>

Adds the data.

🌍 Real Website Example
Student Results

<table>
    <tr>
        <th>Name</th>
        <th>Maths</th>
        <th>English</th>
    </tr>

    <tr>
        <td>Abel</td>
        <td>90</td>
        <td>85</td>
    </tr>

    <tr>
        <td>Hana</td>
        <td>95</td>
        <td>91</td>
    </tr>
</table>

⚠️ Important Notes
✅ <table> creates the table.
✅ <tr> creates rows.
✅ <th> creates table headings.
✅ <td> contains the table data.
✅ Every <td> must be inside a <tr>.

❌ Common Mistakes
Wrong ❌

<table>
<td>Amare</td>
</table>

<td> cannot be used without a <tr>.

Correct ✅

<table>
<tr>
<td>Amare</td>
</tr>
</table>

Wrong ❌

<table>
<tr>
<th>Name</th>
</tr>

<td>Amare</td>
</table>

The <td> is outside the table row.

Correct ✅

<table>
<tr>
<th>Name</th>
</tr>

<tr>
<td>Amare</td>
</tr>
</table>

💻 Mini Coding Exercise
Create a table with:
✅ A heading: Student Information
Columns:
Name
Age
Department
Rows:
Sara | 20 | Engineering
Abel | 21 | Computer Science
Hana | 19 | Medicine
Try building it yourself before looking at the answer and share it on comment!!


⏭️ Next Lesson
🚀 Advanced HTML Tables
You'll learn:
✅ border
✅ colspan
✅ rowspan
✅ caption
✅ thead
✅ tbody
✅ tfoot
These features help you build professional tables used in real-world websites.


Have a wonderful day! 😍❤️

@AbWebDeveloper

💻 Day 11: HTML Basics 🚀🔥
👋 Hello everyone! Welcome back to Day 11 of our HTML journey. 🙌
In the previous lesson, we learned the basics of:
✅ HTML Tables (<table>)

✅ Table Rows (<tr>)

✅ Table Headers (<th>)

✅ Table Data (<td>)
Today, we will make our tables more professional by learning:

📊 Advanced HTML Tables

We will learn:
1️⃣ Table Borders (border)

2️⃣ Table Caption (<caption>)

3️⃣ Column Spanning (colspan)

4️⃣ Row Spanning (rowspan)

5️⃣ Table Sections (<thead>, <tbody>, <tfoot>)

1️⃣ Table Border (border)

🤔 What is a Border?
A border creates visible lines around the table and its cells.
Without a border, a table may look like normal text.

🌍 Best Analogy 😍👇👇
Imagine a classroom seating arrangement.
Without lines:
Student A Student B Student C
It is difficult to understand.
With lines:
| Student A | Student B | Student C |
Everything becomes clear.
A table border works the same way.

📝 Example

<table border="1">
    <tr>
        <th>Name</th>
        <th>Age</th>
    </tr>

    <tr>
        <td>Amare</td>
        <td>20</td>
    </tr>
</table>

⚠️ Note:
The border attribute works, but professional developers usually use CSS to style tables.
We will learn the professional way in CSS.

2️⃣ Table Caption (<caption>)

🤔 What is Caption?
A caption gives a title or name to your table.
It explains what the table is about.

📝 Syntax

<table>

<caption>Student Information</caption>

</table>

✅ Example

<table border="1">

<caption>Student Results</caption>

<tr>
    <th>Name</th>
    <th>Score</th>
</tr>

<tr>
    <td>Abel</td>
    <td>90</td>
</tr>

</table>

3️⃣ Column Spanning (colspan)

🤔 What is Colspan?
colspan allows one cell to cover multiple columns.

🌍 Best Analogy 😍👇👇
Imagine a school timetable.
Sometimes one subject title covers several days.
Example:

The word "Mathematics" covers three columns.
That is colspan.

📝 Syntax

<td colspan="number">

Example:

<table border="1">

<tr>
    <th colspan="3">
        Student Information
    </th>
</tr>

<tr>
    <td>Name</td>
    <td>Age</td>
    <td>Grade</td>
</tr>

</table>

The first cell covers three columns.

4️⃣ Row Spanning (rowspan)

🤔 What is Rowspan?
rowspan allows one cell to cover multiple rows.

🌍 Best Analogy 😍👇👇
Imagine a teacher's name written beside several classes.
The teacher's name covers multiple rows.
That is rowspan.

📝 Syntax

<td rowspan="number">

Example

<table border="1">

<tr>
    <th>Name</th>
    <th>Subject</th>
</tr>

<tr>
    <td rowspan="2">
        Amare
    </td>
    <td>HTML</td>
</tr>

<tr>
    <td>CSS</td>
</tr>

</table>

The name "Amare" covers two rows.

5️⃣ Table Sections

Professional tables are divided into three parts:

① <thead>

Table Header section.
Contains headings.
Example:

<thead>

<tr>
<th>Name</th>
<th>Age</th>
</tr>

</thead>

② <tbody>

Table Body section.
Contains the main data.
Example:

<tbody>

<tr>
<td>Amare</td>
<td>20</td>
</tr>

</tbody>

③ <tfoot>

Table Footer section.
Contains summary information.
Example:

<tfoot>

<tr>
<td>Total</td>
<td>50</td>
</tr>

</tfoot>

🌍 Complete Professional Example

<table border="1">

<caption>Student Scores</caption>

<thead>

<tr>
<th>Name</th>
<th>Score</th>
</tr>

</thead>


<tbody>

<tr>
<td>Abel</td>
<td>90</td>
</tr>

<tr>
<td>Hana</td>
<td>95</td>
</tr>

</tbody>


<tfoot>

<tr>
<td>Total Students</td>
<td>2</td>
</tr>

</tfoot>

</table>

⚠️ Important Notes
✅ Use <caption> to describe your table.
✅ Use colspan for multiple columns.
✅ Use rowspan for multiple rows.
✅ Use <thead>, <tbody>, and <tfoot> to organize large tables.
✅ CSS is the professional way to style tables.

💻 Mini Coding Exercise
Create a professional student table with:
✅ A caption: "University Students"
✅ Header section
Name
Department
Year
✅ Body section with 3 students
✅ Footer showing total students
Try it yourself! 🚀


⏭️ Next Lesson

🚀 HTML Forms

You'll learn how websites collect information from users❤❤

Have a wonderful day! 😍❤️

@AbWebDeveloper 🙌🙌 @AbWebDeveloper

Please ግር ያላችሁ ነገር ካለ comment ላይ መጠየቅ ትችላላችሁ ደግሞ እንደዚ አይነት skill ለመጀመሪያ ጊዜ ሲሆን ግር ይላል ግን ጊዜ እና ቦታ ሰጥታችሁት ከተከታተላችሁ በጣም ቀላል ነው። አንድ ምነግራችሁ ነገር ቢኖር practice,practice and practice the code 🤝🤝 መደጋገም ግድ ነው so,you have to be strong 💪💪💪 okay



If you have any questions or are confused about anything, please feel free to ask in the comments. This is your first time using this skill, so it might seem a bit overwhelming, but with time and practice, it will become much easier. One thing I can tell you is that practice, practice, and practice the code are must. Repetition is essential, so you need to be persistent and strong.✌️✌️✌️✌️


Let's go ❤❤ this reaction

Please share this channel 🙏🙏@AbWebDeveloper

💻 Day 12: HTML Basics 🚀🔥

👋 Hello everyone! Welcome back to Day 12 of our HTML journey. 🙌
In the previous lesson, we learned about Advanced HTML Tables.
Today, we're starting one of the most important topics in HTML.

📝 HTML Forms – Part 1

Have you ever:
✅ Created a Facebook account?
✅ Logged into Gmail?
✅ Searched something on Google?
✅ Filled out a school registration form?
All of these use HTML Forms.
Today, we'll learn the basics of HTML Forms.

🤔 What is an HTML Form?
An HTML Form is used to collect information (data) from users.
The data can then be sent to a server for processing.
Examples of forms:
👤 Login Form
📝 Registration Form
📩 Contact Form
🔍 Search Form
💳 Payment Form

🌍 Best Analogy 😍👇👇
Imagine you are applying to a university.
The university gives you a registration form.
You fill in:
👤 Name
🎂 Age
📧 Email
📞 Phone Number
After filling it out, you submit it.
An HTML Form works exactly the same way.
It collects information from users.

📝 HTML Form Syntax

<form>

</form>

The <form> tag is the container for all form elements.
Everything inside the form belongs to that form.

🧐 Understanding the <form> Tag
Example:

<form>

<input type="text">

</form>

The input field belongs to the form because it is inside the <form> tag.

🏷️ HTML Label (<label>)

🤔 What is a Label?
A label tells users what information they should enter into an input field.

🌍 Best Analogy 😍👇👇
Imagine a classroom.
Every student has a name tag.
Without name tags, it would be difficult to know who is who.
Similarly, a label tells users what each input field is for.

📝 Syntax

<label>Name</label>

✅ Example

<label>Full Name</label>

<input type="text">

Output:
Full Name
[__]

⌨️ HTML Input (<input>)

🤔 What is an Input?
The <input> tag allows users to enter information.
It is one of the most commonly used HTML elements.

🌍 Best Analogy 😍👇👇
Think of a paper form.
Each empty box is a place where you write your information.
The HTML <input> tag is that empty box.

📝 Syntax

<input>

However, an input usually needs a type.

🎯 The type Attribute

The type attribute tells the browser what kind of input the user should enter.

📝 Example

<input type="text">

Here,
type="text"
means:
➡️ The user can type normal text.

🌟 Complete Example

<form>

<label>Full Name</label>

<input type="text">

</form>

📝 Placeholder Attribute

🤔 What is a Placeholder?
A placeholder is a short hint displayed inside an input field.
It tells users what they should type.

🌍 Example

<input
type="text"
placeholder="Enter your full name">

Before typing, the user sees:
Enter your full name
As soon as they start typing, the placeholder disappears.

🌍 Real Website Example

<form>

<label>Full Name</label>

<input
type="text"
placeholder="Enter your full name">

<br><br>

<label>Email</label>

<input
type="text"
placeholder="Enter your email">

</form>

⚠️ Important Notes
✅ <form> is the container.
✅ <label> describes an input field.
✅ <input> collects user information.
✅ type tells the browser what kind of data to accept.
✅ placeholder provides a hint inside the input field.

❌ Common Mistakes
Wrong ❌

<input>

Although it works, it's better to specify the input type.

Correct ✅

<input type="text">

Wrong ❌

<input type="text">

<label>Name</label>

The label should come before the input.

Better ✅

<label>Name</label>

<input type="text">

💻 Mini Coding Exercise
Create a simple registration form that contains:
✅ Full Name
✅ Email
✅ Each field should have a label.
✅ Each input should have a placeholder.
Try building it yourself before checking the answer and share it on comment👍👍


⏭️ Next Lesson
🚀 HTML Input Types – Part 2
We'll learn different input types, including:
✅ text

✅ password

✅ Email

✅ number

✅ date

✅ radio

✅ checkbox

✅ file

✅ submit

These are the input types used in real login pages, registration forms, and contact forms.


Have a wonderful day! 😍❤️

@AbWebDeveloper 🙌🙌 @AbWebDeveloper

"Never let failure stop you. Every failure is another chance to improve and become awesome." 🚀💻

Please Share this channel 🙏🙏👇👇


@AbWebDeveloper 🙌🙌 @AbWebDeveloper

💻 Day 13: HTML Basics 🚀🔥

👋 Hello everyone! Welcome back to Day 13 of our HTML journey. 🙌
In the previous lesson, we learned about:
✅ <form>, <label>,<input> type,placeholder

Today, we'll continue learning about one of the most important parts of HTML Forms.

⌨️ HTML Input Types – Part 2

Have you ever noticed that some input boxes are different?
🔒 Password fields hide your password.
📧 Email fields expect an email address.
📅 Birthday fields show a calendar.
📁 Some websites let you upload files.
All of these are possible because of different Input Types.
Today, we'll learn the most commonly used input types.

🤔 What is an Input Type?
The type attribute tells the browser what kind of information the user should enter.
Changing the type changes how the input field behaves.

🌍 Best Analogy 😍👇👇
Imagine you're filling out a job application form.
Different boxes ask for different information:
👤 Name
📧 Email
🔒 Password
🎂 Date of Birth
📞 Phone Number
Each box is designed for a specific purpose.
The HTML type attribute works exactly the same way.

① ✍️ type="text"

🤔 What is it?
Used to enter normal text.
Example:

<input type="text" placeholder="Enter your full name">

✅ Used for:
Full Name
Username
City
School Name

② 🔒 type="password"

🤔 What is it?
Used to enter passwords.
The browser hides the characters for security.
Example:

<input type="password" placeholder="Enter your password">

👀 Output:
Instead of showing:
mypassword123
It shows:
••••••••••

③ 📧 type="email"

🤔 What is it?
Used to enter an email address.
Example:

<input type="email" placeholder="Enter your email">

④ 🔢 type="number"

🤔 What is it?
Used to enter numbers only.
Example:

<input type="number" placeholder="Enter your age">

⑤ 📅 type="date"

🤔 What is it?
Allows users to select a date.
Example:

<input type="date">

On most browsers, a calendar appears automatically.
Perfect for:
🎂 Birthday
📅 Appointment Date etc...

⑥ 🔘 type="radio"

🤔 What is it?
Allows users to choose only one option from a group.
Example:

<input type="radio" name="gender"> Male

<input type="radio" name="gender"> Female

The name attribute groups the radio buttons together.

🌍 Best Analogy 😍👇👇
Imagine a multiple-choice exam.
Only one answer can be correct.
That's how radio buttons work.

⑦ ☑️ type="checkbox"

🤔 What is it?
Allows users to select multiple options.
Example:

<input type="checkbox"> HTML

<input type="checkbox"> CSS

<input type="checkbox"> JavaScript

Unlike radio buttons, users can select more than one option.

⑧ 📁 type="file"

🤔 What is it?
Allows users to upload files.
Example:

<input type="file">

Used for uploading:
📷 Photos📄 Documents🎵 Audio🎥 Videos

⑨ 📤 type="submit"

🤔 What is it?
Creates a button that submits the form.
Example:

<input type="submit" value="Register">

🌍 Complete Example

<form>

<label>Full Name</label><br>
<input type="text" placeholder="Enter your full name"><br><br>

<label>Password</label><br>
<input type="password" placeholder="Enter your password"><br><br>

<label>Email</label><br>
<input type="email" placeholder="Enter your email"><br><br>

<label>Age</label><br>
<input type="number" placeholder="Enter your age"><br><br>

<label>Date of Birth</label><br>
<input type="date"><br><br>

<label>Gender</label><br>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female<br><br>

<label>Skills</label><br>
<input type="checkbox"> HTML
<input type="checkbox"> CSS
<input type="checkbox"> JavaScript<br><br>

<label>Upload Your CV</label><br>
<input type="file"><br><br>

<input type="submit" value="Register">

</form>

💻 Mini Coding Exercise

Create a Student Registration Form that contains:
✅ Full Name
✅ Password
✅ Email
✅ Age
✅ Date of Birth
✅ Gender (Radio Buttons)
✅ Skills (Checkboxes)
✅ Upload Profile Picture (File Input)
✅ Register Button (Submit)
Try building it yourself before checking the answer, and don't forget to share your work in the comments! 👍👍

Have a wonderful day! 😍❤️


@AbWebDeveloper 🙌🙌 @AbWebDeveloper

💻 ከነገ ጀምሮ ከላይ ያጋራኋቸውን Coding Challenges አንድ በአንድ በጋራ እንሰራለን! 🔥
ማንኛውም ጥያቄ ቢከብዳችሁ አትጨነቁ። 💪
እያንዳንዱን ችግር ደረጃ በደረጃ እየፈታን፣ ከኮዱ ጀርባ ያለውን ሀሳብ (Logic) በግልጽ ሁኔታ እንማራለን።

🎯 ስለዚህ የCoding Challenge ጉዞአችን ከነገ ይጀምራል! 🚀

ዝግጁ ሁኑ፣ አንዳችሁም እንዳያመልጣችሁ!
❤️ ዝግጁ ከሆናችሁ በ❤️ Reaction አሳውቁኝ!
📢 ቻናሉን ለጓደኞቻችሁ Share አድርጉ እና አብረን እንማር! 🙌

👇 Join Now

@AbWebDeveloper💚💛❤️@AbWebDeveloper

We'll start from here እና እስከዛ comment መስጫው ላይ የመጣላችሁን output አስቀምጡልኝ እኔ በኋላ መልሱን እሰጣችኋለሁ 👌👌

ከቻላችሁ ጻፉ copy ማድረግ አይቻልም🙅‍♀️🙅‍♂️ እናንተም የየራሳችሁን ስም አስገብታቹ ላኩልኝ

በስልክ app ለምትጠቀሙ ይሄንን procedure ተከተሉ ካልገባችሁ መጠየቅ ይቻላል 💯💯

ከላይ ላለው code የሚመጣላችሁ output ይህንን ይመስላል 👆👆👆

@AbWebDeveloper 💚💛❤️ @AbWebDeveloper

📹 NEW FORMAT ALERT!

We're trying something new today: 👇

😞 for the quality

Good Morning Guys 🌞🌞

Here's an exercise for you

🎉 300 Subscribers! 🎉
Thank you so much for your amazing support! We've reached 300 subscribers together. ❤️
This is just the beginning! More exciting web development lessons, coding challenges, and projects are coming soon.

በጣም እናመሰግናለን🙏🙏 ብቻ እናንተ ይሄንን 👇👇channel share አድርጉት

@AbWebDeveloper 💚💛❤️ @AbWebDeveloper

In this session, I break down a practical HTML layout that incorporates several essential semantic and structural elements:

• <strike> – for indicating outdated or removed content
• <q> and <blockquote> – for inline and block-level quotations
• <select> with <option> – for building dropdown menus
• <legend> – used within field sets for grouping form controls
• <br> and <hr> – for line breaks and horizontal rule separators

A full video walkthrough is available, showing the entire creation process from start to finish — including the visual output you see here.

Ideal for beginners and intermediate developers looking to strengthen their foundational HTML skills.

📺 Watch, practice, and refine your markup.


@AbWebDeveloper

🚀 HTML lesson 🔥 | Images & Links 🌐
👋 Welcome back  💻✨
Ever wondered how websites show pictures and connect to other pages? 🤔

Today, we’ll learn In this video 📽️ how to:
🖼️ Add images to your webpage

🔗 Create clickable links and

⚙️ Understand src,href, and alt attributes

🎯 Mini Challenge:

Create your own webpage with:
✅ Your profile image

✅ A link to your favorite website
Try it yourself and share your work in the comment!!👍

💡 Learn → Practice → Build → Become a Developer 🚀

@AbWebDeveloper

🔥 HTML Lesson is Here! 💻🚀
In this video, you'll learn:

✅ Unordered Lists (<ul>)
✅ Ordered Lists (<ol>)
✅ Description Lists (<dl>
✅ Lists with Clickable Links 🔗
🎯 Easy to understand, beginner-friendly, and packed with practical examples.
💬 After watching, comment "Done" and tell us which list type you liked the most!

📚 Follow @AbWebDeveloper
for daily web development lessons, coding challenges, and tips. Invite your friends and let's grow together! 🚀🔥