course
JavaScript Development Core
Learn professional JavaScript development
Description
JavaScript is currently one of the most popular languages to program in. What once began as "adding some interactivity to the browser" has grown into a language that's used for frontend with web applications and apps as well as backend.
And yet, JavaScript is an unknown, underappreciated, misunderstood and underestimated language. In its syntax, it much resembles Java, but it has its own very distinct semantics. JavaScript has a simple, dynamic and flexible type system. It doesn't have the classes, inheritance or encapsulation that we're used to in traditional OO-languages. Furthermore, JavaScript has influences from functional programming, strange scoping rules, and operators that differ treacherously from Java/C#. This all leads us to a very different world than the one we're traditionally used to with Java/C#/C++.
For a long time, it was sufficient to know only the basics of JavaScript in order to write small functions and handle events in a browser. But with the arrival of modern 'rich clients', that has changed. A solid and professional understanding of the JavaScript language in necessary to utilize its full power and to avoid its pitfalls.
You will become familiar with the type system of JavaScript and the role of its operators. You will find out which operators and control structures work different compared to C#/Java/C++. You will practice with lexical scoping and learn to use the similarities (and differences) between functions, arrays, and objects. You will also learn about often used techniques and constructions, like destructuring, classes and modules.
Did you know that, in JavaScript:
- it's true that:
"1" == true ++xdoesn't always result in the same value asx+1- There are no public or private access modifiers, but there is a syntax for getters and setters
- Objects, functions and arrays look very much alike
- The reflection API is more or less built into the language
- Semicolon insertion is often useful, but not always
- Starting with ECMAScript 2015, a lot of existing design patterns have been included as language features. This is why we extensively cover the new versions of ECMAScript. Among other topics, you'll learn new syntaxes, patterns and possibilities. Examples of these are block bindings, destructuring, arrow functions, classes and modules
This course is meant for developers with a working knowledge of C#, Java, or C++, that will use JavaScript in a professional environment.
Prior Knowledge
Basic programming skills. Familiarity with object orientation.
Subjects
Types
In this module, you will learn about JavaScript's type system.
Lessons
- Built-in types
- Primitive types like
number,string,null,undefined, etc. - Reference types and built-in objects such as
globalThis - Regular expressions
- Variable declaration and their scope
After completing this module, students will be able to:
- Understand how JavaScript handles types
- Know the difference between
var,letenconst
Conversions
In this module, you will learn everything about JavaScript's conversions
Lessons
- When conversions take place
- JavaScript's preferences with conversions
Object/Arraytostring/numbernumbertostringstringtonumber
After completing this module, students will be able to:
- Understand when conversions take place
- Understand how objects and primitive values are converted
Operators
In this module, you will learn about JavaScript's operators
Lessons
==vs===typeof,instanceof,delete, etcx ? y : z,...,||,&&,??,**, etc+,**,??=,||=, etc
Lab: types, conversions and operators
After completing this module, students will be able to:
- Name the difference between
&&,||and?? - Recognize all operators and know their usefulness
Control structures
In this module, you will learn about JavaScript's control structures
Lessons
- Standard control structures like
for,ifandwhile switchfor..inandfor..of- Exception handling
- Strict mode
- Semicolon insertion
After completing this module, students will be able to:
- Know when to use
inandofwithfor-loops - Throwing and handling exceptions
- Taking advantage of strict mode
- Determine whether you're pro-semicolons or against
Arrays
In this module, you will learn to work with arrays and that arrays in JavaScript secretly aren't arrays
Lessons
- Create and use arrays
- That JavaScript arrays are not your typical arrays
- Use Array functions
- Use the spead-operator with arrays
Lab: Arrays
After completing this module, students will be able to:
- Interact with arrays on a professional level
Objects
In this module, you will learn to create, use and otherwise interact with objects
Lessons
- Create objects
- Object literals
- Different notations for accessing properties
- Duplicate properties and its applications
- Using the
JSON-object
Lab: Objects
After completing this module, students will be able to:
- Handle objects in a professional manner
- Create factories
- Convert objects to JSON and vice versa
Functions
In this module, you will learn to professionally interact with functions
Lessons
- The hoisting of functies
- Function parameters and default parameters
- Block-level functions
- Arrow functions:
() => {}
Lab: Functions
After completing this module, students will be able to:
- Professionally handling functions
- Use function parameters and default parameters
- Determine when to use "regular" functions and when to use an arrow function
Destructuring
In this module, you will learn how to destruct objects and arrays
Lessons
- Destructuring objects
- Destructuring arrays
- Destructuring an object/array-combination
- Set default values and aliases
- Using the rest-operator in combination with destructuring
- Practical applications of destructuring
Lab: Destructuring
After completing this module, students will be able to:
- Destructure a complex object or array
- Recognize when a situation practically lends itself for destructuring
Classes
In this module, you will learn to professionally handle classes
Lessons
- Define and use classes
- Class expressions
- Getters/setters
static- Inheritance
- Overriding functions
- Abstract classes
Lab: Classes
After completing this module, students will be able to:
- Define and use classes
- Write getters/setters on a class
- Define
staticfunctions and properties - Apply inheritance
- Make a class functionally abstract
Modules
In this module, you will learn to work in a modular fashion using ES Modules
Lessons
- Why modules
- Modules in the browser
import,exportand their variations- Getting acquainted with module bundlers
Lab: Modules
After completing this module, students will be able to:
- Work in a modular fashion using ES Modules
- See the advantages of module bundlers
Schedule
| Start date | Duration | Location | |
|---|---|---|---|
April 28, 2025April 29, 2025April 30, 2025 | 3 days | Utrecht / Remote This is a hybrid training and can be followed remotely. More information Utrecht / Remote This is a hybrid training and can be followed remotely. More information Utrecht / Remote This is a hybrid training and can be followed remotely. More information | Sign up |
All courses can also be conducted within your organization as customized or incompany training.
Our training advisors are happy to help you provide personal advice or find Incompany training within your organization.
Prior knowledge courses
Follow-up courses
"Very pleasant teacher, gave a very good interpretation of the course in their own way. It was nice to follow the course like that."Marieke
-
Hoge waardering
-
Praktijkgerichte trainingen
-
Gecertificeerde trainers
-
Eigen docenten