HTML5 Bootcamp
|
Summary
|
|
||||||||||||||||||
HTML5 Bootcamp
HTML5 Bootcamp
The HTML5 Bootcamp is a 5 day hands on training course covering all aspects of HTML5 from beginner to advanced level topics. The course combines the HTML5 Getting Started and HTML5 Advanced courses, as well as including over 10 hours of high definition online video tutorials, with exercises covering CSS, JavaScript and HTML5 that our instructors have created.
If you want to find out more about HTML5 Bootcamp, you can make an information request below and the school will contact you with further information.
Suitability and application
This course is suited to those who have no previous experience of HTML5, but wish to learn how to make the most of this rapidly emerging web standard.
Why use Highlander
- Adobe Accredited
- Real World Instructors
- Online Learning Content
- Printed Manual
- 12 Months Support
- Completion Certificate
- Refreshments
- Professional Venue
- Friendly and Helpful Staff
- Highlander Guarantees
Course Outline
Days 1 & 2 - HTML5 Getting Started
HTML5 Overview
- History of HTML5
- WHATWG and W3C specifications
- What is part of HTML5?
Using HTML5 Today
- When can I use these features?
- Using HTML5 on mobile devices
- HTML5 or Flash
- Developer Tools
- Detecting HTML5 features
HTML5 Markup
- HTML5 page structure
- HTML5 DOCTYPE
- HTML5 markup
- Structural elements
- Semantic elements
- Deprecated elements
- HTML5 and CSS
HTML5 Forms
- HTML5 form elements
- Building and using HTML5 forms
HTML5 Offline Applications
- HTML5 offline applications
- Manifest files
HTML5 Audio and Video
- The audio and video elements
- Understanding audio and video
- Audio and video containers
- Audio and video codecs
HTML5 Canvas
- Overview
- Canvas
- Canvas basics
SVG
- How to use SVG
- JavaScript libraries that help with drawing eg: Raphaël, gRaphaël, Visualize, etc
HTML5 Web Sockets
- Web Sockets overview
- jwebsocket
HTML5 Geolocation
- Geolocation overview
HTML5 Storage
- Overview
- Local Storage
- Session Storage
- WebSQL
Drag and Drop
- Overview
Web Workers - asynchronous scripts
- Overview
CSS3
- Transitions
- Transformations
- Animations
Day 3 - Audio and Video
Here 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 4 - 2D and 3D
On this day 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 5 - 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.
Completion Certificate
Expenses
This is a 5 day classroom based course with over 10 hours of high definition video tutorials and exercises, giving you an indepth HTML5 learning experience and saving you over £300 at the same time. If you want to get up to speed with HTML5 quickly and effectively the HTML5 Bootcamp is the most cost effective way to do it. The cost of the Bootcamp is £1150 + 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 HTML5 Bootcamp, please fill out the following details:
