This course is designed to move delegates beyond the fundamentals. It serves to set delegates on course to dive into one of the many JavaScript frameworks. Delegates will learn about modern syntax,object-orientation,functional programming,asynchronous programming,managed apps,and testing.
Course overview:
Intermediate JavaScript Course Overview JavaScript is one of the most popular and commonly used programming languages today. Not only is it the language of the web and front-end frameworks like Angular and React,but it can now be used to build anything (front-end,back-end,or otherwise) thanks to runtimes like NodeJS
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered. NB: This course assumes ES6 as the baseline specification for JavaScript. This is because ES6 is now widely supported.
Course objectives:
Course Objectives This course aims to provide delegates with the skills and knowledge necessary to build modern,managed JavaScript applications that exploit modern syntax. Delegates should be able to devise object-oriented and functional solutions to problems,and deal with asynchronous tasks such as IO.
Course content:
Intermediate JavaScript Training Course Course Contents – DAY 1 Course Introduction • Administration and Course Materials • Course Structure and Agenda • Delegate and Trainer Introductions Session 1: MODERN SYNTAX,OPERATORS,AND DATA STRUCTURES • Destructuring • Spread • Rest parameters • Short circuiting • Logical assignment operators • Enhanced object literals • Optional chaining • Nullish coalescing • Sets and Maps Session 2: SCOPE • What is scope? • Types of scope • Lexical scope • The scope chain • Closures • IIFEs Session 3: OBJECT-ORIENTED PROGRAMMING • What is object-oriented programming? • Object templates • Constructor functions • The this keyword (review) • Object prototypes (briefly) • Classes • Fields,constructors,and methods • Static members • Encapsulation • Inheritance • Composition • Mutating arrays,e.g. push,splice etc. Session 4: FUNCTIONAL PROGRAMMING • Functions (review) • What is functional programming? • Pure functions • Immutability • Spread (again) • Functions as first-class objects • Higher-order functions • Callbacks • Transforming arrays,e.g. filter,map etc. Intermediate JavaScript Training Course Course Contents – DAY 2 Session 5: ASYNCHRONOUS PROGRAMMING • What is asynchronous programming? • The Event Loop • Asynchronous callbacks • setTimeout and setInterval • Promises • async and await • Reactive programming and observables (briefly) • Asynchronous programming and the fetching of data Session 6: MODULES,MANAGED APPS,AND TOOLING • What is a module? • Exporting and importing module features • Embedding a module in the HTML • Default and named exports • Aliases • Module objects • Modules,packages,libraries,and frameworks • Categories of tools • Package management • Module bundling • Transpilation • TypeScript • Creating a managed app Session 7: TESTING • The purpose of testing • The types of testing • Running tests • Test tools • Unit testing • Integration testing • E2E testing • Testing async code • Using mocks
COURSE PREREQUISITES:
Requirements Delegates should be able to produce scripts that exploit the fundamental features of the language including variables,functions,conditions and loops,DOM manipulation and event handling. Delegates should also be familiar with HTML and CSS.
Target audience:
Who will the Course Benefit? The Intermediate JavaScript course is aimed at JavaScript developers who have a handle on the fundamentals and want to take the next step. It may also be of value to those who wish to refresh/renew their knowledge of JavaScript after some time away from it.