We use cookies to enhance your experience on the site
Jurassic Park
Dive into the JavaScript world, exploring Jurassic Park full of dinosaurs. Learn programming from the ground up, uncovering the secrets of digital genetics.
JavaScriptES6+DOMAsync/AwaitTypeScript
10 modules
601+ exercises
60-90 hours
Your guide
Dr Henry Wu
Chief Geneticist
What you'll learn
JavaScript fundamentals - variables, types, operators
Functions, scope, closures, and hoisting
ES6+ - arrow functions, destructuring, spread
DOM manipulation and event handling
Asynchronicity - callbacks, promises, async/await
Classes and object-oriented programming
TypeScript basics - types, interfaces, generics
ES6 modules and bundlers
Main projects
During the course you will build real projects that you can add to your portfolio
Dino Tracker
Dinosaur tracking system with geolocation and alarms
JavaScriptDOM APIGeolocation
DNA Sequencer
DNA sequencing simulator with visualization
TypeScriptCanvas APIAlgorithms
Park Management System
Complete park management application
JavaScriptES6+LocalStorage
Course program
10 modules full of interactive exercises and practical projects
1
Gate to the Park
History and Introduction
JavaScript history and environment
18 exercises
- History and Significance of JavaScript
- JavaScript Runtime Environment
- First Steps - JavaScript Console
- Comments and Code Formatting
- Statements and Code Blocks
- Semicolons and Their Optionality
- Variable Declaration (var, let, const)
- Basic Data Types (string, number, boolean)
- Type Conversion and Type Operations
- Arithmetic and Assignment Operators
- Comparison and Logical Operators
- Operator Precedence
- Conditional Statements (if, else, switch)
- Loops and Iterations
- Functions
- Final Project: Dinosaur Registration System
2
DNA Laboratory
JavaScript Basics
Variables, types, operators, conditionals
28 exercises
- Variables and Data Types
- Arrow Functions
- Variable Scope (Global, Function, Block)
- Function Parameters and Arguments in JavaScript
- Hoisting in JavaScript
- Array Basics — Creating and Manipulating
- Array Basics — push, pop, slice, splice
- The this Keyword in JavaScript
- Iteration Basics — forEach, map, filter, reduce
- Object Basics — Literals and Constructors
- Object Basics — Properties and Methods
- Prototypes and Prototypal Inheritance
- Closures and Lexical Scope
- Error Handling Basics — try/catch
- Template Literals and String Methods
- Object and Array Destructuring
- Spread and Rest Operators
- Final Project: Dinosaur Monitoring System
3
Dinosaur Breeding
Functions and Scope
Functions, arrow functions, closure, hoisting
25 exercises
- ES6 Class Syntax
- Constructors and Methods
- Class Inheritance (extends)
- Encapsulation and Private Fields (#)
- Polymorphism in JavaScript
- Abstract Classes and Patterns
- Mixins and Multiple Inheritance
- Map and Set
- Review: WeakMap and WeakSet
- Review: Symbol as a Data Type
- Static Methods
- Getters and Setters
- Review: Prototypes and Prototypal Inheritance
- Composition vs. Inheritance
- Final Project: Species Classification System
4
Species Catalog
Arrays and Objects
Arrays, Objects, methods, destructuring
30 exercises
- Event Model and Event Loop
- Callbacks and Their Problems (Callback Hell)
- Creating and Handling Promise Objects
- Chaining Promises (then, catch, finally)
- Promise.all, Promise.race, Promise.allSettled
- async/await Syntax
- Error Handling (try...catch)
- Parallel Execution of Asynchronous Tasks
- Fetch API
- HTTP Request Handling - Practical Patterns
- Processing JSON Data
- Iterators and Generators
- Final Project: Asynchronous Monitoring System
5
Control System
DOM Manipulation
Selectors, element manipulation
22 exercises
- Advanced Object and Array Patterns
- Array Methods in Practice — Chaining and Composition
- Advanced Iterations — reduce, flatMap, Composition
- Iterators and the Iterable Protocol
- ES Modules (import/export)
- CommonJS (require/module.exports)
- Dynamic Module Importing
- Browser Console and Its Functions
- Breakpoints and Step-by-Step Code Execution
- Profilers and Performance Tools
- Advanced Error Handling — Types and Hierarchy
- Builder Pattern in JavaScript
- Custom Error Classes
- Implementing the JurassicTracker Application
- Structuring Code in a Larger Project
- Programming Best Practices
- Observer and Pub/Sub Patterns
- Advanced Regular Expressions — Groups, Lookahead, Named Capture
- The Date Object and Working with Time
- Web Storage - localStorage and sessionStorage
- ES2024 and ES2025 - Latest JavaScript Features
- Web APIs: Intersection Observer and Resize Observer
- Final Project: Park Diagnostics System
6
Alarm Systems
Events and Async
Event handling, callbacks, promises, async/await
28 exercises
- What is TypeScript and Its Benefits
- Environment Configuration (tsconfig.json)
- The TypeScript Compiler (tsc)
- Basic Types (string, number, boolean, any, unknown)
- Complex Types (array, tuple, enum)
- Union and Intersection Types
- Defining Interfaces
- Type Aliases
- Extending Interfaces (extends)
- Function Parameter and Return Types
- Generic Functions in TypeScript
- Function Overloading
- TypeScript Utility Types
- TypeScript Configuration and Tools
- Final Project: Typed Park Management System
7
Code Evolution
ES6+ Features
Classes, modules, spread/rest, template literals
24 exercises
- Access Modifiers
- Static and Abstract Properties
- Implementing Interfaces
- Type Narrowing and Type Guards
- Generic Classes
- Generic Constraints
- Conditional Types
- Mapped Types
- Discriminated Unions and Pattern Matching
- Class Decorators
- Method and Property Decorators
- Decorator Factories
- Avoiding Deep Nesting - Early Returns
- Namespace, Declaration Merging, and Ambient Types
- Final Project: Advanced Type System
8
Advanced Genetics
Advanced JavaScript
Prototypes, this, bind/call/apply, regex
20 exercises
- Introduction to Events in JavaScript
- Event Listeners — Listening for Events
- The Event Object and Its Properties
- Event Propagation (Event Bubbling)
- Event Delegation
- Mouse and Keyboard Events
- Form Events
- Removing Event Listeners and Memory Cleanup
- Throttling and Debouncing
- Custom Events
- Building Interactive Components
- Best Practices for Event Handling
- Advanced Event Handling Techniques
- Event Performance and Optimization
- Event Bus and Application Architecture
- Unit Testing Event Handlers
- Summary — Events in JavaScript
- Custom Events and dispatchEvent
- Advanced DOM API
- Final Project: Interactive Control Panel
9
TypeScript in the Lab
TypeScript Introduction
Types, interfaces, generics, decorators
18 exercises
- Design Patterns in JavaScript/TypeScript - Module, Factory, and Observer
- SOLID Principles in JavaScript/TypeScript
- Functional Programming in JavaScript/TypeScript
- State Management Patterns in JavaScript/TypeScript
- Code Splitting and Tree Shaking
- Lazy Loading - Images, Routes, Components
- Bundle Optimization - Package Analysis and Optimization
- Event-Driven Architecture and Time Systems
- Final Project: Jurassic Park Management System
10
Project: Park Restoration
Final Project
Complete park management application
12 exercises
- Introduction to Web Workers
- Memory Management - Garbage Collection, Memory Leaks
- Declaration files (.d.ts) and DefinitelyTyped
- Template Literal Types - String Manipulation in Types
- Type-safe Event System in TypeScript
- TypeScript with Node.js - Practical Patterns
- Module Augmentation and Declaration Merging
- Test-Driven Development (TDD) in TypeScript
- TypeScript with Popular Frameworks
- Final Project: Jurassic Park Diagnostic System
- Why Testing Matters
- Jest Framework - Basics
- Matchers in Jest
- Setup and Teardown
- Mocking in Jest
- Testing Asynchronous Code
- Test-Driven Development (TDD)
- Testing TypeScript with Jest
- Project: Complete Test Suite for Jurassic Park
- What Is Functional Programming?
- Higher-Order Functions: map, filter, reduce
- Function Composition: compose and pipe
- Currying and Partial Application
- Closures in Functional Programming
- Recursion in Functional Programming
- Data Immutability Patterns
- FP Patterns: Functors and Monads
- Project: Jurassic Park Functional Data Pipeline
Course theme
Dinosaurs and Genetic Labs
Each module is set in a unique theme that makes learning an adventure.
Your guide
Dr Henry Wu
Chief Geneticist
Will guide you through all challenges and help you gain new skills.
Change your future
Start learning JavaScript today
Join CodeWorlds and discover modern learning methods that make programming fascinating and accessible to everyone.