Scribd
Upload
16 views5 pages

Javascript 5days

The JavaScript course spans 5 days, covering essential topics such as JavaScript design patterns, JSON, AJAX, and HTML5 APIs on Day 1 and Day 2. Day 3 focuses on ECMAScript 6 features, including scoping, modules, and new methods, while Day 4 delves into classes and asynchronous flow control. The final day emphasizes JavaScript libraries, frameworks, debugging techniques, and best practices.

Uploaded by

yogitadeshpande3110
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views5 pages

Javascript 5days

The JavaScript course spans 5 days, covering essential topics such as JavaScript design patterns, JSON, AJAX, and HTML5 APIs on Day 1 and Day 2. Day 3 focuses on ECMAScript 6 features, including scoping, modules, and new methods, while Day 4 delves into classes and asynchronous flow control. The final day emphasizes JavaScript libraries, frameworks, debugging techniques, and best practices.

Uploaded by

yogitadeshpande3110
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Java script Course Outline

Duration: 5 Days
Day 1
1. JavaScript Design Patterns
 Review of JavaScript Fundamentals
 JavaScript Types
 Variables
 Operators
 Control Structures
 Objects and Arrays
 Functions
 Functional Programming with IIFE
 Object-Oriented JavaScript Programming
 Class
 Constructor
 Object
 Property
 Method
 Namespace
 Inheritance
 Encapsulation
 Polymorphism
 JavaScript Design Patterns
 Constructor Pattern
 Module Pattern
 Singleton Pattern
 Prototype Pattern
 Observer/Publish-Subscribe Pattern
 Factory Pattern
 MV* Patterns
 The MVC Pattern
 The MVVM Pattern
 Templating and Views
Day 2

2. JSON and AJAX


 Introduction to JSON syntax
 JSON Methods
 JSON.stringify()
 JSON.parse()
 Persisting JSON in Web Storage
 AJAX
3. Overview of JavaScript in HTML5 APIs
 Web Storage API
 Checking for Web Storage support
 length Property of Web Storage
 setItem() Method of Web Storage
 getItem() Method of Web Storage
 removeItem() and clear() Methods of Web Storage
 key() Method of Web Storage
 Web Workers and Cross-Document Messaging APIs
 Checking for Web Workers support
 Constructing a Web Worker
 Using Cross-Document Messaging for a Web Worker
 Constructing a Web Worker
 Stopping a Web Worker
 Combining the Cross-Document Messaging and Web Worker
APIs
 Drag and Drop API
 Creating a draggable element
 Setting dataTransfer information at the ondragstart event
 Specifying an alternative drag image
 Designating a drop target
 Making the target droppable
 Getting transferred data on the drop event
 Canvas API Basics
 Setting the <canvas> tag in the HTML page
 Providing fallback content
 Required closing tag
 The 2D rendering context
 Checking for Canvas API support
 Drawing rectangles and squares
 Alternate method for drawing rectangles and squares
 Drawing circles
 Drawing semi-circles
 Drawing custom shapes
 Best practice: setting a beginning and end to the
shape’s path
 Drawing multiple shapes

Day 3  Adding text


 Adding shadows
 Adding an image
 Animating the canvas

4. ECMAScript 6
 Scoping and Modules
 Lexical Variable Scoping
 Block Scoping
 ES6 Modules
 Iterators
 Arrow Functions and Destructuring Assignment
 Arrow Functions
 Destructuring Assignment
 Literals and Constants
 Template Literals
 Constants
 Parameter Handling
 Default Parameter Values
 Spread Operator
 Rest Parameter
 New Built-in Methods and Internationalization Formatting
 New Array Methods
 New String Methods
 New Number Methods
Day  Internationalization and Localization Formatting

4  Classes
 Defining Classes
 Getter/Setters
 Using a Derived Class to Create a Base Class
 Using super in Classes
 Static Methods
 Map/Set and WeakMap/WeakSet
 Map
 Iterating Maps with for/of
 Set
 WeakMap/WeakSet
 Asynchronous Flow Control
 Promises

5. JavaScript Libraries and Frameworks


 Overview of JavaScript Libraries
 DOM Libraries
 jQuery
 jQuery UI
 jQuery Mobile
 MVC Frameworks
 Backbone.js
 AngularJS
 EmberJS
 KnockoutJS
Day
Node.js
5 
 MEAN Stack
 NPM
 Miscellaneous Libraries
 Modernizr
 Underscore.js
 Handlebars
 RequireJS
 TypeScript

6. Debugging and Best Practices


 Debugging JavaScript
 Writing to the JavaScript console
 Setting breakpoints
 JavaScript strict mode
 ustom error handling
 JavaScript Best Practices
 Avoiding conflicts with JavaScript namespaces
 IIFE
 Tools
 Minification Tools
 JSLint
 JSPerf
 Tips and tricks
 Use shortcut notation
 Optimize loops
 Put scripts at the bottom of the page
 Find the most efficient way
 Unit Testing
 Jasmine

You might also like