Highlights
- Utilise Effective device/feature detection
- Understand Event handling
- Explore Inheritance via prototype
- Exploit Ajax and JSON/JSONP
- Understand HTML5 media element
- Explore Functions
- Test techniques coding via prototypal inheritance and object definition
- Use intermediate JavaScript to fully utilise the capabilities of Object Oriented JS and the new, exciting HTML5 API’s in your websites
A short Video from TTD & Clean Code With JavaScript Training Course.
Course Details
Part 1 Effective device/feature detection
- This section covers several different ways of detecting the features available in the many browsers that are in common use. This supports the concept of feature detection commonly used in modern development methodologies.
- Introduction
- Modernizr
- HTML5 feature detection
- Suggested webpages
- Feature detection using MIME type
Part 2 Event handling
- This section will look at advanced event handling which allows you to handle events such as drag/drop and touch.
- Event propagation
- Advanced event handling
Part 3 Inheritance via prototype
- This section looks at the way JavaScript handles Object Oriented coding via prototypal inheritance and object definition.
- JavaScript objects definition
- Prototypes and inheritance
Part 4 Ajax and JSON/JSONP
- This section will cover AJAX coding and use, plus the way JavaScript interacts with JSON and JSONP.
- AJAX technologies
- Client side
- Server side
- JSON/JSONP
Part 5 HTML5 media element
- This section looks at the new HTML5 elements available to support embedding media on a webpage.
- Video
- Audio
- Compatibility
Part 6 Functions
- This section covers the use of the arguments object with functions, plus looks at some special types of function commonly used in modern JavaScript , it's frameworks and libraries.
- The Arguments object
- First class objects
- Closures
- Currying
- Immediate functions
- Self-defining functions
Part 7 Testing techniques
- The final section in this course introduces some tools commonly used in the production and testing of JavaScript code.
- Testing JavaScript
- Basic testing techniques
- Code tidiers, syntax checkers & validators
- Online testing
- Browser based tools
- IDE’s
- Specialist unit test environments – Qunit, JS-Test-Driver
Examples and Exercises
- There are numerous (standards compliant) examples available for this course that illustrate the concepts covered.
- In addition to the examples there are practical exercises in each section that allow attendees to explore and consolidate their knowledge of the concept. Further topics are given for future study that relate to the topics covered.
- Some of the exercises are done as team work, the remainder are done on an individual basis with the individual choosing the level of complexity they want to code within the exercise parameters.
Who should attend
Feedback
4.8 out of 5 average
"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"
Brian Leek, Data Analyst, May 2022
“JBI did a great job of customizing their syllabus to suit our business needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and the Instructor handled this particularly well - very impressive”
Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022