DEV Community: umar ali

My 3-Day CSS Learning Journey: A Quick Reflection

umar ali — Sat, 29 Mar 2025 09:30:32 +0000

"Just completed my 3-day CSS learning journey! 🎉 From styling basics to layouts and design, it’s been an exciting ride. Seeing web pages transform with CSS is truly amazing! 🚀 On to the next challenge! 💻 #CSSMastered #WebDesign #KeepLearning"

This is day 2 of learning CSS

umar ali — Tue, 25 Mar 2025 15:07:40 +0000

🚀 Day 2 of My CSS Journey! 🎨

Today was all about making web pages visually appealing! Here’s what I learned:

✅ Fonts & Colors – Bringing text to life with style

✅ Grid System – Structuring layouts like a pro

✅ Background Images – Setting, repeating & adjusting resolution

✅ Stylesheets – Keeping my CSS clean & organized

Every line of code is making me better! 💻🔥 Excited for what’s next! #WebDevelopment #CSS #Learning #CodeNewbie

This is day 1 of learning CSS

umar ali — Mon, 24 Mar 2025 14:27:49 +0000

Absolutely! Here's a clean, beginner-friendly article without code, perfect for blogs or social posts:

Day 1 of My HTML Journey: Learning Colors, Borders & Text Styling 🎨

Today was an exciting start to my web development journey! I spent Day 1 diving into the basics of HTML and exploring how to style elements to make a webpage look more appealing.

What I Learned:

🔸 Adding Color to IDs & Classes

I discovered how to apply different colors to specific elements using their IDs or classes. By targeting these identifiers, you can customize the appearance of any part of a webpage, giving it personality and style.

🔸 Setting Borders

Next, I learned how to create borders around elements. Whether it’s a box, paragraph, or heading, adding borders helps in organizing content visually and making important sections stand out.

🔸 Changing Text Color

Lastly, I experimented with changing the color of text. It’s a small touch, but it can make a big difference in how readable and attractive the content appears.

✨ Why It Feels Awesome:

Even though today’s lessons were simple, they gave me a sense of control over how a webpage looks. It’s exciting to see immediate results by tweaking just a few properties!

This is just the beginning, and I’m eager to learn more advanced techniques in the days to come.

Stay tuned for more updates as I continue my HTML learning adventure!

100DaysOfCode #WebDev #HTML #CodingJourney #LearningToCode

Would you like me to format it specifically for a platform like LinkedIn, Medium, or a personal blog?

This is the Day 3 of HTML learning

umar ali — Wed, 19 Mar 2025 11:38:28 +0000

🚀 Day 3 of My HTML Learning Journey! 🚀

Today, I explored the structure of a website and the roles of CSS and JavaScript in web development! Here's what I learned:

🔹 HTML Structure: It’s like the skeleton of a webpage, organizing content into headings, paragraphs, lists, and more!

🔹 CSS (Cascading Style Sheets): This is what makes websites look beautiful and sleek! CSS controls the layout, colors, fonts, and overall style, turning a basic webpage into a stunning design.

🔹 JavaScript: The magic behind interactive elements! From form validation to animations, JavaScript brings websites to life by making them dynamic and engaging.

It’s amazing to see how these three languages work together to create functional and beautiful websites. 💻✨ Can’t wait to keep learning!

WebDevelopment #LearningHTML #CSS #JavaScript #WebDesign #CodingJourney #TechLearning #WebDev

DAY 2 OF LEARNING HTML

umar ali — Mon, 17 Mar 2025 14:48:29 +0000

Here's a post summarizing what you've learned today, without using HTML codes and tags:

What I Learned About HTML Today

Today, I dove into some important HTML concepts that will help me build well-structured, interactive websites. Here’s a quick rundown of what I learned:

1. Bold Text

I learned how to make text bold, which is useful for emphasizing important content. Bold text helps highlight key information on a webpage, making it stand out to readers.

2. Italicized Text

Italicizing text is another way to emphasize content. It’s often used for titles of books, movies, or quotes, and it helps distinguish certain text from the rest of the content.

3. Underlined Text

Underlining text draws attention to specific parts of the content. It’s often used to highlight links, but can also be used in other places to emphasize important information.

4. Images

I learned how to insert images into a webpage. Images are a key component of any website, helping to break up text and provide visual appeal. Whether it's a photo, logo, or icon, adding images can greatly enhance a site's design.

5. Hyperlinks (Links)

Hyperlinks allow users to click on text or images and be redirected to another webpage. Links are essential for navigation and connecting different pages and resources on the internet.

6. Line Breaks

Line breaks are used to start a new line within content. They are especially useful when you want to format text neatly without starting a new paragraph. This helps organize content in a clear and readable manner.

7. Subscript and Superscript

Subscripts and superscripts are used for specific types of text formatting. Subscripts appear below the line of text and are often used for chemical formulas (like H2O). Superscripts, on the other hand, appear above the text line and are commonly used in mathematical expressions (like x²).

8. Preformatted Text

Preformatted text is a way to display content with fixed formatting, preserving spaces and line breaks exactly as they are written. It’s often used for showing code or other types of structured data that require precise alignment.

9. Setting Backgrounds (Wallpapers)

I learned how to set a background image or wallpaper on a website. Adding a background helps set the tone of the page and can make the site visually interesting. It's important to choose a background that complements the text and overall design.

10. Writing Chemical Equations

Using subscripts, I can now write chemical equations correctly on a webpage. For example, I can easily represent water as H2O or carbon dioxide as CO2. This is especially useful in science and educational websites.

11. Horizontal Lines

Lastly, I learned about horizontal lines, which are used to create visual breaks or separators between sections of content. These lines help organize a webpage and make it easier for users to read and navigate.

Overall, today was a great learning experience. These basic HTML tags and concepts are fundamental for creating well-structured and visually engaging websites. I look forward to applying these skills to build better and more interactive web pages!

This post summarizes your learning today without including any code, focusing on the concepts and their practical use. Let me know if you'd like to add anything else!

DAY 1 OF LEARNING HTML

umar ali — Sun, 16 Mar 2025 18:12:16 +0000

Sure! Here's a short blog post for you:

My First Day Learning Web Development: HTML Basics

Today was my first day diving into the world of web development, and wow, what an exciting start! I spent the day exploring HTML, one of the fundamental building blocks of websites.

I started by learning about HTML tags. These little snippets of code are the foundation for structuring content on a webpage. From headings and paragraphs to images and links, HTML tags are like the skeleton of every webpage I see online.

One of the most interesting things I learned was how to clone websites. While I’m still in the early stages, understanding how to replicate elements from a site gave me a glimpse into how web developers create and manipulate content. It felt like I was putting together a puzzle, and I’m excited to see how this knowledge will help me create my own websites in the future.

It’s amazing to see how coding can transform ideas into real, interactive web pages. I’m eager to continue learning and expanding my skills!

Stay tuned as I share more of my journey into web development!

This keeps it personal and highlights what you've learned while keeping it approachable for anyone who may be starting out with you. Let me know if you'd like to modify anything!