Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
HTML5 Programming - Web Development Skills
Rating: 3.6 out of 5(38 ratings)
3,289 students

HTML5 Programming - Web Development Skills

A Complete HTML5 Programming Course for Beginners
Created byDIGIFLAX E-LEARNING
Last updated 8/2021
English

What you'll learn

  • HTML5 Basics for begginers
  • New Elements of HTML5
  • Write HTML Code
  • You will be able to use features like Drag and Drop, Geo location and Web Storage to create immersible user experience

Explore related topics

Course content

1 section • 15 lectures • 55m total length

  • Introduction to HTML 52:39
  • New Elements4:22
  • Canvas4:11

    Learn how to use the canvas element to draw on the fly with JavaScript, obtain a 2D context, set fill styles, and render a rectangle with a hex color.

  • SVG3:13

    Learn how SVG, a scalable vector graphics language in XML, preserves quality when zoomed and supports JavaScript event handling for web graphics.

  • Drag4:34
  • Geolocation3:04

    Explore how HTML5 geolocation uses the navigator.geolocation API to fetch a user's current latitude and longitude with user permission, display coordinates, and handle privacy concerns.

  • Video6:06

    Learn how HTML5 embeds video with the video element and multiple source elements for cross-browser compatibility, and control playback with a play/pause button.

  • Audio2:55

    Embed audio using the html5 audio element with a music.mp3 source and native controls, and gracefully handle browsers that do not support audio with an error message.

  • Input4:03

    Explore HTML5 input types, including color, date, email, number, search, tel, and URL, with guidance on browser support, validation, and fallback behavior to text fields.

  • Form3:20

    Explore new HTML5 form elements, including datalist for auto complete, keygen for client authentication, and output for displaying calculations, with practical examples using range and number inputs.

  • Attribute3:53

    Explore new HTML5 form attributes, including autofocus, placeholder, required, and pattern, plus step, min, and max. Learn how autocomplete and novalidate affect input validation in practical examples.

  • Storage3:09

    Learn html5 web storage, including localStorage and sessionStorage, for secure, faster data storage that persists across sessions. Build a click counter by storing and retrieving values with proper string-to-number conversion.

  • Cache3:58

    Explore how HTML5 application cache uses a manifest to store resources for offline use, boosting speed and reducing server load, with cache, network, and fallback sections.

  • Web worker3:23

    Learn to run a web worker in the background to keep a page responsive, using an external script, start/stop controls, and a counter that updates every second with browser checks.

  • SSE3:04

    Learn how HTML5 server-sent events enable one-way updates from the server using the event source object, handle onmessage events, and implement a text event stream with a server-side script.

Requirements

  • There's no pre-requisite at all, besides a general familiarity with the way the web works. You can and should learn CSS at the same time as you learn HTML

Description

HTML5 is really awesome. Today it is widely used on internet. Most of latest browser supports HTML 5 standards. It provides feature like animation on webpage and many more.

HTML5 includes detailed processing models to encourage more interoperable implementations; it extends, improves, and rationalizes the markup available for documents and introduces markup and application programming interfaces (APIs) for complex web applications. For the same reasons, HTML5 is also a candidate for cross-platform mobile applications because it includes features designed with low-powered devices in mind.

Many new syntactic features are included. To natively include and handle multimedia and graphical content, the new <video>, <audio> and <canvas> elements were added, and support for scalable vector graphics (SVG) content and MathML for mathematical formulas was also added. To enrich the semantic content of documents, new page structure elements such as <main>, <section>, <article>, <header>, <footer>, <aside>, <nav>, and <figure> are added. New attributes were introduced, some elements and attributes were removed, and others such as <a>, <cite>, and <menu> were changed, redefined, or standardized. The APIs and Document Object Model (DOM) are now fundamental parts of the HTML5 specification, and HTML5 also better defines the processing for any invalid documents.

Some technologies that were originally defined in HTML 5 itself are now defined in separate specifications:

  • HTML Working Group – HTML Canvas 2D Context;

  • Web Apps Working Group – Web Messaging, Web workers, Web storage, WebSocket, Server-sent events, Web Components[79] (this was not part of HTML 5, though); the Web Applications Working Group was closed in October 2015 and its deliverables transferred to the Web Platform Working Group (WPWG).

  • IETF HyBi Working Group – WebSocket Protocol;

  • WebRTC Working Group – WebRTC;

  • Web Media Text Tracks Community Group – WebVTT.

Who this course is for:

  • No programming background is assumed just a zeal to learn

Report abuse