Duration
3 days
Overview
In this HTML5 CSS3jquery training course we will be covering the new HTML5 structural sections, plus HTML5 and CSS3 layouts along with jQuery. We will be covering jQuery as our javascript framework, the reason for jQuery’s vast usage is that it solves many of the cross-browser issues that creep up during development. The library is popular for both web developers and web designers.
Objective
Learn the nuts and bolts of HTML5, CSS3 & jQuery for modern web development.
Learn about new HTML5 APIs to build apps with location sensitivity and full offline functionality.
1. Introduction
- 1. Welcome
- 2. Understanding what you need to know?
- 3. Introduction to HTML5
- 2. HTML5 Basics
- 1. Introduction to Doctype
- 2. Overview & Updates
- 3. The New Doctype
- 4. The Meta Declaration
- 5. The Script Tag
- 6. The Link Tag
- 7. Alternate Voice or Mood
- 8. Stylistically Offset
- 9. Stress Emphasis
- 10. Strong Importance
- 3. HTML5 Semantic Elements
- 1. HTML5 Section
- 2. HTML5 Section
- 3. HTML5 Header
- 4. HTML5 Footer
- 5. HTML5 Aside
- 6. HTML5 Nav
- 7. HTML5 Audio
- 8. HTML5 Video
- 4. HTML5 Elements
- 1. HTML5 Article
- 2. HTML5 Main
- 3. HTML5 Figure
- 4. HTML5 Figcaption
- 5. HTML5 Time
- 6. HTML5 Datetime
- 5. HTML5 Form Features
- 1. HTML5 Forms
- 2. Search
- 3. Email
- 4. Datalist
- 5. Placeholder
- 6. Autofocus
- 7. Required
- 8. Pattern
- 6. HTML5 Advanced
- 1. Web Storage
- 2. Application Cache
- 3. Web Workers
- 4. SSE
- 5. Geo Location
- 6. Drag & Drop
- 7. Introduction to CSS3
- 1. Welcome
- 2. Understanding what you need to know?
- 3. Introduction to CSS3
- 8. CSS3 Styles I
- 1. Introduction to Border Radius
- 2. Border Radius
- 3. Border Radius 2
- 4. Box Shadow
- 5. Box Shadow 2
- 6. Text Shadow
- 7. Box Sizing
- 9. CSS3 Styles II
- 1. CSS3 Styles
- 2. Multiple Backgrounds
- 3. RGBa
- 4. HSLa
- 5. Linear Gradient
- 6. Radial Gradient
10 . Fonts and Interactions
- 1. Introduction to Font Face
- 2. Font Face 1
- 3. Font Face 2
- 4. Font Face 3
- 11. Translate & Transitions
- 1. Translate
- 2. Rotate
- 3. Scale
- 4. Skew
- 5. Skew 2
- 6. Transition
- 7. Transition 2
- 8. Animation
- 12. Introduction to JQuery
- 1. Welcome
- 2. Understanding what you need to know?
- 3. Introduction to jQuery
- 13. What is jQuery?
- 1. What is jQuery?
- 2. Element Selectors
- 3. The text() Method
- 4. Changing Text
- 5. DOM Ready
- 14. Using jQuery
- 1. Include the JQuery Library
- 2. Include a Custom JavaScript File
- 3. Modifying Multiple Elements
- 4. ID Selector
- 5. Class Selector
- 15. Searching the DOM
- 1. Descendant Selector
- 2. Selecting Direct Children
- 3. Selecting Multiple Elements
- 4. The :first Pseudo Selector
- 5. The :even Selector
- 16. Traversing the DOM
- 1. Using find()
- 2. Using first()
- 3. Using last()
- 4. Using prev()
- 5. Traversing Up
- 6. Traversing Down
- 17. Acting on Interaction
- 1. Click Interaction
- 2. Acting on Click
- 3. On Page Load
- 18. Refactor Using Traversing
- 1. Removing the Clicked Button
- 2. Relative Traversing I
- 3. Relative Traversing II
- 19. Traversing and Filtering
- 1. Fetching Data From the DOM I
- 2. Fetching Data From the DOM II
- 3. Refactoring
- 4. Better On Handlers
- 5. New Filter I
- 6. New Filter II
- 20. On DOM Load
- 1. On DOM Load
- 2. On Load I
- 3. On Load II
- 4. Slide Effect I
- 5. Slide Effect II
- 6. Expanding on on()
- 7. Mouseover I
- 8. Mouseover II
- 9. Mouseleave
- 10. Named Functions
- 21. Keyboard Events
- 1. Keyboard Events
- 2. Keyup Event
- 3. Keyup Event Handler I
- 4. Keyup Event Handler II
- 5. Another Event Handler
- 22. Link Layover
- 1. Link Layover
- 2. Link Events I
- 3. Link Events II
- 4. Event Parameter I
- 5. Event Parameter II
- 23. CSS & Animation
- 1. Taming CSS
- 2. CSS I
- 3. Show Photo
- 4. Refactoring to CSS
- 5. Animation
- 6. Animation Speed
- 24. Conclusion
- 1. QA
- 2. Useful WordPress Resources
- 3. Feedback
Programme scope, delivery arrangements and suitability are confirmed during enquiry.