Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Practical HTML5 Mastery Course
Rating: 4.3 out of 5(327 ratings)
33,423 students

Practical HTML5 Mastery Course

Start your frontend development journey by implementing HTML5 concepts in a complete hands-on based approach
Created byRanjan Pandey
Last updated 6/2023
English

What you'll learn

  • You will learn all the HTML5 concepts in hands-on based approach
  • You will learn to apply various html tags in different scenarios
  • You will learn the basics of web development
  • You do not have to remember anything
  • You will be able to create your own websites using the concepts

Course content

4 sections13 lectures2h 33m total length
  • Course overview2:01

    Explore practical, hands-on web development by learning what a website is, setting up a local development environment, and mastering HTML basics like headings, paragraphs, anchors, and forms.

  • About your Instructor0:18
  • Introduction to web development6:12

    Explore the core components of web development—html as the skeleton, css for styling, and javascript for dynamic logic and validation—alongside client-server architecture, and presentation, backend, and database layers.

  • Installation and Setup5:37

    Install Visual Studio Code on Windows, Mac, or Linux, create folders and HTML files, install the Live Server extension, and launch a local server with Go Live to preview.

Requirements

  • Anyone who is interested to start doing web development

Description

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 like a pro.

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 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.


Who this course is for:

  • Any beginner with interest to lean about web development
  • Anyone trying to reskill or upskill
  • Any backend developer who wants to become full-stack developer