HTML 5
HTML stands for Hyper Text Markup Language. It is used to design web pages using a markup language. HTML 5 Training is an abbreviation of Hypertext and Markup language. Hypertext defines the link between the web pages. The markup language is used to define the text document within the tag which defines the structure of web pages. So, HTML 5 is the fifth and current version of HTML. It has improved the markup available for documents and has introduced application programming interfaces (API) and Document Object Models (DOM).
Features of HTML 5:
- It has introduced new multimedia features which support both audio and video controls by using <audio> and <video> tags.
- There are new graphics elements including vector graphics and tags.
- Enrich semantic content by including <header> <footer>, <article>, <section>, and <figure> are added.
- Drag and Drop- The user can grab an object and drag it further dropping it to a new location.
- Geo-location services- These help to locate the geographical location of a client.
- Web storage facility which provides web application methods to store data on the web browser.
- Uses SQL database to store data offline.
- Allows drawing various shapes like triangles, rectangles, circles, etc.
- Capable of handling incorrect syntax.
HTML 5 Course Details
What Is HTML 5?
HTML defines the appearance of web pages, and HTML 5 was part of a series of improvements designed to unlock the actual power of web page design. HTML 5 has become the gold standard, with changes to the entire solution stack serving as the new releases you want. There are two versions of HTML5.
What’s New?
Web design is based on CSS, HTML, and Javascript. HTML5 SVG controls graphics. These HTML components serve as a basis for web applications. HTML 5 incorporates HTML4 and XHTML while remaining backward compatible with earlier versions. Also, it is more closely compatible with PHP. New APIs include drag and drop, web messaging and web storage, protocol handler registration, microdata, Canvas, text tracks, and timed media playback. There are also standard server-delivered events for automatic updates and better browser support. These new APIs provide site designers with more control. Geolocation, web audio (a Javascript audio application), web RTC, and web cryptography API are also new APIs for the Living Standard edition.
New features introduce new elements that have been upgraded to reflect modern website properties. They include hypertext markup language and the revived interest in document object model (DOM) programming. HTML5 syntax additionally supports MathML within the document, and indexed expand storage beyond local storage.
Learn HTML 5
HTML5 and CSS3 are the web design standards, and their elements form the foundation of your work as a web developer. Now, you can use HTML to create projects for mobile devices as well as everything else you can imagine as a front end developer. These options provide you more control over your projects and introduce you to essential development elements.
HTLM5 Courses and Certifications
We offer a full front-end developer course designed to get you up and running fast and efficiently, so you can learn the ins and outs of basic HTML directly from the source. If you’re just getting started, a professional certification in Front End Development gives you the full range of HTML (with crucial revisions to HTML 5.1 and HTML 5.2.
There are also HTML 5 Coding Recommended Practices to assist you get the most out of this functional language that serves as the foundation for current online standards. New properties within HTML5 take full advantage of the progress of web development, and those new features are addressed in this range of courses and certifications so that you may get started in your developer career quickly.
- Module 1: HTML5 Introduction
- Module 2: Page Layout Semantic Elements
- Module 3: HTML5 Web Forms
- Module 4: Canvas API
- Module 5: SVG API
- Module 6: HTML5 Media (Video & Audio)
- Module 7: Web Storage API
- Module 8: Geolocation
- Module 9:
- Geolocation usage
In this module, you will learn the evolution of html5. HTML5 is the latest standard for HTML. HTML5 was
Designed to replace both HTML 4, XHTML, and the HTML DOM Level 2.
- Limitations of HTML 4
- Introduction and Advantages of HTML 5
- First HTML5 Document
- Overview of New Features of HTML5
- List of HTML 4.01 elements removed from HTML5:
In this module, you will learn what semantic elements is and how to use it. A semantic element clearly
Describes its meaning to both the browser and the developer.
- Header
- Navigation
- Section & Articles
- Footer
- Aside and more…
In this module, you will learn about html web forms, HTML form on a web page allows a user to enter data
That is sent to a server for processing. Forms can resemble paper or database forms because web users fill out
The forms using checkboxes, radio buttons, or text fields.
- HTML 5 Global Attributes
- Displaying a Search Input Field
- Contact Information Input Fields
- Utilizing Date and Time Input Fields
- Number Inputs
- Selecting from a Range of Numbers
- Selecting Colors
- Creating an Editable Drop-Down
- Requiring a Form Field
- Autofocusing a Form Field
- Displaying Placeholder Text
- Disabling Autocomplete
- Restricting Values
In this module you will learn about canvas, The HTML <canvas> element is used to draw graphics, on the fly, Via JavaScript. The <canvas> element is only a container for graphics. You must use javascript to actually draw The graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images. Overview Of HTML5 Canvas
- History
- What Is a Canvas?
- Canvas Coordinates
- Registering the Canvas dimensions
- Drawing on Canvas with paths, curves etc.
- Working with Solid colors, Gradients & Transparency
- Importing External Images & Setting the background
- Working with Color & Geometrical transformations
- Creating graphs & charts
- Working with Text
- Animating a Vertical Bar-Chart
- Fine tune animation with Acceleration & Easing.
- Working with Pixel Data
- CSS and Canvas
- Create High-Res, Retina-Display-Ready Media with Canvas
- Clipping Canvas drawings & saving them to a file.
- When Not to Use Canvas
- Fallback Content
- Implementing Canvas Security
- Ensuring backward compatibility Support of Canvas API to older versions of browsers
In this module you will learn about svg, svg stands for Scalable Vector Graphics and it is an SVG viewer then Renders a language for describing 2D-graphics and graphical applications in XML and the XML. SVG is mostly Useful for vector type diagrams like Pie charts; Two-dimensional graphs in an X, Y coordinate system etc.
- Overview of SVG
- Understanding SVG
- Scalable Graphics
- Creating 2D Graphics with SVG
- Adding SVG to a Page
- Simple Shapes
- Transforming SVG Elements
- Reusing Content
- Patterns and Gradients
- SVG Paths
- Using SVG Text
- Putting the Scene Together
- Building an Interactive Application with SVG
- Adding the CSS Styles
- Ensuring backward compatibility Support of SVG API to older versions of browsers
In this module you will learn multimedia. HTML5 introduced two new elements that include playback Functionality for supported media formats. The audio element can be used to add audio content to a web Page.
- Adding Video & Audio to a page
- Supported Audio & Video formats
- Audio & Video codecs
- Loss & Lossless compression
- Media specific attributes Vs Global attributes
- Deployment challenges on Mobiles
- Converting Audio & Video to supported formats using open source & commercial software
- Using a Frame grabber
- Custom Controls, Seek bar, Progress bar with Javascript & CSS
- Applying CSS skins & transforms
- Working with multiple tracks, Subtitles & Captions with Captionator, Player & the Lean back Player
- Integrating Video with Canvas & SVG
- Applying Visual filters using Canvas & SVG
- Debugging, Browser support.
- Licensing issues.
- Ensuring backward compatibility Support of Media API’s to older versions of browsers
In this module you will learn web storage, web storage sometimes known as DOM storage (Document Object Model storage), provides web application software methods and protocols used for storing data in a web Browser Goodbye cookies introducing Web Storage
- Browser Support
- Local Vs Session storage
- Using the HTML5 Web Storage API
- Setting and Retrieving Values
- Storing forms & caching events with local storage
- Storing & Accessing JSON data.
- Communicating Web Storage Updates
- Data Security
- Need more storage space – exploring Web SQL Database API & Indexed DB
- Creating a Grocery List with Web SQL DB
- Ensuring backward compatibility Support of Web Storage API to older versions of browsers
In this module, you will learn about geolocation. Geolocation is the identification or estimation of the realworld geographic location of an object, such as a radar source, mobile phone, or Internet-connected computer Terminal. Comparing Geolocation techniques in the past & modern day Geolocation
- Understanding the pillars of Geolocation. I.e., GPS/ IP Address/ Cell ids/ Wi-Fi and Bluetooth
- LBS (Location based services)
- Mobile & Augmented reality applications, which consume geolocation service.
- Understanding Latitude, Longitude, Speed, Course & Accuracy
- Getting you current location
- Browser compatibility & Fallbacks.
- Reverse geocoding
- Mapping location
- Getting Distance & Directions between two places.
- Following a moving location
- Combing geolocation with google maps
- Triggering the Privacy Protection Mechanism
- Saving Geographical information
Geo Marketing, Geo social, Geo tagging, Geo social, Geo tagging & Geo Applications.
- Building a Real-Time Application with HTML5 Geolocation
- Ensuring backward compatibility Support of Geolocation API to older versions of browsers
HTML 5
- Rs 15,000/-
- Course Duration 1 Month
- Online Session
- On Campus Lecture + Practical
- Video Lecture Available
- Urdu & English
- 24/7 Support
Fee: 15,000
Duration: 1 Month
Timing: 9AM-11AM, 11AM-1PM, 1PM-3PM, 3PM-5PM, 5PM-7PM, 7PM-9PM
