get app

    The Modern Javascript Bootcamp Course (2022)

    BY
    Udemy

    Learn everything there is to know about modern Javascript from the ground up, including its fundamental principles and functionalities.

    Brochure Enquire
    Mode

    Online

    Fees

    ₹ 4099

    Quick Facts

    particular details
    Medium of instructions English
    Mode of learning Self study
    Mode of Delivery Video and Text Based

    Course overview

    The Modern Javascript Bootcamp Course (2022) online certification is created by Colt Steele - Web Developer & Instructor and Stephen Grider - Engineering Architect which is presented by Udemy. The Modern Javascript Bootcamp Course (2022) online training is designed for anyone who desires to become a professional Javascript developer by learning the most up-to-date web development and application development techniques.

    The Modern Javascript Bootcamp Course (2022) online classes are split into two primary areas, the first of which deals with the fundamentals of Javascript, which are taught through easy exercises and projects. Section 2 contains lectures designed to teach students how to create Javascript applications. The course also focuses on highlighting design patterns and demonstrating proper code-writing methods. On successful completion of this training program, applicants will also receive a certificate to support their learning in modern javascript programming for development projects.

    The highlights

    • Certificate of completion
    • Self-paced course
    • 52 hours of pre-recorded video content
    • 5 articles
    • 344 downloadable resources
    • 30-day money-back guarantee 
    • Unlimited access
    • Accessible on mobile devices and TV
    • English videos with multi-language subtitles

    Program offerings

    • Certificate of completion
    • Self-paced course
    • English videos with multi-language subtitles
    • 52 hours of pre-recorded video content
    • 344 downloadable resources
    • Unlimited access
    • Accessible on mobile devices and tv
    • 5 articles

    Course and certificate fees

    Fees information
    ₹ 4,099
    certificate availability

    Yes

    certificate providing authority

    Udemy

    What you will learn

    After completing The Modern Javascript Bootcamp Course (2022) online classes, applicants will be introduced to the fundamental concepts and features of Javascript. Applicants will learn the basics of Node.js and Express for application and web development. Applicants will learn about DOM manipulation strategies, SVG, and how to apply their javascript skills to create an application for an E-commerce initiative with user authentication. Applicants will also learn how to create their Javascript games and testing frameworks to automate code testing processes.

    The syllabus

    Introduction

    • How This Course Works
    • JS, ECMA, TC39: What do they Mean?
    • The Tools You Need
    • Customizing VSCode & Extensions
    • A Quick Note About MDN

    JS Values & Variables

    • Goals & Primitives
    • Running Code in the JS Console
    • Introducing Numbers
    • NaN & Infinity
    • Numbers Quiz
    • Variables & Let
    • Unary Operators
    • Introducing Const
    • The Legacy of Var
    • Variables Quiz

    How to Model Data Efficiently

    • Booleans Intro
    • Strings
    • String Indices
    • String Methods
    • More String Methods
    • Strings Quiz
    • String Escape Characters
    • String Template Literals
    • Null & Undefined
    • The Math Object & Random Numbers
    • typeof operator
    • parseInt & parseFloat

    Controlling Program Logic and Flow

    • Making Decisions in JS
    • Comparison Operators
    • Double Equals (==)
    • Triple Equals (===)
    • Running Code From a Script
    • If Statements
    • Else If
    • Else
    • Nesting Conditionals
    • Truthy & Falsy Values
    • Logical AND (&&)
    • Logical OR (||)
    • NOT Operator (!)
    • Operator Precedence
    • The Switch Statement
    • Ternary Operator

    Capture Collections of Data with Arrays

    • Creating Arrays
    • Array Indices
    • Modifying Arrays
    • Push and Pop
    • Shift and Unshift
    • Concat
    • Includes and IndexOf
    • Reverse and Join
    • Slice
    • Splice
    • Sorting (Part 1)
    • Intro to Reference Types
    • Using Const with Arrays
    • Working with Nested Arrays

    Objects - The Core of Javascript

    • Intro to Objects
    • Creating Object Literals
    • Accessing Object Properties
    • Adding and Updating Properties
    • Nested Arrays & Objects
    • Objects and Reference Types
    • Array/Object Equality

    The World of Loops

    • Intro to Loops
    • For Loops
    • Infinite Loops!
    • For Loops & Arrays
    • Nested For Loops
    • Intro to While Loops
    • More While Loops
    • Break Keyword
    • For...Of Intro
    • Comparing For and For...Of
    • For...Of with Objects
    • For...In Loops

    Writing Reusable Code with Functions

    • Our First Function!
    • Dice Roll Function
    • Introducing Arguments
    • Functions With Multiple Args
    • The Return Statement
    • More on Return Values
    • Function Challenge 1: passwordValidator
    • Function Challenge 2: Average
    • Function Challenge 3: Pangrams
    • Function Challenge 4: Get Playing Card

    An Advanced Look at Functions

    • Function Scope
    • Block Scope
    • Lexical Scope
    • Function Expressions
    • Higher Order Functions
    • Functions as Arguments
    • Functions as Return Values
    • Callbacks
    • Hoisting

    Apply Functions to Collections of Data

    • Intro to Array Callback Methods
    • forEach
    • Map
    • Arrow Functions Intro
    • Arrow Functions: Implicit Returns
    • Array.find
    • Filter
    • Some & Every
    • Revisiting Sort!
    • Reduce Intro
    • Reduce Pt. 2
    • Even More Reduce!

    A Few Miscellaneous JS Features

    • New JS Features Intro
    • Default Parameters
    • Spread for Function Calls
    • Spread in Array Literals
    • Spread in Object Literals
    • The Arguments Object (not new)
    • Rest Parameters (new!)
    • Destructuring Arrays
    • Destructuring Objects
    • Nested Destructuring
    • Destructuring Parameters

    Object Methods and the 'This' Keyword

    • Shorthand Object Properties
    • Computed Properties
    • Adding Methods to Objects
    • Method Shorthand Syntax
    • Intro to Keyword THIS
    • Using THIS in Methods
    • THIS: Invocation Context
    • Annoyomatic Demo
    • Putting It All Together: Deck Of Cards
    • Creating A Deck Factory

    JS In the Browser - DOM Manipulation

    • Introduction to the DOM
    • Important Note: HTML & CSS
    • Taste of the DOM
    • Another Fun DOM Example
    • The Document Object
    • getElementById
    • getElementsByTagName
    • getElementsByClassName
    • querySelector & querySelectorAll

    Twisting the DOM to Our Will!

    • Working with innerText & textContent
    • innerHTML
    • value, src, href, and more
    • Getting & Setting Attributes
    • Finding Parent/Children/Siblings
    • Changing Multiple Elements
    • Altering Styles
    • getComputedStyle
    • Manipulating Classes
    • Creating Elements
    • Append, Prepend, & insertBefore
    • removeChild & remove
    • NBA Scores Chart Pt1.
    • NBA Scores Chart Refactor

    Communicating with Events

    • Intro to DOM Events
    • 2 Ways NOT to Add Events
    • addEventListener
    • The Impossible Button Demo
    • Events on Multiple Elements
    • The Event Object
    • Key Events: keypress, keyup, & keydown
    • Coin Game Demo
    • Form Events & PreventDefault
    • Input & Change Events

    Asynchronous Code, Callbacks & Promises

    • The Call Stack
    • Call Stack Debugging w/ Dev Tools
    • JS is Single Threaded
    • How Asynchronous Callbacks Actually Work
    • Welcome to Callback Hell
    • Introducing Promises!
    • Returning Promises from Functions
    • Resolving/Rejecting w/ Values
    • The Delights of Promise Chaining
    • Refactoring w/ Promises

    Making HTTP Requests

    • Intro to AJAX
    • JSON & XML
    • XMLHttpRequests: The Basics
    • XMLHttpRequests: Chaining Requests
    • A Better Way: Fetch!
    • Chaining Fetch Requests
    • Refactoring Fetch Chains
    • An Even Better Way: Axios
    • Sequential Axios Requests

    Async & Await: JS Magic

    • A Quick Overview of Async Functions
    • The Async Keyword
    • The Await Keyword
    • Error Handling in Async Functions
    • Multiple Awaits
    • Parallel Vs. Sequential Requests
    • Refactoring with Promise.all

    Prototypes, Classes, & The New Operator

    • What on Earth are Prototypes?
    • An Intro to OOP
    • Factory Functions
    • Constructor Functions
    • JS Classes - Syntactical Sugar
    • A Bit More Practice with Classes
    • Extends, Super, and Subclasses

    Drawing Animations

    • Welcome to Part 2!
    • App Overview
    • Project Setup
    • Event-Based Architecture
    • Class-Based Implementation
    • Binding Events in a Class
    • Reminder on 'This'
    • Determining the Value of 'This'
    • Solving the 'This' Issue
    • Starting and Pausing the Timer
    • Where to Store Data?
    • DOM-Centric Approach
    • Getters and Setters
    • Stopping the Timer
    • Notifying the Outside World
    • OnTick and OnComplete
    • Extracting Timer Code
    • Introducing SVG's
    • Rules of SVG's
    • Advanced Circle Properties
    • The Secret to the Animation
    • First Pass on the Animation
    • Smoothing the Animation
    • Adjusting by an Even Interval
    • Using Icons
    • Styling and Wrapup

    Application Design Patterns

    • Application Overview
    • Starter Kit Setup
    • Big Challenges
    • Fetching Movie Data
    • Fetching a Single Movie
    • AutoComplete Widget Design
    • Searching the API on Input Change
    • Delaying Search Input
    • Understanding Debounce
    • Implementing a Reusable Debounce
    • Extracting Utility Functions
    • Awaiting Async Functions
    • Rendering Movies
    • Handling Errored Responses
    • Opening a Menu
    • Style of Widget Creation
    • Moving HTML Generation
    • Quick Note
    • Repairing References
    • Handling Broken Images
    • Automatically Closing the Dropdown
    • Handling Empty Responses
    • Handling Movie Selection
    • Making a Followup Request
    • Rendering an Expanded Summary
    • Expanded Statistics
    • Issues with the Codebase
    • Making the Autocomplete Reusable
    • Displaying Multiple Autocompletes
    • Extracting Rendering Logic
    • Extracting Selection Logic
    • Removing Movie References
    • Consuming a Different Source of Data
    • Refreshed HTML Structure
    • Avoiding Duplication of Config
    • Hiding the Tutorial
    • Showing Two Summaries
    • When to Compare?
    • How to Compare?
    • Extracting Statistic Values
    • Parsing Number of Awards
    • Applying Parsed Properties
    • Updating Styles
    • Small Bug Fix
    • App Wrapup

    Javascript with the Canvas API

    • Application Overview
    • Project Setup
    • Matter Terminology
    • Getting Content to Appear
    • Boilerplate Overview
    • Drawing Borders
    • Clicking and Dragging
    • Generating Random Shapes
    • Maze Generation Algorithm
    • More on Maze Generation
    • Configuration Variables
    • Grid Generation
    • Verticals and Horizontals
    • Abstracting Maze Dimensions
    • Guiding Comments
    • Neighbor Coordinates
    • Shuffling Neighbor Pairs
    • Determining Movement Direction
    • Updating Vertical Wall Values
    • Updating Horizontal Wall Values
    • Validating Wall Structure
    • Iterating Over Walls
    • Drawing Horizontal Segments
    • Drawing Vertical Segments
    • Drawing the Goal
    • Drawing the Playing Ball
    • Handling Keypresses
    • Adding Keyboard Controls
    • Disabling Gravity
    • Detecting a Win
    • Adding a Win Animation
    • Stretching the Canvas
    • Understanding the New Unit Variables
    • Refactoring for Rectangular Mazes
    • Adding Fill Colors
    • Displaying a Success Message

    Make a Secret-Message Sharing App

    • Application Overview
    • Project Setup
    • Handling Form Submission
    • Base64 Encoding
    • Encoding the Entered String
    • Parts of a URL
    • Generating the URL
    • Toggling Element Visibility
    • Decoding the Message
    • Displaying the Message
    • App Deployment

    Create Node JS Command Line Tools

    • JavaScript with Node vs the Browser
    • Executing JavaScript
    • Working with Modules
    • Invisible Node Functions
    • The Require Cache
    • Files Get Required Once!
    • Debugging with Node
    • App Overview
    • Accessing Standard Library Modules
    • The Callback Pattern in Node
    • The Process.cwd Function
    • Running a Node Program as an Executable
    • Linking a Project
    • Is it a File or a Folder?
    • A Buggy Initial Implementation
    • Optional Solution #1
    • A Callback-Based Solution
    • Callback-Based Functions Using Promises
    • Issues with Sequential Reads
    • Promise.all-Based Solution
    • Console Logs with Colors
    • Accepting Command Line Arguments
    • Joining Paths
    • App Wrapup

    Create Your Own Project Runner

    • App Overview
    • Project Setup
    • Big Application Challenges
    • Watching Files with Chokidar
    • Issues with Add Event
    • Debouncing Add Events
    • Naming Require Statements
    • Handling CLI Tools with Caporal
    • Ensuring Files Exist
    • It Works!
    • More on StdIO
    • [Optional] More on Child_Process
    • App Wrapup

    Project Start - E-Commerce App

    • App Overview
    • App Architecture
    • Package.json Scripts
    • Creating a Web Server
    • Behind the Scenes of Requests
    • Displaying Simple HTML
    • Understanding Form Submissions
    • Parsing Form Data
    • Middlewares in Express
    • Globally Applying Middleware

    Design a Custom Database

    • Data Storage
    • Different Data Modeling Approaches
    • Implementing the Users Repository
    • Opening the Repo Data File
    • Small Refactor
    • Saving Records
    • Better JSON Formatting
    • Random ID Generation
    • Finding By Id
    • Deleting Records
    • Updating Records
    • Adding Filtering Logic
    • Exporting an Instance
    • Signup Validation Logic

    Production-Grade Authentication

    • Cookie Based Authentication
    • Creating User Records
    • Fetching a Session
    • Signing Out a User
    • Signing In
    • Hashing Passwords
    • Salting Passwords
    • Salting + Hashing Passwords
    • Comparing Hashed Passwords
    • Testing the Full Flow

    Structuring Javascript Projects

    • Project Structure
    • Structure Refactor
    • HTML Templating Functions
    • HTML Reuse with Layouts
    • Building a Layout File
    • Adding Better Form Validation
    • Validation vs Sanitization
    • Receiving Validation Output
    • Adding Custom Validators
    • Extracting Validation Chains
    • Displaying Error Messages
    • Validation Around Sign In
    • Password Validation
    • Template Helper Functions
    • Adding Some Styling
    • Exposing Public Directories
    • Next Steps
    • Product Routes
    • The Products Repository
    • Code Reuse with Classes
    • Creating the Products Repository
    • Building the Product Creation Form
    • Some Quick Validation

    Image and File Upload

    • Exploring Image Upload
    • Understanding Mutli-Part Forms
    • Accessing the Uploaded File
    • [Optional] Different Methods of Image Storage
    • Saving the Image
    • A Subtle Middleware Bug
    • Better Styling
    • Reusable Error Handling Middleware
    • Products Listing
    • Redirect on Success Actions
    • Requiring Authentication
    • Template Update
    • Ids in URLs
    • Receiving URL Params
    • Displaying an Edit Form

    Building a Shopping Cart

    • Editing a Product
    • Fixing the HandleErrors Middleware
    • Edit Form Template
    • Deleting Products
    • Starting with Seed Data
    • User-Facing Products
    • Products Index
    • Merging More Styling
    • Understanding a Shopping Cart
    • Solving Problem #1
    • Solving Problem #2
    • Shopping Cart Boilerplate
    • Submission Options
    • Creating a Cart, One Way or Another
    • Adding Items to a Cart
    • Displaying Cart Items
    • Rendering the List
    • Totaling Cart Items
    • Removing Cart Items
    • Redirect on Remove

    The Basics of Testing

    • Testing Overview
    • A Simple Function to Test
    • A No-Frills Testing Implementation
    • Test Driven Development
    • Fixing Three Issues
    • The Assert Module
    • Using Mocha
    • App Setup
    • Reminder on This App
    • Why is Test Setup Difficult?
    • Mocha in the Browser
    • Displaying the Autocomplete
    • Verifying the Dropdown State
    • Writing Assertions
    • Fake DOM Events
    • Holding Up Assertions
    • Implementing WaitFor
    • Asserting Records Fetched

    Building a Testing Framework From Scratch

    • Test Framework Requirements
    • Project Setup
    • Implementation Steps
    • Walking a Directory Structure
    • Implementing Breadth First Search
    • Collecting Test Files

    Bonus!

    • Bonus!

    Instructors

    Mr Colt Steele

    Mr Colt Steele
    Developer
    Udemy

    Mr Stephen Grider

    Mr Stephen Grider
    instructor
    Udemy

    Trending Courses

    Digital Marketing Courses Fashion Design Courses Data Science Courses Interior Design Courses Graphic Designing Courses Cyber Security Courses Nursing Courses Tally Courses Data Analysis Courses Web Designing Courses Artificial Intelligence Courses Ethical Hacking Courses Free Digital Marketing Courses And certifications Free Artificial Intelligence Courses And Certifications Free Data Analysis Courses And Certifications Free Cyber Security Courses And Certifications Free Data Science Courses And Certifications Free Cloud Computing Courses And Certifications Free Python Courses And Certifications Free Fashion And Textiles Courses And Certifications Free Graphic Designing Courses And Certifications Free Web Designing Courses And Certifications

    Popular Courses

    General Management Courses Public Health Courses Teaching and Education Courses Financial Management Courses Web Development Courses Mathematics Courses Data Science Courses Cyber Security Courses Programming Courses Digital Marketing Courses Law Courses Leadership Courses Explore all courses

    Popular Platforms

    upGrad Courses Udemy Courses Edx Courses Swayam Courses Coursera Courses Futurelearn Courses Mindmajix Technologies Courses Vskills Courses IIT Kharagpur Courses Emeritus Courses IIT Kanpur Courses NPTEL Courses Explore all platforms

    Learn more about the Courses

    10 Reasons to Enrol Yourself in a Digital Marketing Course 8 Must-Have Skills for AWS Cloud Architects Planning to Upskill Yourself? Enrol for a Program in Data Science 25+ Tips for Improving Your Graphic Design Skills Top Universities in India Offering Cyber Security Courses 15+ Courses for Learning Data Mining How to Make a Career in the Field of Artificial Intelligence Top 10 Benefits Of Holding A Certification In Business Intelligence Which are the best certification courses for Photography in India A Beginner's Guide to Pursue Python Programming Want to Pursue a Career in Blockchain Technology? Here is all that you need to Know How Entrepreneurs Can Use Machine Learning to Make their Business Successful? The Scope of Artificial Intelligence in India Top 10 Online Courses for Travel Lovers 10 Best Certification Courses After Hospital and Healthcare Management
    Providers
    Close

    Download the Careers360 App on your Android phone

    Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

    Careers360 App
    150M+ Students
    30,000+ Colleges
    500+ Exams
    1500+ E-books