What You Will Learn
- Overview of JS features
- How to interact with Arrays
- Use AJAX calls to update the database
- Understand how JS events work
Requirements
- No previous knowledge is assumed for this class
- General APEX knowledge is a plus
Description
In this training you will learn the fundamentals of JavaScript development which includes program structures, data structures, and best practices. You will also understand how to integrate custom JavaScript code into Dynamic Actions. The focus of the this class is to produce a maintainable APEX application.
Course Features
- Lecture 0
- Quiz 0
- Duration 5 Half Days (~20 hours)
- Skill level All levels
- Language English
- Students 44
- Assessments Yes
Intro – What is JavaScript?
- Why has client side code become more important?
- Yes, you really need to learn JS!
Development environment
- Which browser should a developer use?
- Developer Tools
- Editors
- DevOps
Values, Types, and Operators
- Understand available data types and how to use them
- Arithmetic
- Logical operators
Program Structure
- Expressions and statements
- The different runtime environments: Browser vs Node
- Functions
- Prompt & Confirm
- Control Flow
Functions
- Scope
- Functions as values
- Closure
- Hoisting
Objects
- Mutability
- Math Object
- Global Object
Higher Order Functions
- What is a higher order function?
- Passing along Arguments
- JavaScript Object Notation(JSON)
- map, reduce, filter
- Composable functions
Events
- Types
- Properties
- Delegation
- Custom Events
JavaScript Patterns
- Inheritance
- Polymorphism
- Encapsulation
Error Handling
- Strict Mode
- Testing
- Debugging
- Exceptions and propagation
- Assertions
Document Object Model(DOM)
- Traversal
- Modifications
- Attributes
CSS
- What is a selector?
- IDs
- Classes
- Pseudo classes
- LESS/SASS
jQuery
- What is it?
- jQuery Core
- Events
- Performance
- Effects
AJAX
- What is it?
- GET vs POST
- Callbacks
- Responses
- Promises
JavaScript in APEX
- Programmatic
- Declarative
- Optimizations
Dynamic Actions
- Properties
- DA thought process
- Client side interactions
- Server resources
Frameworks
- AngularJS
- React.js
- Underscore
- ExtJS