Course image for HTML5 and CSS3 for Beginners with Flexbox and CSS Grid
Free preview before enrolling

HTML5 and CSS3 for Beginners with Flexbox and CSS Grid

Learn to create responsive and functional websites

7 hours+ of total content
4.5
(8 Reviews)
31 enrolled
Course Creator: Stefan OmerovicLast updated 2 days ago

Goals

  • Understand the MarkUp Language of HTML
  • HTML Media & Table Elements
  • The Box Model
  • Form Handling
  • Fundamentals of CSS - Selectors, style Properties
  • Understanding Cascading & Specificity
  • Responsiveness using Media Queries
  • Layouts - Flexbox & Grid
  • Animations

Description

This course will teach you the basics of HTML5 and CSS3 to create webpages and web designs that are more visually appealing and functional. You will learn to use HTML5 tags, attributes, and properties, as well as CSS3 selectors, properties, and values, to create layouts and designs with Flexbox and CSS Grid. You will learn to use the latest techniques in web design and development, such as responsive design and mobile-friendly layouts, so your pages are accessible to any device. Plus, you will be able to take advantage of HTML5 and CSS3 features such as animation, transitions, and transforms to make the user's experience more interactive and engaging. By the end of this course, you will have a strong foundational understanding of HTML5 and CSS3 and be able to create a fully functional website.

This course is perfect for new web developers and designers. You will learn all the basics of HTML and CSS and gain a better understanding of how to design and develop webpages and websites. To help you understand and apply your knowledge, this course features interactive playgrounds, where you can experiment and test your code to see the results in real-time. Additionally, the course includes a variety of coding challenges and quizzes to help you learn and retain the material. With this course, you will be able to create and design beautiful websites that are optimized for both desktop and mobile.

Course Structure

174 lectures 07:02:43 total duration

  Course Introduction (Watch video)
00:42
  How to Get Most Out of This Course 
01:07
  Download HTML & CSS CheatSheet 
01:00
  Course Roadmap (Watch video)
02:51
  What is Web Development (Watch video)
01:08
  For What are Used HTML & CSS 
00:58
  Installing Visual Studio Code 
03:37
  Quiz Question 
01:00
  Quiz Question 
01:00
  Quiz Question 
01:00

Student feedback

4.5
Course Rating

75%

13%

0%

13%

0%

Reviews

profile pic for Gerardo Alvarez
Feb 27, 2023
so far good explaning
profile pic for Aslam Iqbal
Feb 26, 2023
course is good, but some links are broken

Your Course Instructor

Course Instructor Image

Stefan Omerovic

MEAN Stack Web Developer

Started at age of 18, at the usual starting point for Front End. For the first 2 years mostly coded static websites with Front End Frameworks like Bootstrap. After that, explored the next point on my path to becoming a Full Stack Developer and entered into Web App Development. Started openly coding in Angular and handling everything regarding the Front End Side of multiple projects. Currently, I am a MEAN Stack Developer with 7 years of experience. Started my way as a Self-Taught Developer, I never stopped learning new Web Development Technologies and I plan to learn and become even better with those. Through a few more years I plan to move into Mobile Development with Flutter. Experience as Instructor The reason why I got into teaching Web Development was at first place to pass my knowledge to others, as I honestly think that I can look at technologies from other angles and pass to my students all those responses that they needed in the first place to start or upgrade their skills. Next to Codedamn Courses, I am also leading the Omerko YouTube channel that is based on Web Development.

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback

Pro

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback
Try Pro (7-day risk-free)