Advanced HTML5
|
Summary
|
|
||||||||||||||||||
Advanced HTML5
Advanced HTML5
The Advanced HTML5 training course is a 3 day hands on course which covers many of the more advanced aspects of the new HTML5 syntax.
The course covers areas such as animation and games, audio and video, and 2D and 3D with SVG, WebGL and more
If you want to find out more about Advanced HTML5, you can make an information request below and the school will contact you with further information.
Suitability and application
You should have already attended the HtML5 Getting Started course or have equivalent experience and have basic JavaScript knowledge.
Course Outline
Day 1 - Audio and Video
On the first day you will learn to control audio and video elements with HTML5. You will learn about the various events and methods that will allow you to do this and go through
several JavaScript libraries that will make your job easier.
HTML5 Video
- Video events
- Video methods
- Controlling video
- Monitoring progress
- Fullscreen video
- Styling your video
- Subtitling
HTML5 Audio
- Audio events
- Audo methods
- Controlling audio
- Monitoring audio
- Subtitling
- Audio visualiser HTML5 User Interface
- Creating a user interface for controlling your web page assets
HTML Audio and Video JavaScript Libraries
Skinning your audio and video assets
Day 2 - 2D and 3D
On day 2 we will go through creating and using 2D and 3D elements within web browsers. This will mean using SVG and WebGL. We will discuss both the creation and usage of these assets as well as use various JavaScript libraries to help us in our work.
SVG
- Creating SVGs
- Using Illustrator to create SVGs
- Exporting SVGs from Illustrator
Loading them into a web page
- How to load svgs into a web page
- Using the Raphaël JavaScript library to load SVGs
Controlling SVGs
- Using the Raphaël library to animate your SVGs
WebGL
- What is WebGL
- Which browsers can use WebGL
- WebGL basics
- Creating 3D shapes
- Colouring 3D shapes
- Animating 3D shapes
Threejs
- Using three.js to create 3D shapes
- Using three.js to control 3D shapes
- Exporting a 3D shape from a 3D package (e.g. Blender)
- Using three.js to control a 3D shape exported from a 3D package
- Creating 3D scenes
Day 3 - HTML5 Animation and HTML5 Games
Here you will create banners, slideshows, animations, and simple games - all using HTML5 and JavaScript. You will also look at various HTML5 apps and JavaScript libraries that will help when working with animation and games
JavaScript Animation
- Using the canvas
- Sprites and Sprite sheets
- Animation
- requestAnimationFrame()
- Useful JavaScript libraries
JavaScript Math
- Formulae for moving things
- Circular motion
CSS3 Animation
- Animating with CSS3
- Easing
- Non-linear motion
JQuery basic effects
- Introducing JQuery
- JQuery effects
Overview of current HTML5 Applications (this will change over time)
- Hype, Radi, Edge, Construct2, Balsamiq
Creating Banners and Slideshows
- Hype
- Edge
- Using animate.css
- Using Deck.js
- Using html5slides
Creating simple games
- Noughts & Crosses
- Other JavaScript libraries
- (Trident.js, Easel.js, etc)
Special Note: HTML5 is still being developed as a standard and support in browsers is continually evolving. Whilst we make every endeavour to stick to the course overview as described above, we reserve the right to adjust the course if needed to accomodate recent changes in HTML5. For example if a particular library is withdrawn and no longer available for use we would be unable to cover it.
Outcome / Qualification etc.
You will receive a certificate of attendance
Expenses
This is a 3 day course and costs £695 + VAT per person.
Highlander Ltd
Highlander: Adobe Authorised Training Provider for the Creative, Web & Marketing Sectors
Highlander is widely known as one of the UK's longest established and most successful training providers for the creative, web and marketing sectors.
Highlander, which was set up in 1995, offers a wide range of classroom,
blended and
online learning programs and has facilities in central London
and York.
Highlander help users get the most out of their software and provide Adobe training courses that combine classroom and online learning for Photoshop, InDesign, Illustrator, Acrobat, Flash, DreamWeaver, ActionScript, Flex, CSS, HTML, HTML 5, Blender, SEO, Captivate and lots more.
Highlander deliver high quality services to a wide range of clients from SMEs through to large corporates, government depts, education clients and well known charities. The company is a former winner of awards over the years, including Macromedia "Training Partner of the Year", Oracle "Outstanding Partner Award", and ColdFusion Developers Journal "Best Worldwide Training and Education" and has thousands of satisfied clients.
When you choose Highlander you get
- Marketing collateral that is honest and accurately represents the services we provide.
- Dates that run - we don't invent dates just to encourage you to call us.
- High quality facilities - our rooms are professional, air-conditioned, well equipped and centrally located.
- THE BEST trainers in the UK. Our instructors are Adobe Certified, have a minimum of 5 years hands on professional experience and are assessed on every class.
- Treated in a professional manner at all times.
- A guarantee that if you aren't completely satisfied you can resit the course completely free of charge
Instructors
Over the last 15 years we have developed a network of the best trainers in the industry. Our team includes former Adobe staff, as well as experts from a wide range of backgrounds who have one thing in common. Their ability to combine training skills, technical knowledge and real world experience.
Location and Facilities
Scheduled courses are run daily at our London centre, which is located just one stop from Kings Cross station and only a few hundred
yards from Angel tube station. The training centre is within the well known Islington Business Design Centre which is a modern conference centre hosting and benefits from excellent front of house services, an in-house cafe / restaurant, full disabled access, and a comfortable air-conditioned training suite, not to mention an onsite car park and hotel.
If you are looking for a proven, cost effective and highly professional provider for your Adobe Training then you have come to the right place. Highlander has helped thousands of people improve their Adobe product skills over the years. You could be next.
Learn more about Highland and how their Adobe, Creative, Web and Internet Marketing Courses can help you here.
Show all courses with
Highlander Ltd
Request information - obligation free
Contact information for Highlander Ltd
Phone no: 0800 156 0777 
To request information from Advanced HTML5, please fill out the following details:
