Udemy

Zero to Hero hands-on mastery on HTML5 & CSS3

Enroll Now
  • 25,136 Students
  • Updated 9/2022
4.4
(199 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 2 Minute(s)
Language
English
Taught by
Obify Consulting
Rating
4.4
(199 Ratings)

Course Overview

Zero to Hero hands-on mastery on HTML5 & CSS3

Become a pro HTML5 and modern CSS3 developer by implementing every concepts through hands-on project based learning

If you have been always thinking about learning web development or you have been thinking of becoming full-stack developer then this is the course that will not just teach you rather make you implement each and every concept of HTML5 and CSS3 like a pro.

You will learn every concepts by doing hands-on examples and projects.

Many of the students just shy away from frontend technologies because they think it's not their cup of tea, but this course will break that perception and will make you a developer by teaching you how to implement the concepts without the need of being remembering anything.

The HTML5  topics that will be covered in the course are:

  • Introduction to web development

  • Client-server architecture

  • Three-tier architecture

  • What is HTML

  • What is CSS

  • What is JavaScript

  • Local development environment setup with industry-standard tools

  • Plugins and techniques to speed up development

  • Debugging skills

  • Structure of HTML page

  • HML tag and concept of attributes

  • Various components of HTML document

  • Meta tag and its importance

  • Head tag

  • Link tag

  • Script tag

  • Display tags like h1 until h6

  • Display tags like paragraph, span, division, label

  • Inline vs block elements

  • How to use Entities in HTML

  • Navigation via an anchor tag

  • Button tag

  • Loading images on your website

  • Different utility tags to make text bold, italics emphasize

  • Listing tags like ul, ol

  • Layout tag like table

  • How to create Registration form in HTML

  • Various form tags in HTML like

    1. form

    2. Different types of input tag

    3. File uploading

    4. Creating dropdown with different options

    5. Writing address in textarea

  • Header and Footer tag

  • Section and Article tag

  • Video and Audio tag

  • Loading various websites inside Iframe tag

  • Much more

  • You will get the complete source code so that if you get any doubts anywhere you can just refer the source code.

The topics that will be covered for CSS3 are:

  • Introduction to web development

  • Client-server architecture

  • Three-tier architecture

  • What is HTML

  • What is CSS

  • What is JavaScript

  • Local development environment setup with industry-standard tools

  • Plugins and techniques to speed up development

  • Debugging skills

  • Structure of HTML page

  • HML tag and concept of attributes

  • Various components of HTML document

  • Meta tag and its importance

  • Head tag

  • Link tag

  • Script tag

  • Inline, Embedded, External styling

  • Linking external stylesheet in your Html

  • Using developer tools and knowing various components of it

  • Different types of CSS selectors

  • How to use fonts, colors, border, background style

  • Box model in CSS

  • How to solve problems due to box model

  • Margin and Padding in CSS

  • Display and Visibility

  • Different types of positions in CSS

  • Float and Clear

  • Usage of z-index property

  • Creating layouts using Flexbox

  • Responsive web design using media queries

  • Different types of pseudo-selectors and their usages

  • Box shadow and Text shadow

  • Animation and Keyframes

  • Transition and its types

  • Transformation and its types

  • You will get the complete source code so that if you get any doubts anywhere you can just refer the source code.

Course Content

  • 10 section(s)
  • 50 lecture(s)
  • Section 1 Introduction
  • Section 2 Basic HTML structure and Tags
  • Section 3 Layout and Form Tags
  • Section 4 Advance HTML Tags and Source code
  • Section 5 Basics of HTML and CSS
  • Section 6 Font, Color, Background, Float
  • Section 7 Selectors, Display, Position, Z-Index
  • Section 8 Flexbox, Media Queries and Responsive design
  • Section 9 Advance Selectors, Effects and Animation
  • Section 10 Project One

What You’ll Learn

  • You will learn the basics of web development
  • You will be able to create your own responsive websites using the concepts
  • You will learn all the HTML5 and CSS3 concepts in hands-on project based approach
  • You will learn to apply various html5 and css3 properties in different scenarios


Reviews

  • V
    Vijay Kumar
    4.5

    excellent course in detail. highly recommanded.

  • R
    Robin Burdewa
    5.0

    Very good experience with this course . The way he taught is literally different then others

  • V
    Vivek Dalvi
    3.5

    Its really nice. I love to complete this course. Thank You for this course.

  • A
    Akash Kumar Singh
    4.0

    His explanations are so easy to understand and he teaches every topic in a interesting way. You would love this course and won't even realize, how fast you just completed the whole course!! Thank you so much sir for making my frontend journey this smooth!! I think the projects is not satisfying with the length of lecture taking to much time but the project is not as expected.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed