How I Learned HTML5 CSS3 in 446 Hours with 8 Projects

How I Learned HTML5 CSS3 in 446 Hours with 8 Projects

For some people, the title could look funny or interesting. But it is true because I made that trip, I spent 9 weeks working hard learning HTML and CSS.

For some people, the title could look funny or interesting. But it is true because I made that trip, I spent 9 weeks working hard learning HTML and CSS. 

First, let me introduce myself and my background on this topic.

I'm a student at a software online developer school. The main curriculum is very attractive. For example, it has HTML&CSS, Ruby, Databases, Ruby on Rails, JavaScript, React & Redux. 

Moreover, the main idea for me is that in this course you can work with a team and with a coding partner. 

At the beginning of the program, I read about HTML and CSS. I recommend this: HTML5 For Masterminds, Beginning HTML5 and CSS3 For Dummies. Those books helped me to make the first approach. But when I try to learn flex and grid I made my first go around. So I looked for another runway to make a new approach.

This runway was seeing videos on the internet. I found these videos ( https://wesbos.com/ ). This guy is awesome, also you can download the examples from the website.

So I learned Flex and Grid from there. I could not say that I am a master with that, but I learned the basics to start with.

After seeing and skimming the previous material I continued with the program. For the first project, I had created a YouTube clone. it helped and motivated me to understand how a site so popular is build. 

This is the project (https://github.com/AhmedTohamy01/video-player). It looks very simple but it helped me a lot to learn. I learned to make a Navigation Bar, embedded image, align a logo, use the search bar, embedded video, use a sidebar.

The second project I made was a Sign-Up page. In this project, I learn to use and fill a form with all kinds of elements.

html html5 html-css css css3 web-development coding programming

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Introduction To HTML & CSS: Web Development For Beginners

Introduction To HTML & CSS: Web Development For Beginners - Complete HTML & CSS web developer bootcamp. Learn & practice website design using HTML5 & CSS3 web development resources

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

HTML5 and CSS3 Fundamentals - Learn HTML5 and CSS3 From Scratch

HTML5 and CSS3 Fundamentals - Learn HTML5 and CSS3 From Scratch, you'll learn the fundamentals of HTML5 & CSS3 programming. Tune in to learn concepts about web pages, CSS3 styles and HTML5 features.

HTML5/CSS3 Complete Crash Course [Beginners] - Web Development 2020

HTML5/CSS3 Complete Crash Course [Beginners] - Web Development 2020 . This is a combination of a lot of videos constituting a complete crash course for HTML5 + CSS3 you should know as a beginner.

Top 10 HTML & CSS Code Editors You Should Know About in 2020

You know how marketers use blogging tools like Grammarly and Hemingway to spell check their posts and improve their readability? Developers can use similar tools to help them write and improve their code. These are known as code editors. In this tutorial, you'll see Top 10 HTML & CSS Code Editors You Should Know About in 2020