Course description
The HTML5 & CSS3 with JavaScript course comprises sessions dealing with HTML5 elements and attributes, CSS3 styles, responsive web design, geolocation, drag and drop, offline storage, web sockets, server sent events, and cross domain messaging.
The delegate will learn how to integrate HTML5 and CSS3 features into their web site.
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.
Who will the Course Benefit?The HTML5 & CSS3 with JavaScript course is designed for developers familiar with HTML, CSS, and JavaScript, but whom are unfamiliar with the features introduced with HTML5 and CSS3.
Course ObjectivesThis course aims to provide the delegate with the knowledge to be able to integrate into a website HTML5 and CSS3 features including new form elements and types, semantic elements, audio and video, graphics, animations, media queries, geolocation, drag and drop, local storage, sockets, and messaging.
Upcoming start dates
Suitability - Who should attend?
Delegates should be able to:
- Build and style simple web pages using HTML & CSS
- Build JavaScript applications that exploit all fundamental elements of the language including variables and expressions, conditions and loops, functions, objects, arrays, the DOM, and event handling
This knowledge can be obtained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.
Experience to the level as demonstrated in these courses is recommended:
- HTML & CSS
- JavaScript 1
Training Course Content
HTML5 & CSS3 with JavaScript Training Course
Course Contents - DAY 1
Course Introduction- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
- What is HTML5
- What is CSS3
- Browser Support
- Form Fields
- PForm Validation
- Semantic Elements
- iFrame
- Audio and Video
- Canvas and SVG
- Generic Styles
- Transforms
- Transitions
- Animations
- Responsive Web Design (Review)
- Responsive Grid Layout
- Media Queries
- Images and Videos
- Responsive Web Design Frameworks
Course Contents - DAY 2
Session 5: GEOLOCATION- Information Sources
- The navigator Object
- Request Parameters
- Position Data
- Error Handling
- Source and Target Elements
- Draggable Attributes
- Drag Events
- The dataTransfer object
- Local/Session Storage vs. Cookies
- The localStorage and sessionStorage Objects
- Local/sessionStorage methods
- The applicationCache object and events
- WebSocket vs. HTTP
- WebSocket (ws://) Protocol
- The WebSocket constructor function
- WebSocket Object Methods
- WebSocket Events
- Server Sent Events
- The EventSource constructor function
- EventSource Events
- Same Origin Policy (SOP)
- Cross Domain Messaging
- Message Posting
- Message Receiving
Customer Outreach Award
We believe that it should be easy for you to find and compare training courses.
Our Customer Outreach Award is presented to trusted providers who are excellent at responding to enquiries, making your search quicker, more efficient and easier, too.
Continuing Studies
Further Learning
- jQuery Web Development
- Angular Development
Request info
Why StayAhead. From a single person on a scheduled course to large scale training projects StayAhead Training have the expertise and experience to help. Established since 1992, StayAhead Training is recognised as one of the leading independent IT Training specialists...