HTML 5 and CSS3 Advanced
Course
Inhouse
Description
-
Type
Course
-
Level
Advanced
-
Methodology
Inhouse
-
Duration
2 Days
-
Start date
Different dates available
This course is suitable only for those with considerable prior experience and covers: CSS Transitions and Transforms; the canvas element; video and audio; the file api; geolocation; drag and drop; web workers; and offline applications
Facilities
Location
Start date
Start date
Reviews
Subjects
- HTML
- Animation
- Drawing
- Web
- HTML5
- CSS
- 2D
- Logos
- 2D Transitions
- Canvas Tag
- 2D Drawing Api
- Basic Canvas Drawing Techniques
Course programme
This course is suitable only for those with considerable prior experience and covers: CSS Transitions and Transforms; the canvas element; video and audio; the file api; geolocation; drag and drop; web workers; and offline applications
CSS Transitions and TransformsTransition basics; Exploring transition options 2D transform fundamentals Coding 3D transitions; Enhancing (and not degrading) the user experience Simple 2D Transitions and Transforms Animating color changes; Fading objects in and out; Growing page elements; Automatically spinning logos; Adjusting font sizes Introducing The Canvas ElementIntroducing The Canvas Tag, Understanding The Differences Between Canvas And Svg
Understanding The Canvas Element And 2D Drawing ApiIdentifying The Canvas Element'S Methods And Properties, Using The Canvas Drawing Context
Basic Canvas Drawing TechniquesSetting And Using Colors And Styles, Drawing Basic Shapes: Rectangles And Lines, Understanding The Canvas State, Drawing Complex Shapes: Arcs And Paths, Drawing Complex Shapes: Bézier And Quadratic Curves, Rendering Text
Complex Canvas Drawing TechniquesCreating Shadows, Drawing With Patterns, Drawing With Gradients, Using Clipping Paths, Drawing Images And Video
Advanced Canvas Drawing OperationsTransforming Objects Using The Translate Tag, Scaling Objects With The Scale Transformation, Rotating Objects With The Rotate Transformation, Applying A Custom Transformation, Compositing In Canvas Using Globalalpha, Manipulating Raw Pixels
Building Practical ExamplesBuilding An Image Slideshow Control, Using Smooth Transitions In A Slideshow, Creating A Basic Animation, Creating Animation With Double Buffering, Incorporating Canvas Into A Real Page
Video And Audio BasicsUnderstanding Html5 Video And Audio, The State Of Html5 Video And Audio, Understanding The Format War, Configuring Your Server To Deliver Html5 Media Formats
Embedding Video And AudioUsing The Video And Audio Tags, Using Multiple Sources For Browser Compatibility, Preloading, Autoplaying, Looping, Setting A Poster Frame, Setting The Video Width And Height, Displaying Subtitles And Captions
Falling Back To Alternative Playback MethodsFalling Back To Animate, Falling Back To Download Links, Using An Embed Code Builder
Encoding Audio And Video FilesUnderstanding Html5 Video Formats, Understanding Html5 Audio Formats, Encoding Mp4/H.264 Video With Handbrake, Encoding Ogg, Theora, And Webm With Firefogg, Encoding Audio Formats With Vlc, Automating Video And Audio Encoding
Building Your Own Controls With JavascriptSetting Up The Javascript, Creating Play And Pause Buttons, Creating A Play Progress Bar, Creating A Load Progress Bar, Creating A Current Time And Duration Display
Additional information
HTML 5 and CSS3 Advanced