HRDF Claimable

JavaScript Training

JavaScript Training

  • 30 hours of Instructor led Training
  • Comprehensive hands-on with modern JavaScript
  • Learn the ropes of the most popular programming language
  • Covers features of all JS versions till date
  • Gain basic to intermediate JavaScript skills
  • Learn by doing, experience end-to-end development cycle
Group Discount

Overview

JavaScript has been rated as being among the top 3 programming languages of 2018. Not only popular among developers,  even the largest companies prefer using JavaScript as the programming language of choice. This has increased the demand for JS developers who not only get to work on exciting and cutting edge projects but get rewarded handsomely for it.

If you are planning on breaking into the JavaScript programing scene, then this is just the course for you. Designed by industry experts, the curriculum encompasses all that is in-demand right now. Starting from the basics we will hand hold you through the fundamentals of the language including programming basics such as operators, conditions, loops etc. Learn about handling errors, creating classes and more advanced topics such as taking advantage of modern browser features to read geolocation, and accessing browser history and cookies .The workshop is very hands-on and after completing our workshop project you will be well equipped to take on industry demands.

What You Will Learn

  • Use JavaScript to build dynamic, interactive web pages

  • Understand the pros and cons of JavaScript dynamically typed nature

  • Use ajax to consume remote api

  • Gain deeper understanding of scope, context, closure and prototype

  • Understand asynchronous programming with callbacks, promises, generators and async/await

  • Learn the modern JS features which help to write better and efficient code

  • Understand ES6 modules and load them using native ES module loader and systemjs

  • Explore DOM and its API

  • Learn up to date modern JS features

  • Object oriented programming using ES6 classes

Prerequisites

No Prerequisites

Who Should Attend

  • Those looking to learn modern client-side/server side/mobile/gaming web development
  • Candidates who intend to use JavaScript to build robust and scalable applications
  • Candidates aspiring to build a career in frontend / backend Web App development

Knowledgehut Experience

Instructor-led Live Classroom

Interact with instructors in real-time— listen, learn, question and apply. Our instructors are industry experts and deliver hands-on learning.

Curriculum Designed by Experts

Our courseware is always current and updated with the latest tech advancements. Stay globally relevant and empower yourself with the latest tools and training.

Learn through Doing

Learn theory backed by practical case studies, exercises and coding practice. Get skills and knowledge that can be effectively applied in the real world.

Mentored by Industry Leaders

Learn from the best in the field. Our mentors are all experienced professionals in the fields they teach.

Advance from the Basics

Learn concepts from scratch, and advance your learning through step-by-step guidance on tools and techniques.

Code Reviews by Professionals

Get reviews and feedback on your final projects from professional developers.

Curriculum

Learning Objective:

By the end of this module you will gain insight about JS features and its support across browsers. Also learn about datatypes and debugging JS apps.

Topic

  • What is JavaScript?
  • Why JavaScript?
  • Advantages and Limitations
  • JS Versions
  • Browser compatibility
  • Explore JS syntax
  • Using console
  • JS comments
  • Variables and Data types
  • Debugging using chrome developer tools

Hands-on:

Create basic JS program that uses different data types and debug it in chrome.

Learning Objective:

By the end of this module you will learn about different operators and their uses.

 Topic

  • Assignment operators
  • Comparison operators
  • Arithmetic operators
  • Bitwise operators
  • Logical operators
  • String operators
  • Conditional (ternary) operator
  • Comma operator
  • Unary operators
  • Relational operators

Hands-on:

Create a JS program with multiple expression made of different operators.

Learning Objective:

By the end of this module you will learn about how to use conditionals in JS.

Topic

  • if
  • if..else
  • if..elseif
  • switch

Hands-on:

Create a JS program which implements decision based program flow using different if types and switch.

Learning Objective:

By the end of this module you will learn about how to use iterative statements and the differences between them.

Topic

  • for statement
  • do..while statement
  • while statement
  • break statement
  • continue statement
  • for..in statement
  • for..of statement (ES6)

Hands-on:

Create a JS program that iteratively prints numbers with different types of loops.

Learning Objective:

By the end of this module you will learn how to define different types of functions and the differences between them. You also explore the scope, context and powerful function api.

Topic

  • Define functions
  • Parameters
  • Scope, context and hoisting
  • Named, Anonymous and function expressions
  • Function invocation
  • Call, apply and bind
  • Callbacks
  • Closures

Hands-on:

Create named functions, anonymous functions, function expressions, use call, apply and bind to change the context. Create closures to simulate private variables.

Learning Objective:

By the end of this module you will learn how to perform operations with string and date object.

Topic

  • Creating Strings
  • Most commonly used string methods
  • Creating Dates
  • Most commonly used Date methods

Hands-on:

Create string as primitives and objects, Date instances. Use most commonly used string methods.

Learning Objective:

By the end of this module learn how to work with arrays.

Topic

  • What is an array?
  • CRUD operations with array
  • Most commonly used array methods

Hands-on:

Create Arrays using literal and constructor syntax. Perfom CRUD operations on array and use functional programming styled methods like map, filter etc.

Learning Objective:

By the end of this module learn how to create objects in different syntaxes,access object properties, using accessors and implementing inheritance.

Topic

  • What is Object?
  • Different ways to create objects?
  • Constructors and object instances
  • Accessing properties with dot and bracket notation
  • Getters and setters
  • What is "this"?
  • The Object constructor and its methods
  • Working with prototype
  • Inheritance

Hands-on:

Create object using literal, constructor function, Object constructor. Create getters and setters, Implement inheritance using prototype.

Learning Objective:

By the end of this module you will learn how to handle errors.

Topic

  • Try..catch
  • Types of Errors

Hands-on:

Create a JS program to throw and catch exceptions.

Learning Objective:

By the end of this module you will learn how to work with HTML DOM.

Topic

  • What is DOM?
  • Why DOM?
  • Understand Document object
  • CRUD with DOM
  • Traversing DOM
  • Built in & custom Events

Hands-on:

Create a dynamic table with CRUD operations.

Learning Objective:

By the end of this module you will learn how to manage HTML forms with JS.

Topic

  • Setting and Getting values from form elements
  • Validating forms

Hands-on:

Create form with validation and submission features.

Learning Objective:

By the end of this module you will understand the significance of Babel and popular presets.

Learning Objective:

By the end of this module you will learn the different scoped variable declarations.

Topic

  • Let & const
  • Temporal Dead Zone

Hands-on:

Create block and function scoped variables

Learning Objective:

By the end of this module you will learn how to create multiline strings and tagged template literals.

Topic

  • Introduction
  • Tagged Template Literals

Hands-on:

Create a function that generates formatted HTML using tagged template literal.

Learning Objective:

By the end of this module you will learn how to take advantage of this new destructuring syntax to pull values of composite data structure, and learn to define functions.

Topic

  • Introduction
  • Array Destructuring
  • Object Destructuring

Hands-on:

Create a program that destructures nested objects and arrays.

Learning Objective:

By the end of this module you will learn how spread and rest operators works and their past counter parts.

Topic

  • Create a function that merges arrays and objects using spread operator

Hands-on:

Create a function that takes variable number of arguments using rest operator.

Learning Objective:

By the end of this module you will learn how arrow functions will help to write elegant anonymous functions and their auto bind feature. You will also learn where they are fit and not fit.

Topic

  • Create a function that takes default args
  • Arrow functions
  • Default Arguments

Hands-on:

Create a program that uses arrow functions in callbacks and solves the context issues.

Learning Objective:

By the end of this module you will learn how to take the advantage of new improved syntax to create object literals.

Topic

  • Shorthand properties and methods
  • Computed Keys

Hands-on:

Create a object literal with shorthand properties and computed keys.

Learning Objective:

By the end of this module you will learn how to create classes and implement inheritance.

Topic

  • Introduction
  • Creating classes
  • Inheritance

Hands-on:

Create a JS program to throw and catch exceptions.

Learning Objective:

By the end of this module you will learn how new ES6 modules will help you modularize your JS code and load modules using SystemJS.

Topic

  • Introduction
  • Different module formats
  • SystemJS module loader

Hands-on:

Create a module. Import and export module.

Learning Objective:

By the end of this module you will learn how new data structures in ES6 will help you to manage data with standard api.

Topic

  • Map and Weak Maps
  • Sets and Weak Sets

Hands-on:

Create a JS code that performs CRUD using Map, Weak Map, set and Weak Set.

Learning Objective:

By the end of this module you will learn how iterators and iterable work and their influence on modern JS programming.

Hands-on:

Iterate on array and code custom iterator.

Learning Objective:

By the end of this module you will learn how to write async code in JS using several different support syntaxes.

Topic

  • Background
  • Callbacks
  • Promises for asynchronous programming
  • Generators (ES6)
  • Async / await (ES7)

Hands-on:

Solve the async code problem with different styles like callback, promises, generators and async/await.

Learning Objective:

By the end of this module you will learn how symbols help to make metaprogramming.

Hands-on:

Create symbols

Learning Objective:

By the end of this module you will learn how JSON structure must be made, also learn how to parse and stringify JSON.

Topic

  • What is JSON?
  • Why JSON?
  • Data Types?
  • Parse and Stringify JSON
  • Objects and Arrays in JSON

Hands-on:

Create array of objects and parse and stringify.

Learning Objective:

By the end of this module you will learn how to consume data from remote api using inbuilt browser features.

Topic

  • Understanding AJAX programming
  • Working with XMLHttpRequest
  • Working in fetch

Hands-on:

Create a program that performs CRUD on mock REST Api.

Learning Objective:

By the end of this module you will learn how take advantage of modern browser features to read geolocation, access browser history and cookies.

Topic

  • Window Object
  • History Object
  • Navigator Object
  • Timers
  • Cookies

Hands-on:

Create program to read user geolocation and write it to cookies and delete after timeout.

Learning Objective:

By the end of this module you will learn how take advantage of modern browser local storage feature to persist data at client side.

Hands-on:

Create a program that performs CRUD with localStorage.

Learning Objective:

In this project you will use all the skills acquired so far in this course.

Topic

  • Issue Tracker Application

Hands-on:

Create an issue tracker application with CRUD features.

Faq

The Course

JavaScript developers are in high demand earning salaries upto $110,999 per year in the United States. Learning JavaScript will also help you unleash your talent and creativity and work with the best in the website development business, building interactive and state of the art websites. This comprehensive course has been formulated keeping in mind industry needs and hence equips you with in-demand skills. You will learn everything from the basics to advanced functionality and hence even novice professionals and students can enrol for this course.

You will:

  • Learn up to date modern JS features
  • Be proficient with JavaScript language.

By the end of the course, you will have:

  • Completed several hands-on examples, 2 course projects which gives you basic to immediate skills of JavaScript
  • Prepared yourself with the foundational knowledge you need to begin a career of continuous learning.

There are no restrictions but participants would benefit if they have elementary programming knowledge and familiarity with statistics.

Yes, KnowledgeHut offers this training online.

On successful completion of the course you will receive a course completion certificate issued by KnowledgeHut.

Your instructors are Web development experts who have years of industry experience.

Finance Related

Any registration cancelled within 48 hours of the initial registration will be refunded in FULL (please note that all cancellations will incur a 5% deduction in the refunded amount due to transactional costs applicable while refunding) Refunds will be processed within 30 days of receipt of written request for refund. Kindly go through our Refund Policy for more details: http://www.knowledgehut.com/refund

KnowledgeHut offers a 100% money back guarantee if the candidate withdraws from the course right after the first session. To learn more about the 100% refund policy, visit our Refund Policy.

The Remote Experience

In an online classroom, students can log in at the scheduled time to a live learning environment which is led by an instructor. You can interact, communicate, view and discuss presentations, and engage with learning resources while working in groups, all in an online setting. Our instructors use an extensive set of collaboration tools and techniques which improves your online training experience.

Once you register for the course you will be provided with system requirements and lab setup document which contains detailed information to prepare the environment for the course

reviews on our popular courses

I was really happy to attend this training! It helped me to understand the CSM role and its activities clearly. Thanks to KnowledgeHut!

Review image

John Dalton Raja D

Technical Lead
Attended Certified ScrumMaster®(CSM) workshop in September 2018

I am happy that I decided to attend the “Certified Scrum Master (CSM®) Training/Workshop” on Dec 15th & 16th,’2018, that was organized by KnowledgeHut. Our trainer- Stuart Mitchell, had immense knowledge on the Agile methodology. There were role plays and group activities. The entire session was interactive and informative with tons of takeaways.

Review image

Ashima Sharma

HR Manager
Attended Certified ScrumMaster®(CSM) workshop in November 2018

Trainer is excellent and there was really an excellent arrangement.

Review image

Sudipta Mitra

Test Manager at Cognizant from Pune India
Attended Certified ScrumMaster®(CSM) workshop in January 2018

Marco’s approach combined with his broad experience and background made this training one of the most valuable courses I have ever attended. I especially loved the way he applied the Scrum framework to the course schedule - which was a great example itself for what it really means to be “agile”. Thanks again for all the good insights and this great learning experience!

Review image

Thorsten Gorny

IT Project Manager at Digitization & Business Development from Berlin, Germany
Attended Certified ScrumMaster®(CSM) workshop in December 2017

Have More Questions?