Tutorialspoint

HTML5 and CSS3 for Beginners with Flexbox and CSS Grid

person icon Stefan Omerovic

HTML5 and CSS3 for Beginners with Flexbox and CSS Grid

Learn how to create real websites from scratch. Technologies for that are HTML5 and CSS3, BONUS - Flexbox and CSS Grid.

updated on icon Updated on Aug, 2023

language icon Language - English

person icon Stefan Omerovic

architecture icon Web Development,Coding,HTML,HTML5,HTML & CSS

Lectures -88

Resources -74

Quizzes -3

Duration -5.5 hours

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

This Course is for all students that wishes to know how to build real life websites. Course will fully guide you from Basics of HTML5 and CSS3 to an Expert level of those. Course also includes Flexbox and CSS Grid Basics and real life examples with those. Which are all technologies that are required to make a Real Website.

Today's industry moved a lot and coding is not the same as before. Today, people like to see their website's looking goon on a small screen devices like Phones and Tablets but in same time to look good on Desktop or Laptop devices. That is why trough this course, we will use something called Responsive Look, or Responsive Way of Coding so our websites, could look good, no matter on which device we open it.

Course is also taking care of best practices, so we will use latest updates that came with HTML5 and CSS3 and with that, we will use Semantic Tags, Keyframes and Transforms for our Animations, but most importantly you will be able to learn latest update for CSS3 and that is called CSS Grid.

Fow Who this Course Is?

The setup of this course is made this way so even students that don't have any experience in coding will go along with it. Whole course is Step-by-Step guide on all features that this technologies have to offer and as we will go by baby steps, even Beginner Student won't have problems following this course. 

Can Advanced Student Take this Course?

Absolutely! Next to Step-by-Step guide on all features, course is offering also real life projects and example. Next to those, there are Flexbox and CSS Grid which could be confusing for some of developers, but as we will combine those with real projects, you won't have problem following those.

What Will You Learn? 

  • What is Web Development

  • Basics of HTML and CSS

  • HTML Typography and Media

  • CSS Stylings

  • Sections and Semantic Tags for Sections

  • CSS Animations

  • Lists, Tables Forms

  • CSS Responsive with Media Query

  • Flexbox

  • CSS Grid

  • Building Form

  • Building Real Life Landing Page Website

  • Building Photo Gallery

  • Building Layout for an App

Is There Any Reason Why You Should Take This Course?

Yes, there are many of those. The way how course is made, it will be easy for a newcomer or even an expert person to follow. Every coding lecture comes with Resources for that Lecture, so that means that you will get my code attached to every lecture, so you can compare it and remember it better. Course is offering two technologies that are rare to find still, there are not many courses that offers Flexbox and CSS Grid in one course. There are also PDF Files for HTML Tags and CSS properties that we will take a look and even for those that we didn't. Don't worry, all of that data will have separate explanation for itself, so it won't be hard for you to learn it.

How To Recap Knowledge That You Learn from This Course?

At the end of almost every section, there will be quick Quiz with few questions based on content that you learned trough that section. As you will get Resources and PDF files, you can always read trough those, but also you will have full lifetime access to this course, so you can always comeback and remind yourself about some feature.

Goals

What will you learn in this course:

  • Build real world websites that are professional and looking good on all screen sizes ( Smart Phones, Tablets, iPads, Laptops, Desktops ).
  • Will learn everything regarding HTML and CSS, from beginner level, to an expert level, all including Flexbox and CSS Grid, latest technologies of CSS3.
  • Course is coming with real life examples, full responsive examples, animations, best practices and much much more.
  • Multiple projects that will teach you everything that you need to know to start building your own websites.
  • Full basics and real life examples of technologies like Flexbox and CSS Grid.
  • Downloadable lectures, resources, code for every lecture and project.
  • Two PDF files for HTML5 tags and CSS3 properties.

Prerequisites

What are the prerequisites for this course?

  • No coding experience or requirements needed.
  • You can follow up on any System - Windows, Linux or OSX.
  • Using free software to write the code, so there is no additional expenses.
HTML5 and CSS3 for Beginners with Flexbox and CSS Grid

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
7 Lectures
  • play icon Course Introduction 00:42 00:42
  • play icon How to Get Most Out of This Course 01:07 01:07
  • play icon Course Roadmap 02:51 02:51
  • play icon What is Web Development 01:08 01:08
  • play icon For What are Used HTML & CSS 00:58 00:58
  • play icon Installing Visual Studio Code 03:37 03:37
  • play icon Introduction Quiz
HTML5 Basics
3 Lectures
Tutorialspoint
HTML5 Typography
7 Lectures
Tutorialspoint
HTML5 Media
4 Lectures
Tutorialspoint
CSS3 Basics
6 Lectures
Tutorialspoint
HTML5 Lists and Tables
4 Lectures
Tutorialspoint
CSS3 Styling Lists and Tables
3 Lectures
Tutorialspoint
HTML5 Sections
3 Lectures
Tutorialspoint
Box Stylings
7 Lectures
Tutorialspoint
Selecting Tags
5 Lectures
Tutorialspoint
Animations
4 Lectures
Tutorialspoint
Forms
8 Lectures
Tutorialspoint
Media Queries
4 Lectures
Tutorialspoint
Full Responsive Website
6 Lectures
Tutorialspoint
Flexbox
5 Lectures
Tutorialspoint
Responsive Image Gallery
1 Lectures
Tutorialspoint
CSS Grid
7 Lectures
Tutorialspoint
Website with CSS Grid
1 Lectures
Tutorialspoint
Course Roundup
3 Lectures
Tutorialspoint

Instructor Details

Stefan Omerovic

Stefan Omerovic

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 Udemy Courses, I am also leading the Omerko YouTube channel that is based on Web Development.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us

1800-202-0515