Course Content
HTML Overview
- HTML Editing Tools.
- WYSISYG Authoring Tools
- Document Structrure
- HTML Tags
- Information browsers ignore
- Tips on good HTML style
- Specifying Color in HTML
Structural HTML Tags
- The Summary of Structural Tags
- Setting up an HTML document.
- The global settings with the "BODY" tag.
- Using META tag.
Formatting Text
- The summary of Text tags.
- Working with HTML text.
- The inline type styles.
- The FONT tag.
- The Lists.
- The layout techniques with HTML.
Creating Links
- The summary of tags related to linking
- Simple Hypertext links
- Linking within a document
- Affecting the appearance of links
- Targeting windows
- The Image maps
- Non-Web links and protocols.
Adding images and other page elements
- The summary of object placement tags.
- Horizontal rules.
- The Image basics.
- The IMG tag and its attributes.
- Adding Java Applets to the page.
- Adding Plug-in Media with EMBED.
- Adding Media files with OBJECT
Tables
- The summary of Table tags.
- Introduction to tables.
- The Basic table structure.
- Affecting table appearance.
- Table troubleshooting.
- Tips and tricks.
- Standard table templates.
- Multipart images in tables..
Frames
- The summary of Frame tags.
- Introduction to frames.
- The basic frameset structure.
- The frame function and appearance.
- Targeting frames.
- The Inline (Floating) frames.
- Frame design tips and tricks.
Forms
- Summary of FORM tags.
- Introduction to Forms.
- The basic form (FORM).
- The FORM elements.
- The New FORM attributes (HTML 4.0).
- Affecting the appearance of forms.
- Unconventional use of FORM elements
- Demystifying CGI..
- Retrieving the parameter value using getParameter () method.
Server Side includes (SSI)
- How SSI is used.
- The SSI and the server.
- Adding SSI commands to a document.
- Using environment variables.
- The XSSI.
- The List of elements.
- The Include variables.
- Time formats for SSI output.
Using HTML5 Today
- When can I use these features?
- Using HTML5 in browsers that do not support it
- Detecting native availability of HTML5 features
- Emulation
Markup
- HTML5 page structure
- HTML5 DOCTYPE
- HTML5 markup
- Structural elements
- Semantic elements
- Deprecated elements
- HTML5 and CSS
- Lab: Using HTML5 Markup
Forms
- HTML5 form elements
- Building and using HTML5 forms
- Lab: Using HTML5 Forms
HTML5 Audio and Video
- The audio and video elements
- Understanding audio and video
- Audio and video containers
- Audio and video codecs
- Lab: Using the audio and video APIs
Overview of the HTML5 APIs
- Overview of the HTML5 APIs
- Common building blocks
- Programming HTML5
HTML5 Canvas and SVG
- Overview
- Canvas vs. SVG
- Canvas coordinates
- Context
- Accessibility
- Pixel data
- Lab: Using the Canvas APIs
- Canvas basics
- Drawing operations
- Canvas transforms
HTML5 Websocket
- Real-Time web communication strategies
- WebSocket-simplicity and power
- Overview of WebSocket system vendors and open-source projects
- Emulation for browsers without native HTML5 WebSocket support
- Architecture of a WebSocket enabled distributed application
Server Setup
- Assign attendees to individual Amazon EC2 Linux servers
- ActiveMQ STOMP broker setup on the EC2 server
- Kaazing WebSocket Gateway configuration on the EC2 server
User Interface Programming in JavaScript
- User Interface programming concepts
- JavaScript-based STOMP client API
Server Programming
- PHP and Java-based STOMP client APIs
- Server-side application software development in PHP and Java
- Accessing a MySQL database
Integrated WebSocket Application
- Developing a complete distributed application using WebSocket
- Extending HTML5 WebSocket