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!
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.
Trainer is excellent and there was really an excellent arrangement.
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!
