-
-
Cart
There are no items in your cart. Continue shopping on our Course Directory page.
SUBTOTALPay now -or- pay later
Pay by credit card at checkout
-or- pay later by invoice, as always.
-
JavaScript Essentials for the Full Stack Developer Using ECMAScript
Level: Foundation
Rating:
4.50/5 Based on 191 Reviews
Attend this Full Stack JavaScript Development with ECMAScript training course and gain knowledge and skills to create modern, interactive websites. In this course, you learn how to structure code, add interactivity, and leverage ECMAScript to generate dynamic HTML5. You will benefit from the use of best practises, progressive enhancement, and progressive web app development to optimise accessibility across multiple devices. You will grow significantly on your path to achieve the knowledge and skills of a full stack developer.
Key Features of this Full Stack JavaScript Development Training:
- After-course instructor coaching benefit
- Learning Tree end-of-course exam included
- After-course computing sandbox included
You Will Learn How To:
- Write and debug client-side JavaScript to create modern pages for a variety of devices
- Implement dynamic HTML effects to improve interactivity and SEO
- Apply unobtrusive JavaScript programming patterns
- Create dynamic, interactive forms with enhanced validation
- Develop custom libraries to simplify maintenance and code reuse
Choose the Training Solution That Best Fits Your Individual Needs or Organisational Goals
LIVE, INSTRUCTOR-LED
In Class & Live, Online Training
- 4-day instructor-led training course
- One-on-one after-course instructor coaching
- After-course computing sandbox
- Tuition fee can be paid later by invoice -OR- at the time of checkout by credit card
TRAINING AT YOUR SITE
Team Training
- Bring this or any training to your organisation
- Full - scale program development
- Delivered when, where, and how you want it
- Blended learning models
- Tailored content
- Expert team coaching
Customize Your Team Training Experience
CONTACT USSave More on Training with Learning Tree Training Vouchers!
Our flexible, easy-to-redeem training vouchers are available to any employee within your organisation. For details, please call 0800 282 353 or chat live.
In Class & Live, Online Training
Note: This course runs for 4 Days *
*Events with the Partial Day Event clock icon run longer than normal but provide the convenience of half-day sessions.
-
21 - 24 Sep 9:00 AM - 4:30 PM BST Online (AnyWare) Reserve Your Seat
-
7 - 10 Dec 9:00 AM - 4:30 PM GMT Online (AnyWare) Reserve Your Seat
-
9 - 12 Mar 9:00 AM - 4:30 PM GMT Online (AnyWare) Reserve Your Seat
-
1 - 4 Jun 9:00 AM - 4:30 PM BST Online (AnyWare) Reserve Your Seat
-
6 - 9 Oct 2:00 PM - 9:30 PM BST Online (AnyWare) Reserve Your Seat
-
3 - 6 Nov 2:00 PM - 9:30 PM GMT Herndon, VA / Online (AnyWare) Reserve Your Seat
-
29 Mar - 1 Apr 2:00 PM - 9:30 PM BST New York / Online (AnyWare) Reserve Your Seat
-
4 - 7 May 2:00 PM - 9:30 PM BST Herndon, VA / Online (AnyWare) Reserve Your Seat
Guaranteed to Run
When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.Partial Day Event
Learning Tree offers a flexible schedule program. If you cannot attend full day sessions, this option consists of four-hour sessions per day instead of the full-day session.Full Stack JavaScript Development Course Information
Requirements
- Experience developing web pages with HTML and CSS at the level of:
Other Important Course Information
- The majority of the course focuses on the core JavaScript functionality and syntax which is common to most modern JavaScript versions
- The course does cover some topics and features from ECMAScript (ES6)
Full Stack JavaScript Development Course Outline
-
Introduction and Overview
- Applying progressive enhancement
- Modern JavaScript best practises
-
Writing and Debugging JavaScript
Core JavaScript syntax
- Coding variables, statements and control blocks
- Loading conditional functionality with feature testing
Implementation
- Controlling client-side browser objects
- Adding the behaviour unobtrusively
-
Structuring Code for Reuse
Defining Functions
- Declaration/Expression
- Anonymous
- Callback
- Immediately Invoked Function Expressions (IIFE)
- Passing optional parameters
Declaring objects
- Structuring code with Object Literal Notation (OLN)
- Augmenting functionality with the prototype
- Serializing objects with JavaScript Object Notation (JSON)
Building a modular, maintainable library
- Creating a private scope with namespaces
- Developing a custom takeaway reusable library
-
Adding Interactivity with Dynamic HTML
Manipulating the Document Object Model (DOM)
- Creating, reading, updating and deleting web page markup
- Targeting elements by ID, tag name and class name
- Modifying presentational CSS for dynamic HTML effects
Handling events
- Adding and removing event handlers unobtrusively
- Inspecting event object properties
- Preventing default browser actions
- Minimising handlers with event delegation
Interacting with the browser and user
- Responding to users' actions
- Gathering information
- Managing errors
-
Creating Forms with Client-Side Validation
Assisting users to ensure data validity
- Validating without JavaScript
- Implementing dynamic select menus
- Preventing forms from submitting with enhanced validation
- Customising validation error messages
Validating data on the client side
- Matching data patterns with regular expressions
- Form vs. field validation
- Invoking server-side business logic
-
Leveraging Ajax and Third-Party Libraries
Updating pages asynchronously with Ajax
- Improving data exchange efficiency
- Creating a reusable Ajax method and adding it to a custom library
- Processing the server response
- Performing Ajax functionality with a library
Exploiting third-party libraries
- Tapping into the power of client libraries
- Decreasing time-to-market with code reuse
- Improving delivery performance with a Content Delivery Network (CDN)
- Avoiding conflicts between libraries
-
Programming with HTML5 and Other APIs
Exploiting APIs for advanced functionality
- Mapping
- Application
- HTML5
- Mobile Device APIs
- Offloading processing from the server to the client
Enriching user experience
- Determining user location with geolocation and Google Maps API
- Persisting data on the client with storage APIs
-
Loading JavaScript Conditionally
Optimising download performance tuning
- Implementing feature testing to conditionally load required JavaScript
- Overcoming missing functionality with polyfills, fallbacks and conditional comments
Team Training
Full Stack JavaScript Development Training FAQs
-
Can I take this training course online?
Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want. This course is available online, in person, or as Private Team Training.
Related Web Development Training
HTML5, CSS3 and JavaScript Training: Platform-Independent Web Development
Your Training Comes with a 100% Satisfaction Guarantee!*
*Partner-delivered courses may have different terms that apply. Ask for details.