Course description
Modern Web Development With JavaScript & JQuery
Mastering JavaScript and JQuery Essentials is a comprehensive, hands-on course geared for web developers who need to learn basic JavaScript and JQuery to use with today's systems and architectures to build sophisticated web interfaces. JavaScript is simple and elegant but is often difficult to work with because it's so different from the programming languages most developers are used to utilizing. The training will guide students through a balanced mixture of theory and practical labs to gain core JavaScript development skills and have them explore its related technologies through to the use of tools and libraries to ease the development of advanced web applications.
This course also covers jQuery and provides practical and hands-on experience with the preferred JavaScript library for building rich web applications. If you are building for the web, learning jQuery will change the way you write JavaScript, working across multiple browsers and platforms. Course attendees will be able to hit the ground running right after class, applying essential JavaScript to projects at both an architectural as well as a line by line coding level.
Do you work at this company and want to update this page?
Is there out-of-date information about your company or courses published here? Fill out this form to get in touch with us.
Who should attend?
This is an introductory level course for experienced software developers seeking to enhance and extend their core web development skillset leveraging JavaScript and JQuery. Attendees should have practical experience developing basic software applications. This course provides an excellent foundation for continued learning to gain in-demand skills in in-demand skills and technologies such as NodeJS, Angular, React, Redux and more. This course can also be tailored for less experienced or non-developers as needed. Please inquire for details.
Training content
Session: Core JavaScript Essentials
Lesson: JavaScript Basics
- JavaScript Defined
- Variables and Operators
- Flow Control and Conditionals
- Lab: JavaScript Basics
Lesson: Debugging Tools
- Using the strict mode and setting breakpoints
- Browser debugging tools
- Monitoring resource usage and performance
- Emulating devices Exceptions in JavaScript
- Lab: JavaScript Debugging
Lesson: JavaScript Functions
- Functions in JavaScript
- Invoking Functions
- Function Constructor
- Function Scope and Closures
Lesson: JavaScript Arrays, Math and Date
- JavaScript Literals
- JavaScript Arrays
- Working with Numbers and Dates
- Lab: JavaScript Built-in Objects
Lesson: JavaScript Event Handling and the DOM
- Events and Event Handling
- HTML Document Object Model
- Accessing the DOM
- Dynamically Working with the DOM
- DOM Challenges
- Lab: Using Events and the DOM
Lesson: Object-Oriented JavaScript
- JavaScript “Objects” and “Classes”
- Constructors and Prototypes
- Prototypes
- Extending Classes with Prototype
- Reusable, Flexible Classes
- Lab: Working with Classes
Session: jQuery
Lesson: Why jQuery?
- JavaScript Evolution
- Why jQuery?
- jQuery Usage
- Downloading jQuery
Lesson: Basic jQuery
- jQuery: Operational Overview
- jQuery Capability Overview
- Basic Selectors
- Multiple Selector
- Selecting by Order
- Lab: Installing and Testing jQuery
Lesson: Manipulating the DOM
- Attributes vs. Properties
- CSS Box Model Properties
- Element Content
- Manipulating Children
- Wrapping and Unwrapping
- Effects (Basic Animation)
- Effects Queues
- Lab: CSS Selection
Lesson: More on Element Selection
- Hierarchical Selectors (Combinators)
- Attribute Selectors
- Basic vs. Child Filters
- Filtering Methods
- Traversing Methods
- Lab: Delving Into jQuery
Session: Working with jQuery
Lesson: Attributes, Forms, and DOM
- Selecting from Forms
- Selecting Parent and Children
- Automatic DOM Traversal
- Manipulating DOM Elements
- Getting and Setting Attribute Values
- Removing Attributes
- Lab: Dynamic DOM
Lesson: More jQuery!
- The jQuery Function
- The jQuery Object
- Some jQuery “Static” Methods
- Utility Methods
- Lab: jQuery Practice
Lesson: Event Handling
- Binding Multiple Events to Same Handler
- Multiple Events to Different Handlers
- Event Targets
- Triggering Events
- Custom Events
- Live Events
- Lab: jQuery Events
Lesson: More On Elements!
- Changing HTML Content
- Changing Text Content
- Managing Elements
- Introduction to Animations
Lesson: Ajax
- Posting Data
- Global Ajax Handlers
- JSONP
- Serialization
- Deferred Objects
- Promises and Piping
- Chaining Tasks
- Lab: jQuery Selectors and Content Manipulation
Session: jQuery Plugins and Enhancements
Lesson: jQuery Plugins
- jQuery Validation Plugin
- jQuery Form plugin
- jQuery BBQ (Back Button &
- Query) Plugin
- jQuery Hotkeys Plugin
- jQuery Color Plugin
- Lab: jQuery Plugins
Lesson: jQuery UI
- jQuery UI Effects
- Advanced Easing
- Interactions
- Position Utility
- Widgets
- Icons
- Lab: jQuery UI
Lesson: Templates
- Micro Templates
- jQuery Template Plugin
- Compiling Templates Template Items
Session: JavaScript Object Notation (JSON)
Lesson: JSON Objects
- Understand JavaScript's literal syntax for creating arrays and objects
- Understand object literals
- Understand arrays
- Understand arrays in objects
- Understand objects in arrays
Lesson: JSON Syntax and Processing
- Understand JSON Syntax
- Understand JSON Parsers
- Read and write object and array literals in JavaScript
- How to use JSON in an Ajax application
- Understand the advantages of using JSON
- Understand the disadvantages of using JSON
- How to use JSON in an Ajax application
- How to transfer data to and from the server
Lesson: jQuery, JSON, and AJAX
- jQuery AJAX Utility Method
- jQuery and JSON
- jQuery and Other Data Types
- Serialization
- Deferred Objects
- Promises and Piping
- Chaining Tasks
- Lab: Implementing JSON
Session: Advanced JavaScript Topics
Lesson: ES6: The Next Step
- ES6 Defined
- ES6 Default and Rest Parameters
- IIFE and Closures
- ES6 Importing/Exporting Modules
- Arrays, ES6 Maps, and ES6 Sets
- Working Arrays with ES6
- Working Strings with ES6 Strings
- ES6 Constructs and Inheritance
- ES6: Getters and Setters
- Lab: Working with ES6
Lesson: HTML5 JavaScript API
- Cross-Domain Messaging
- Working with Web Storage
- Offline with Application Cache
- Geolocation: What, Why, and How
- Lab: Using the Web Storage API
- Lab: Using the ApplicationCache API
Lesson: TypeScript
- Strong Data Typing
- Compiling TypeScript to JavaScript
- TypeScript Datatypes
- TypeScript Classes and Interfaces
Lesson: JavaScript Best Practices
- Code Conventions for the Lifecycle
- Resolving Shared Resources
- Constructs to Use
- Constructs to Avoid
- Memory Considerations
Lesson: JavaScript Scheduling, Execution, and Security
- Timers and Scheduling
- Execution Contexts
- Same Origin Policy and JavaScript
- Security Considerations
Lesson: Performance and Optimization
- Code Optimization
- JavaScript Verbosity Tradeoffs
- Memory Considerations
- Cyclic References
Lesson: Download Options
- Explain the basic principles underlying web application performance optimization
- Understand the role of downloading options in smoothing bandwidth usage
- Understand how caching can reduce bandwidth usage
Lesson: Security
- Security: The Complete Picture
- Unvalidated Input
- Injection Flaws
- XSS
- Spoofing
- How Attackers See JavaScript Applications
- OWASP Top Ten for 2017
Session: Web Design
Lesson: Responsive Web Design
- Adapting to Varying Screen Sizes
- Scaling Page and Text Content
- Scaling and Adapting for Media
- Options for Adjusting Media
- Lab: Make a Responsive Page
Lesson: User Interface Principles
- Design Principles
- Improving Interactions with Users
- Matching Web Flow to User Expectations
Lesson: Layout Techniques
- Page Layout Consideration
- Stacking Content
- Handling Excessive Content
- Providing Consistency Across Web Presence
- Lab: Design: Using Responsive Web Design Patterns
Lesson: Navigation Techniques
- Handling Excessive Content
- Providing Context and State Feedback
- Navigation Placement and Techniques
- Exercise: Design: jQuery Events Project
Lesson: Selection Techniques
- Improving Text Input
- Improving Enumerated Input
Accessibility Considerations
Costs
- Price: $2,495.00
- Discounted Price: $1,621.75
Why choose Trivera Technologies LLC?
Over 25 years of technology training expertise.
Robust portfolio of over 1,000 leading edge technology courses.
Guaranteed to run courses and flexible learning options.
Contact this provider
Trivera Technologies
Trivera Technologies is a IT education services & courseware firm that offers a range of wide professional technical education services including: end to end IT training development and delivery, skills-based mentoring programs,new hire training and re-skilling services, courseware licensing and...