get app
    Download Careers360 App

    Modern JavaScript (Complete guide, from Novice to Ninja)

    BY
    Udemy

    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 and certificate fees

    Fees information
    ₹ 4,099
    certificate availability

    Yes

    certificate providing authority

    Udemy

    The syllabus

    Introduction

    • Why You Should Take This Course
    • Why JavaScript is Amazing
    • Setting up Your Environment
    • Course Files

    JavaScript Basics

    • Adding JavaScript to a Web Page
    • The Browser Console
    • Variables, Constants & Comments
    • Data Types at a Glance
    • Strings
    • Common String Methods
    • Numbers
    • Template Strings
    • Arrays
    • Null & Undefined
    • Booleans & Comparisons
    • Loose vs Strict Comparison
    • Type Conversion

    Control Flow Basics

    • What is Control Flow?
    • For Loops
    • While Loops
    • Do While Loops
    • If Statements
    • Else & Else If
    • Logical Operators
    • Logical NOT
    • Break & Continue
    • Switch Statements
    • Variables & Block Scope

    Functions & Methods

    • What are Functions?
    • Function Declarations & Expressions
    • Arguments & Parameters
    • Returning Values
    • Arrow Functions
    • Functions vs Methods
    • Foreach Method & Callbacks
    • Callback Functions in Action

    Object Literals

    • Objects at a Glance
    • Creating an Object Literal
    • Adding Methods
    • 'this' Keyword
    • Objects in Arrays
    • Math Object
    • Primitive vs Reference Types

    The Document Object Model

    • Interacting with the Browser
    • The DOM Explained
    • The Query Selector
    • Other Ways to Query the DOM
    • Adding & Changing Page Content
    • Getting & Setting Attributes
    • Changing CSS Styles
    • Adding & Removing Classes
    • Parents, Children & Siblings
    • Event Basics (click events)
    • Creating & Removing Elements
    • Event Bubbling (and delegation)
    • More DOM Events
    • Building a Popup

    Forms and Form Event

    • Events Inside Forms
    • Submit Events
    • Regular Expressions
    • Testing RegEx Patterns
    • Basic Form Validation
    • Keyboard Events

    Project- Interactive Ninja Quiz

    • Project Preview and Setup
    • Bootstrap Basics
    • HTML Template
    • Checking Answers
    • Showing the Score
    • The Window Object
    • Intervals & Animating the Score

    Array Methods

    • Filter Method
    • Map Method
    • Reduce Method
    • Find Method
    • Sort Method
    • Chaining Array Methods

    Project- To Do List

    • Project Preview and Setup
    • HTML & CSS Template
    • Adding Todos
    • Deleting Todos
    • Searching & Filtering Todos

    Dates & Times

    • Dates & Times in JavaScript
    • Timestamps & Comparisons
    • Building a Digital Clock
    • Date-fns Library

    Async JavaScript

    • What is Asynchronous JavaScript?
    • Async Code in Action
    • What are HTTP Requests?
    • Making HTTP Requests (XHR)
    • Response Status
    • Callback Functions
    • JSON Data
    • Callback Hell
    • Promise Basics
    • Chaining Promises
    • The Fetch API
    • Async & Await
    • Throwing & Catching Errors

    Project - Weather App

    • Project Preview and Setup
    • HTML & CSS Template
    • AccuWeather API
    • Get City API Call
    • Get Weather API Call
    • Updating the Location
    • Object Shorthand Notation
    • Updating the UI
    • Destructuring
    • Weather Icons & images
    • Ternary Operator

    Local Storage

    • What is Local Storage?
    • Storing & Getting Data
    • Deleting Storage Data
    • Stringifying & Parsing Data
    • Updating the Weather App

    Object Oriented JavaScript

    • What is OOP?
    • Object Literal Recap
    • Classes
    • Class Constructors
    • Class Methods & Method Chaining
    • Class Inheritance (subclasses)
    • Super( )
    • Constructors (under the hood)
    • Prototype Model
    • Prototypal Inheritance
    • Built-in Objects
    • Making a Forecast Class (weather app)

    Databases (Firebase)

    • NoSQL Databases
    • Firebase & Firestore
    • Connecting to Firestore
    • Getting Collections
    • Saving Documents
    • Deleting Documents
    • Real-time Listeners
    • Unsubscribing

    Project - Real Time Chatroom

    • Project Preview and Setup
    • HTML Template
    • Connecting to Firebase
    • Chatroom Class & Adding Chats
    • Setting up a Real-time Listener
    • Complex Queries
    • Updating the Room & Username
    • Creating a ChatUI Class
    • Formatting the Dates
    • Sending New Chats
    • Changing Username & Local Storage
    • Updating the Room
    • Testing the App

    More Es6 Features

    • Spread & Rest
    • Sets
    • Symbols

    Modern Workflow with Babel & Webpack

    • An Introduction to Babel
    • Installing Node.js & Babel
    • Using the Babel CLI
    • NPM Scripts & Watching Files
    • What is Webpack?
    • Setting up a Webpack File
    • Webpack CLI
    • Introduction to Modules
    • Default Exports
    • Watching for Changes
    • The Webpack Dev Server
    • Production & Development Modes
    • Babel & Webpack Together
    • Webpack Boilerplate

    Project - UI Library

    • Project Preview & Setup
    • CSS & Style Loaders (webpack)
    • Tooltips
    • Dropdowns
    • Tabbed Content
    • Snackbars
    • Extending the Library

    Using Firebase Database (& Auth) Version 9

    • What's New in Firebase 9?
    • Webpack Setup
    • Creating a Firebase Project
    • Firestore Setup & Fetching Data
    • Adding & Deleting Documents
    • Real Time Collection Data
    • Firestore Queries
    • Timestamps & Ordering Data
    • Fetching Single Documents
    • Updating Documents
    • Firebase Auth Setup
    • Signing Users Up
    • Logging In & Logging Out
    • Listening to Auth Changes
    • Unsubscribing from Changes

    Next Steps

    • Bonus Lecture: Next Steps

    Instructors

    Mr Shaun Pelling

    Mr Shaun Pelling
    Instructor
    Freelancer

    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 Cyber Security Courses Programming Courses Data Science Courses Digital Marketing Courses Law Courses Mechanical Engineering Courses Explore all courses

    Popular Platforms

    upGrad Courses Udemy Courses Edx Courses Swayam Courses Coursera Courses NPTEL Courses Futurelearn Courses Mindmajix Technologies Courses Vskills Courses IIT Kharagpur Courses Emeritus Courses IIT Kanpur 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 Careers360 App
    All this at the convenience of your phone

    • Regular Exam Updates

    • Best College Recommendations

    • College & Rank predictors

    • Detailed Books and Sample Papers

    • Question and Answers

    google play
    students
    400M+ Students
    Colleges
    36K+ Colleges
    Exams
    500+ Exams
    eBooks
    3K+ eBooks
    Certification
    16K+ Certifications
    mobile