Salesforce Admin Group, Trichy
Developer secrets to crack
Salesforce certified JavaScript
developer – I certification
1

Kadhar Basha J
Salesforce Admin Group, Trichy
Trailblazer Community Group Leader
MST Solutions
Sundaravel J
Salesforce Admin Group, Trichy
Trailblazer Community Group Co-Leader
MST Solutions
Salesforce Admin Group, Trichy
2

Salesforce Admin Group, Trichy
Speaker
Jegadeesh GR
Salesforce Dev
MST Solutions
3

Quote
Logo
Henry Thoreau says, “Every human being must offer
Thanks at least once everyday to God for having being
born.”
4

About this webinar …
Logo
• Not a JavaScript tutorial session. In an hour not possible too
• A complete preparation strategy and syllabus guidance.
• No LWC, entire session is about multiple-choice examination.
• Valuable online resources for preparation.
• Tips and tricks.
For attendees :
Note down your questions ( and slide no) if any, we can discuss
during Q & A at the end.
5

Today’s Agenda
• Path to JS-I Certification
• Exploring Exam outline
• Variables, Types &
Collections
• Object, function & Classes
• Browser & Events
• Debugging & Error handling
• Asynchronous Programming
• Server Side JavaScript
• Testing
• Tips & Tricks
• Q&A
6

7

Exam outline and split
Logo
Variables, Types and
Collections, 23%
Object, Function and
Classes, 25%
Browser and Events, 17%
Debugging and
Error Handling,
7%
Asynchronous Programming,
13%
Server Side JavaScript, 8%
Testing, 7%
8

Variables, Types and Collections
Logo
• Data types in JavaScript
• JavaScript case sensitivity, keywords, what is es6
• JavaScript basic grammar variable declarations, data types and collections
• Understanding the dynamically typed language
• Primitive
• Non-Primitive (object, function, null, undefined)
• Primitive Wrappers (e.g.: String, Boolean, Number classes)
• typeof, unary operator, ternary,instanceof, difference b/w “==“ and “===“
operators
• isNaN, parseInt, parseFloat
• Type coercion & impacts (especially with “+” operator)
• Implicit and explicit type conversion
• How to check null & undefined
• Truthy & Falsie Evaluations
• Comparing with “===“ and Object.is()
9

Variables, Types and Collections
Logo
• When to use
• let, var, const, no declaration (global)
• What is the difference between above ? (in different scope )
• global variable & its impacts in browser
• Variable hoisting
• Template literals (String interpolation)
• String datatype in JavaScript
• String wrapper methods that support string manipulation
• Concatenating with “+” operator with different datatypes like null, undefined
• Date object methods
10

Variables, Types and Collections
Logo
• Declaring and initializing Arrays in javascript
• Using Array constructor (overloaded with 2 different params)
• Using Array literals
• Array wrapper methods
• Higher order functions that support array manipulations
• Filter,splice,slice,reduce,sort,etc..
• Declaring map, set collections in JavaScript. (only knowing syntax is enough)
• Using spread and rest operator syntaxes with array and objects
• Destructuring assignments (object, array)
• JSON manipulations:
• stringify
• parse
• declaring a valid json data format without error
• JSON literal vs object literal the difference
11

sssssssssssssssssssssssss
1. Predict the output ?
2. Which statement is not
true ?
Sample questions
12

Sample questions
4. Predict the output ?
3. Predict the output ?
13

Object, Functions and Classes
Logo
• Declaring and initializing object in different ways
• Using object literal
• Using function constructor
• Using Object constructor
• Using Object.create() method
• Different methods available in Object wrapper class
• Global object basics
• Difference ways of extending object/freezing object to not extend.
14

Object, Functions and Classes
Logo
• Functions
• Named functions, anonymous functions, function expressions, arrow
functions
• arrow function with lexical scope
• Method in JavaScript (difference between normal function and a
method in js)
• Different scopes: block scope, global scope
• validity of let, var variables in different scopes
• apply(), call() and bind() method from Function wrapper
• Closures
• arguments in functions
• destructuring function arguments
• this keyword in different scopes (global, local) - understanding ‘this’
• this keyword inside arrow function
• Immediately invoked function designs in JavaScript 15

Object, Functions and Classes
Logo
• Prototypes in JavaScript
• need to prototype (JavaScript inheritance concept)
• Understanding the prototype chain
• Accessing parent object property or functions from child
• __proto__ and object.prototype
• If method has same name in parent obj and prototype object, which has highest
priority during method call ?
• Classes
• Defining a class
• strict mode basics
• constructor, super keyword
• extends keyword (inheritance using class)
• Overriding methods or constructors in sub class
• static and instance members of the class
• getters/setters
• Modules
• Understanding modules
• Import/export keyword
• default exports, named exports,exporting all with “*”
16

Sample questions
5. Predict the output ? 6. Predict the output ?
17

7. Predict the output ? 8. Predict the output ?
Sample questions
18

Browser and Events
Logo
• DOM manipulations
• getElementById, getElementByClassName,getElementByClassName
• querySelector, querySelectorAll, querySelector with class (“.” operator) and id (“#” operator)
• Element properties: children,innerHTML, innerText,getAttribute,setAttribute
• Using classList property to add/remove css classes.
• Using style property to add new css styles
• Events
• addEventListener, removeEventListener
• with or without “useCapture” param in addEventListener
• capturing phase and bubbling phase
• event.stopPropagation() and event.prevetDefault()
• Declaring customEvemt and dispatching custom event.
• BOM
• Window
• History
• Location
• Using browser Dev tools to manipulate/investigate web page behavior.
19

Sample questions
Logo
9. Which option should I choose ?
20

Sample questions
Logo
10. Which is true about the stored
data using session ?
11. What is event.target when clicking the
button ?
21

Debugging and Error handling
Logo
• try, catch and finally
• throw keyword
• nested try, catch, finally concepts
• onerror event handler
• error object and it’s properties in JavaScript.
• debugging with browser debugging tools (breakpoints, console, network, sources,
elements)
• console
• Refer all the console methods available.
• Using string substitution in console methods.
• effectively using console.assert in the applicable places.
22

Sample questions
Logo
12. Which option should I choose ? 13. Which option should I choose ?
23

Sample questions
Logo
15. Which option should I choose ?
14. Which option should I choose ?
24

Asynchronous programming
Logo
• Understanding callbacks
• Callstack basics
• SetTimeout, clearTimeout,setInterval,clearInterval methods of window object.
• Understanding callback hell & need of asynchronous programming.
• Promises
• Using setTimeout inside promises
• Different states in promises
• Promise chaining, then, catch, finally
• promise.any() vs promise.all() vs promise.race()
• Async/Await
• Using setTimeout inside async/Await
25

Sample questions
Logo
16. Which option should I choose ? 17. Which option should I choose ?
26

Serverside Javascript
Logo
• Understanding server-side JavaScript
• Basics of Node.js
• What is package.json and uses, how to create, package.json properties
• Check installed node.js version and npm version using command palette.
• Node.js core module basics
• NPM Package Manager basics
• Managing dependencies
• How to install packages using npm package manager
• Sematic versioning and semver shorthands
• Understanding event-driven nature, triggering event basics in node.js
• Creating web server with node.js (only basics)
• Debugging node server with command palette. 27

Sample questions
Logo
28
19. Which option should I choose ?
18. Which option should I choose ?

Testing
Logo
• Software testing basics
• Types of software testing
• Blackbox testing, Whitebox testing
• false positive vs false negative vs true positive vs true negative
• Effectively using console.assert in javascript.
• With or without string substitution.
29

Sample questions
Logo
30
20. Which option should I choose ?

Sample questions
Logo
31
21. Which option should I choose ?

Valuable online resources for preparation
Logo
Blogs:
• http://santanuboral.blogspot.com/2020/08/SFDC-JavaScriptDevI-Cert.html (don’t
miss the 6-page cheat sheet)
Video tutorial:
• Salesforce troop series on YouTube by Nikhil. (A complete series, listen and side by
side workout in console or JS file)
Sample questions for practicing:
• https://github.com/lydiahallie/javascript-questions
• https://www.salesforcetroop.com/javascriptmcq/
• https://play.google.com/store/apps/details?id=com.testyourself.ionic (android app)
• https://play.google.com/store/apps/details?id=com.doasido4u.jsquiz (android app)
Understand the
exam outline
In-depth
understanding of
concepts
Practice !
Practice !
Practice !
32

aa
Tips & Tricks
Logo
• Believe in the preparation that you did and the time that you spent.
• During your examination depend on your concept wise understandings. Keep
guessing as the final option.
• In the available options, Eliminate the wrong one(s) first.
• Pay attention to “Select 2 options” questions. Nearly 45% to 50% questions will ask
you to select correct 2 options.
• Don’t spend more than 2 minutes for a question, if you need more time, eliminate the
wrong one(s), choose the correct one(s) that you guess and keep the question in
review.
• Don’t keep all the question in review unless you are not confident.
• Don’t panic when questions comes with 10 to 15 lines of code. Though question is
big with several lines of code, they will be specific about one concept only (E.g., like
promises and chaining)
• Remember you have,
• 60 questions (no 5 non-scored questions like PD1 or PAB)
• 105 minutes
• Passing score: 65%
33

exam outline &
pattern
conceptwise
understanding
workoutinconsole
or HTMLfile
solveonlinepractice
questions Success!
The road to success
34

Questions ?...
35

36