Generic filters
Search in title

Basic and Advanced HTML5 Training

  • Training Duration:
  • 5 Days
  • Training Environment:
  • On-site at the Institution
  • In DVA Classrooms
  • Online
Download Training Document
Request Information!
HTML5 eğitimleri kategorisi

About the Training

The Basic and Advanced HTML5 Training is a comprehensive course designed to equip participants with the necessary skills to create well-structured and functional web pages during the web development process. It covers both basic and advanced HTML5 concepts, allowing participants to develop engaging, responsive web pages.

Training Structure:

Part 1: Introduction to HTML5

  • Introduction to HTML5, its importance, and evolution.
  • Understanding the foundational elements of HTML5: semantic tags, form elements, and multimedia features.
  • Structuring web page layouts effectively using HTML5.

Part 2: Responsive Design with HTML5

  • Focus on responsive design features in HTML5.
  • Learning techniques like viewport settings and media queries to design web pages that adapt to different devices and screen sizes.

Part 3: Advanced HTML5 Features

  • In-depth exploration of advanced HTML5 features such as Canvas for drawing, Drag & Drop functionality, and Geolocation APIs.
  • Developing interactive and content-rich web pages by leveraging advanced features.

Part 4: Optimizing Web Application Performance and Security

  • Emphasis on performance optimization strategies for HTML5-based applications.
  • Learning about advanced topics like Web Storage for client-side data storage, Application Cache for offline access, and Cross-Origin Resource Sharing (CORS) to enhance security and performance.

Real-World Projects and Practical Applications

Throughout the course, participants will work on real-world HTML5 projects, applying theoretical knowledge to practical scenarios. This hands-on approach helps participants understand how HTML5 concepts are implemented in actual web development environments.

The Basic and Advanced HTML5 Training is perfect for both beginners in web design and those looking to deepen their knowledge of HTML5. Participants will gain a solid foundation in web development, helping them advance their careers in this rapidly growing field.

What Will You Learn?

In Basic Level HTML5 Development Training:
  • Understanding and using basic HTML5 tags.
  • Structuring web pages and using HTML tags effectively.
  • Adding and formatting text, images, and links.
  • Structuring the page visually using CSS.
In Advanced Level HTML5 Development Training:
  • Utilizing and understanding advanced HTML5 tags.
  • Creating forms and collecting data.
  • Building tables and visualizing data using HTML.
  • Enhancing visual and functional aspects of web pages with CSS and JavaScript integration.
  • Adding video and audio content using HTML5.
  • Implementing responsive web design for device compatibility.
  • Supporting geolocation and multimedia with HTML5.

Prerequisites

There are generally no prerequisites for the Basic Level HTML5 Development Training. The course is open to anyone interested in web design and development or pursuing a career in this field. However, having basic computer skills will make the training more efficient. For the Advanced Level HTML5 Development Training, basic knowledge of HTML5 and web development is required. This training is designed for those with more experience in web design and development. To get the most out of the course, it is recommended to have basic skills in HTML, CSS, and JavaScript.

Who Should Attend?

The Basic Level HTML5 Development Training is suitable for anyone interested in web design and development or looking to pursue a career in this field. It will be especially beneficial if you have basic computer and internet skills and are curious about how web pages are created. The Advanced Level HTML5 Development Training is designed for those with more experience in web design and development. To make the most of the training, it’s recommended to have basic skills in HTML, CSS, and JavaScript. If you already possess more advanced skills in web design and development and are aiming to advance your career in this area, this training will be valuable to you.

Outline

Introduction
  • HTML5 summary
  • Abbreviated syntax guide to writing HTML5
  • Best practices
Syntax
  • HTML Elements: how to write HTML tags
  • Syntax rules
  • Page structure
  • Basic structure of a web page
  • The HTML5 syntax summary
Structure
  • Introduction to the structure of HTML documents
  • The HTML Content Models
  • The Content Models
  • Deprecated elements
  • Elements with new meanings
  • Deprecated attributes
  • Structural and semantic elements
  • Overview of lists
  • Overview of links
  • Images
  • The remaining HTML5 elements
  • Using HTML5 templates
  • Using the HTML5 boilerplate and mobile boilerplate
Elements
  • What are the new elements?
  • How do I use the new elements?
  • HTML5 new attributes
Forms
  • Introduction form elements and attributes
  • New form input types
  • New form attributes
  • New form elements
  • When do I use the new elements?
Video and Audio
  • Introduction to HTML5 media elements
  • Audio and Video
HTML5 Canvas
  • What are the new elements
  • Why use the Canvas element and API?
BatteryStatus API
  • Why use the BatteryStatus API?
  • How does the BatteryStatus API work?
  • The BatteryStatus API
    • BatteryStatus API methods
    • BatteryManager properties
    • BatteryManager events
  • Browser support
Vibration API
  • Why use the Vibration API?
  • How does the Vibration API work?
  • Vibration methods
Notifications API
  • Why use the Notifications API?
  • How does the Notifications API work?
  • Notifications API
    • Notification object attributes
    • Notification events
    • Notification API methods
DeviceOrientation Event API
  • Why use the DeviceOrientation API?
  • DeviceOrientation Event API
    • DeviceOrientation events
    • How does the DeviceOrientation Event API work?
    • DeviceOrientation
    • DeviceMotion
    • DeviceOrientation Event API
Fullscreen API
  • Why use the Fullscreen API?
  • The Fullscreen API
    • Fullscreen API methods
    • Fullscreen API properties
    • Fullscreen API events
  • Notes on the fullscreen view
Speech APIs
  • Speech Recognition and Speech Synthesis
  • Speech Synthesis
    • SpeechUtterance object
    • SpeechUtterance object properties
    • SpeechUtterance object events
  • Speech Recognition
HTML5 Media elements and API
  • Audio and Video
    • The media elements
    • What are the new elements used for?
    • Browser support for the new media elements
    • <audio> element attributes
    • <video> element attributes
    • Browser support <video>
    • Browser support Ogg/Theora video format*
    • Browser support WebM/VP8 video format*
    • Browser support MPEG-4/H.264video format*
    • Browser support audio codec
    • When do I use these new elements?
  • Video and Audio APIs
  • Video/audio methods
  • Video/audio object properties
  • Video/audio object events
Forms/Constraint Validation API
  • New form input types
  • What are the new input types?
    • New attributes for input elements
    • New form elements
  • When do I use the new elements?
    • The placeholder attribute
    • The autocomplete attribute
    • The autofocus attribute
    • The list attribute and the datalist element
    • The spellcheck attribute
  • HTML5 form validation
    • Preventing default validation from occurring
  • Constraint Validation API
    • Form properties
    • Form control methods
    • Form controls validity and validityState
WebStorage API
  • Browser support for WebStorage API
  • WebStorage API
    • The Storage Object
  • When
  • Cookies session storage vs. local storage
Web Messaging API
  • Web messaging’s postMessage() method
    • Establishing trust between domains
    • The origin
  • What is cross-origin resource sharing?
    • CORS support and the server
  • Ports and channel messaging
    • MessagePort methods
    • The Message event object properties
Dataset API
  • data-* syntax rules
  • The dataset API
Drag and Drop API
  • What is drag and drop?
    • What is drag and drop used for?
    • Browser support for drag and drop
    • Understanding drag and drop
    • The draggable attribute
    • Drag and drop with a data “payload”
  • Drag events
  • Drop events
XMLHttpRequest Level 2 API
  • Objectives
  • The XMLHTTPRequest object
  • XHR API
    • What is XHR used for?
    • Benefits of XHR level 2
    • The XHR object: readyState property
  • The XHR object
    • The XHR object: Events
    • The XHR Object: Methods
    • The XHR object: Properties
Web Sockets API
  • HTTP
    • WebSocket properties
    • WebSocket event handlers
    • WebSocket methods
  • Using a WebSocket server with the WebSocket API
Server-sent Events API
  • The server messages
  • Creating an EventSource
    • The EventSource properties
    • The EventSource events
    • The advantages of server-sent events
    • The disadvantages of server-sent events
    • Server-sent events summary
Canvas API
  • What are the new elements?
  • Why use the Canvas API?
  • Canvas quick summary
  • Uses for the new Canvas API
  • Canvas Demos
Geolocation API
  • What is the Geolocation API used for?
  • Browser support for Geolocation
  • The Geolocation API
    • Geolocation object methods
    • Position object properties
    • Position interface attributes
Web Workers API
  • Features available to Web Workers
  • Why use Web Workersz?
  • When should Web Workers be used?
  • How do Web Workers work?
  • The Web Worker API
    • The abstractWorkerk interface properties
    • The WorkerGlobalScope object
    • The WorkerGlobalScope object properties
    • The WorkerGlobalScope object methods
    • The WorkerGlobalScope events
  • Browser support for Web Workers
  • Types of Web Workers
    • Dedicated Worker
    • Shared Worker
  • Creating Shared Workers

Training Request Form

HTML5 eğitimleri kategorisi

HTML5 Training

HTML5 Training: Foundations of Modern and Advanced Web Design The Importance of HTML5 Training for Organizations The Role of HTML5 in Modern and Interactive Web

Eğitimi İncele »

If you want to maximize the benefits of your training in terms of time and cost efficiency, all you need to do is contact us.

Our training consultants will get in touch with you, assist in identifying your organization’s needs, and provide the most suitable training programs for your employees.

Training Request Form

Digital Vision Academy © All Rights Reserved 2023