Skip to content
UdemyCSSPaid courseAll LevelsCertificate

HTML&CSS Tutorial and Projects Course (Flexbox&Grid) (Udemy.com)

Web Development for absolute beginners.Learn HTML5 and CSS3 from scratch by building 20+ amazing real world projects.

Created by: Yanis Smilga

Last updated October 2024

icon
What you will learn

  • Learn HTML5 from scratch.
  • Learn CSS3 from scratch.
  • Create responsive real world projects from scratch.
  • Learn CSS Grid and Flexbox Layout Modules.
  • Learn where to get free images, custom fonts.
  • Learn how to work with font-awesome icons
  • Learn where to get custom color palettes.

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.5 out of 5higher than 56% of them
  • Reviews5,418#12 of 111 by number of reviews
  • Length40.2 hourslonger than 98% of them
  • Last updatedOctober 2024more recently than 70% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100

icon
Course Description

If you want to start your career in Web Development, HTML and CSS are essential skills to have because they are foundational languages of the web.

HTML stands for Hyper Text Markup Language. In short HTML is a markup language that is used developing web pages.

CSS stands for Cascading Style Sheets. In short CSS is a language responsible for layout and styling of the web pages.

In this course we will cover both languages from the scratch and by the end of the course become HTML and CSS ninjas by building Responsive Real World Projects.

Why you should take this course?

Reason Number ONE - You Will Understand the Web Better.

Knowing the HTML and CSS and how they are used to create web pages is essential for web developer as they are building blocks of every web page.

Reason Number TWO - You Will be able to Create Websites.

Once you will know HTML and CSS you will be able to create a personal,unique web page for yourself.

Reason Number THREE - Start a Web Career.

For anybody who wants to pursue a career in Web Development knowledge of HTML and CSS is required. 

Reason Number FOUR - You Will Progress to Another Programming Languages with Greater Ease.

Once you know the fundamentals of HTML and CSS you will be able to pick up languages like Javascript with greater ease.

Reason Number FIVE - We Will Learn HTML and CSS from Scratch and Will Use it to Build Responsive Real Life Projects.

Not only we will learn the theory of HTML and CSS step by step. We also will apply our knowledge by building Real Life Projects.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Yanis Smilga

Hello, I’m Jānis Smilga, a web developer based in Sigulda, Latvia. These days, I spend most of my time working with AWS CDK, TypeScript, and Node.js—building cloud infrastructure and scalable backend systems. I enjoy coding and the constant challenge of learning something new. You can also find me on my YouTube channel, Coding Addict.

icon
More courses by Yanis Smilga

$129.99

$13.99

$94.99

$94.99

$10.99

$11.99

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.5

5,418 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Ernest Apau on 7/14/2026

I have paid for this course but I can’t find it in MY LEARNING tab. Also the lectures or other topics aren’t loading on my mobile app. Only one video is currently playing

By Artur Mickiewicz on 5/22/2023

This is huge work and for sake of John's impact on educational scene he deserves special medal. Course covers basics and intermediate concepts of HTML and CSS. It is pretty well thought through, but I believe there are some aspects that could be improved: - from grid section I couldn't find links to source code of the projects, - sound quality was sometimes a little low (hardly ever and I know it's sometimes hard to trace, but its worth noting), - I would love to see index, so I could jump to the section as and when I need, but titles of the projects are more theme centric then technology, - I would appreciate text summary of each lecture, videos are fine, but text is easier to search through once video has been watched and I just need to find some information, - we could work with design rather than repeat website: reading design is skill on it's own plus implementing it, - we could work more with the browser developers tools: instead of showing input in text editor and than on the page, we could work directly on the page and modifying settings straight there: it's fun, it's visible and it's how we work where I am currently employed, - I would suggest some kind of assigments, so students could participate more actively in the course and show their creativity to others. Not too many, but now and than it would be great to do it, - maybe get out of VSCode bubble? I think it could be benefitial to use sandboxes to explain basic concepts, also show a lot more on the browser dev tools. Different text editor would be highly appreciated. Vim? - some sort of communication channel outside of udemy for students, maybe discord? On the positive side: - videos are short, which makes it easier to navigate and focus, - in the beginning of the course there is a lot resources links, which is great - absolute gem is that John is actively communicating! For that only he deserves medal! He helped me with projects outside of the course which is absolutely phenomenal! - it's great how gently John tries to get you into JavaScript, - I like John's voice and accent, but that's personal, - John talks slow, which is great for understanding and you can alway speed up the video. overall, congratulation John, this is one of rare occurences that I completed the course and yours, being so enormous is one of them! It is completed work, there are little things that could be done better, but in general it's solid, comprehensive, updated course. I also love the trick with giving border to each element! It is a great tool! Top job!

By David Arabuli on 2/11/2023

reviewing this course after finishing it: 1) It had superb price\content ratio. Twelve dollars for 40 hrs of well-thought and structured content, with actual projects and guidance on how to launch stuff etc? That is unreal. 2) It gives enough knowledge for you to be able to build your own website\blog (in HTML\CSS boundaries ofc) 3) It is still alive and well at this point (2023 feb). 4) oftentimes videos would immediately address the question you got in your head after learning a new concept, so I would say, that course creator is very well in touch with web-dev novices , and understands their needs or potential difficulties. You are warned, when some concepts are harder, you are warned when something gonna be addressed later on etc - so normally, throughout the course you don`t feel lost, and don`t feel like creator has no idea what is it like for a novice. Obviously, here and there you still need to use some external resources (and John actually mentions some really good ones) or searching for extra info. Sometimes it helps to rewatch videos or pause them etc. But overall I was not disappointed. This course quality reassured me to get JS, Node and React courses from mr. Smilga as follow ups in my studies.

By Shivam kala on 7/30/2022

John is a great Instructor. I am a slow learner so I completed this course in 2.5 months as I use to watch some section multiple times in order to get more clarity. I love the teaching style of john. He teaches each and everything very simply. I completed all the projects and I hope john update this course with more projects in future. This course taught me everything about HTML and CSS .If anyone is willing to take a ride of HTML and CSS so my suggestion is to go for this course because you not be able to find any other course better than this one in Udemy. I have also purchase the JavaScript course of John and from tomorrow I am going to start my journey of JS

By Shin Kitani on 6/21/2022

Basically, I think that his explanation are very solid and understandable through his tutorials. He explains very details. I think it's really good for the new learners, or someone who wants catch up with the basic knowledge to bottom up. Still, I'm on my way to finish the tutorial. Because, I thought I should cover a small ones to get more experiences through another tutorials before finishing his stuff. This way, I could understand and soak what he is saying and meant. I don't wanted to miss a tiny stuffs. Overall, it's all good. Can't thank enough for his time and work. Thanks a lot!

By John Davidson on 6/11/2022

Half way, happy days! John is a great teacher. This course will be a great reference going forward as my memory is poor. Repetition is how I learn best, and John deliberately drums away all that I need to know. Enjoying the course immensely. Using it alongside the Mark Myer's book, "A Smarter Way to Learn HTML and CSS." This book is dated in many ways (2014), however, the short chapters and excellent online exercises are a great way of embedding into the mind the syntax and all the other elements and attributes necessary to move forward. I also came across John and his good friend Paul's (Youtube: Coding after 30) podcast, "The Web Dev Power Hour." This is a mixture of technical talk (not too complex, a newbie like me can understand) and motivational talk with loads of great advice. They are also not afraid to share their own stories, both successes and failures. I listen to the podcast while working and because of them I live and breath coding. Both started coding later in life and are self taught, I am 47 and hope to change careers, if not getting a job with a company, then building simple websites as a freelancer. Thanks to both of you guys for all that you do.

By Jacqueline Menke on 2/6/2022

Thanks for the wonderful course, John! I want to learn web development and your course helped me a lot. Unlike other courses, this one gave me the deepest and most specific knowledge in HTML and CSS. I like the new smaller projects in between the theory parts that help to apply and practice the knowledge I learned. If you have a hard time understanding certain theories, I recommend watching the video again and practicing on examples over and over. After completing the course in full, I feel equipped to create my own websites, including font and color choices, animations, interactive elements, and responsive, modern web design. It's especially nice that the websites are dynamic and look good on all screen sizes. Now I want to keep practicing and also finish your Javascript course! Many greetings!

By Radu Cosmin Pugna on 8/29/2021

Simply Brilliant! A 5+ stars course This might just be the very best course on Udemy for beginners looking to learn and practice HTML & CSS! John Smilga is such a great teacher, not only he explains everything in detail, but the course is filled with tips & tricks and amazing resources that make everything so much easier to learn, practice, improve your skills and become a better web dev. And all the Projects, big & small, are really great and beautifully designed and truly worthy to add to your portfolio! This is 5+ stars course, a MUST DO!, in my humble opinion, and John keeps it updated and carefully curated. He was also very fast to reply and help me when i reached out to him on Twitter and he is an amazing teacher and a really great guy! I congratulate myself for taking the decision to invest my time and energy and take John's course! Hats off to you, John Smilga!

By Christian Giraldo on 7/1/2021

I just finished every single lesson in this course. I definitely recommend it and I would rate it 19/20. About two years ago I was learning HTML & CSS for the first time in my life in an in-person course at the university. It went really fast and everything was rushed because the curriculum was more inclined towards teaching traditional Back End technologies related to Microsoft and Oracle. We were supposed to have learned HTML & CSS in just two months. The result of this hurry was awful and most of us had to rely exclusively on Bootstrap to try to mock-up websites. I eventually quit that career because I couldn't keep up the pace. I then tried starting from scratch and reviewing HTML & CSS by myself with the help of online documentation and exercises, using platforms such as W3Schools and FreeCodeCamp. I got somewhat better in HTML & CSS, around 25% I would say. But still, I was far from being able to code the mockup of a website on my own. I thought it was exclusively my fault and that I wasn't meant for it. But I didn't give up yet and tried again through Udemy and I enrolled in John Smilga's course. The first great thing about John's course is that he doesn't rush anything. He takes the amount of time and content that both HTML & CSS deserve. At universities and coding bootcamps these topics are rushed supposedly because of being easy or not as important, and you're just left with an overview. You're able to answer questions and take theoretical exams about it, but you can't actually take on a real project by yourself. In Udemy I learned much more than at university and external documentation platforms together. John takes the time to explain each concept, and also you get to practice most of the concepts over and over again through practical projects. After John's course, I estimate my progress from 25% to around 80%. I must say however that I actually took two Udemy courses on the subject. I made the first half of John's, then went through the other one from start to finish, and finally came back to complete the remaining half. John's course theoretical part is already pretty good because it's really complete. But the mini-projects and full-projects parts were even better, and those are the ones that really took me from a beginner level to an intermediate-advanced level. I now feel that I can take on a full Home Page project all on my own (regarding HTML & CSS). I have also a good understanding of relative/absolute positioning, flexbox, and grid, which were confusing and daunting topics back when I started. Back when I started this course I felt that the course needed a bit more mini-projects because it jumped right away from theoretical demonstrations to very large projects. However, the addition of the Grid Mini Projects and Additional Projects section was absolutely great. I was able to do understand and code myself about 90% of the additional projects (on average) at the end of the course, needing only to peek at the solution videos for the remaining 10%. Apart from the very positive project-oriented style by itself. Another very great thing about the course is that John posts the final working website of the projects, which is an absolute great help because it allows you to try the upcoming lectures as challenges and try to do as much as you can yourself before going through the entire lecture without understanding where are we aiming at. It's evident that there is great planning and preparation of projects beforehand from the very start, instead of what some instructors do which is just planning one lecture ahead and bouncing back and forth within the lectures about the content and appearance of the end result. Yet two other great things about this course are that:1) John is creating new and updated content continuously. When I came back to complete the second half of the course, a lot of it was updated and there were also many new sections, and 2) John is active in the Question & Answers section and he has replied to my questions whenever I posted one. There's still, however, some content that I believe this course should include and is somehow missing: Yet another simple mini-projects section in the middle of the CSS theoretical chapters (Sections 4 to 14). I believe that there is too much straight time invested in the CSS fundamentals and properties without an actual simple application. And once you finally complete all those sections, the Tea Station project (don't get me wrong, it is an absolutely great project) is still very demanding at that point in the course. The final Additional Projects section is great for students that have gone through all the chapters and know Grid and Flexbox by then, but there should be a simpler Mini-Projects section that should require neither Flexbox nor Grid by the middle of the CSS theoretical chapters, in order to apply and internalize the fundamental CSS properties before facing all of a sudden such a large project as the Tea Station. Other than that, the structure, pace, content, and projects are absolutely great and I definitely recommend this course. Probably the best HTML & CSS specific course in Udemy considering both content quality and quantity.

By Swathi Rekha on 11/7/2020

explanation is too fast as of now

By Richard Thornton on 11/7/2020

Thorough and helpful.

By Lakshmi V on 11/7/2020

Amazing,

Showing 12 of 331 reviews