get app
    Download Careers360 App

    Modern JavaScript From The Beginning 2.0

    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

    Intro & Getting Started

    • Welcome To The Course
    • Project Files & Questions
    • Projects Github Repo
    • Visual Studio Code Setup

    JavaScript Language Fundamentals

    • Section Intro & File Setup
    • Using The Console
    • Variables- var, let & const
    • Data Types in JavaScript
    • Type Conversion
    • Numbers & The Math Object
    • String Methods & Concatenation
    • Template Literals
    • Arrays & Array Methods
    • Object Literals
    • Dates & Times
    • If Statements & Comparison Operators
    • Switches
    • Function Declarations & Expressions
    • General Loops
    • A Look At The Window Object
    • Block Scope With let & const

    DOM Manipulation & Events

    • What Is The DOM?
    • Examining The Document Object
    • DOM Selectors For Single Elements
    • DOM Selectors For Multiple Elements
    • Traversing The DOM
    • Creating Elements
    • Removing & Replacing Elements
    • Event Listeners & The Event Object
    • Mouse Events
    • Keyboard & Input Events
    • Event Bubbling & Delegation
    • Local & Session Storage

    DOM Projects

    • Task List [Part 1] - UI & Add Task Items
    • Task List [Part 2] - Delete & Filter Tasks
    • Task List [Part 3] - Persist To Local Storage
    • Loan Calculator [Part 1] - Build The UI
    • Loan Calculator [Part 2] - Calculate & Error
    • Loan Calculator [Part 3] - Loader & User Experience
    • Number Guesser [Part 1] - Build The UI
    • Number Guesser [Part 2] - Validation & Winning Case
    • Number Guesser [Part 3] - Lose Case & Game Over
    • Number Guesser [Part 4] - Play Again

    Object Oriented JavaScript - ES5 & ES2015

    • Constructors & the 'this' Keyword
    • Built In Constructors
    • Prototypes Explained
    • Prototypal Inheritance
    • Using Object.create
    • ES6 Classes
    • Sub Classes

    OOP Book List Project

    • Build The Book List UI
    • Add Book To List
    • Validation & Alert
    • Delete Book From List
    • Convert to ES6 Classes
    • Bonus - Add Local Storage

    Asynchronous JavaScript, Ajax & Fetch API

    • What Is Asynchronous Programming?
    • Ajax & XHR Introduction
    • XHR Object Methods & Working With Text
    • Working With Ajax & JSON
    • Data From an External API - Chuck Norris Project
    • REST APIs & HTTP Requests
    • Callback Functions
    • Custom HTTP Library (Ajax With Callbacks) - Part 1
    • Custom HTTP Library (Ajax With Callbacks) - Part 2
    • ES6 Promises
    • The Fetch API
    • Error Handling With Fetch
    • Arrow Functions
    • Custom HTTP Library (Fetch With Promises) - Part 3
    • Async & Await
    • Custom HTTP Library (Fetch With Async Await) - Part 4

    API Projects

    • Github Finder [Part 1] - Intro & UI
    • Github Finder [Part 2] - Fetching Profile Data
    • Github Finder [Part 3] - Display The Profile
    • Github Finder [Part 4] - Show Alert Message
    • Github Finder [Part 5] - Fetch & Display Repos
    • WeatherJS [Part 1] - Intro & UI
    • WeatherJS [Part 2] - Fetch Weather From API
    • WeatherJS [Part 3] - Display The Weather
    • WeatherJS [Part 4] - Save Location To Local Storage

    Error Handling & Regular Expressions

    • Error Handling with Try...Catch
    • Regular Expressions [Part 1] - Evaluation Functions
    • Regular Expressions [Part 2] - Metacharacter Symbols
    • Regular Expressions [Part 3] - Character Sets & Quantifiers
    • Regular Expressions [Part 4] - Shorthand Character Classes
    • Regular Expressions - Form Validation Project

    Other Newer Features - ES2015+

    • Iterators & Generators
    • Profile Scroller - Iterator Mini Project
    • Symbols
    • Destructuring
    • ES6 Maps
    • ES6 Sets

    JavaScript Patterns

    • What Are Patterns?
    • Module & Revealing Module Pattern
    • Singleton Pattern
    • Factory Pattern
    • Observer Pattern
    • Mediator Pattern
    • State Pattern - Small Project

    Tracalorie Project (Using The Module Pattern)

    • Project Introduction
    • Creating The UI With Materialize CSS
    • Controllers & Data Structure
    • Get & Populate Items
    • Add Item To Data Structure
    • Add Item To The UI
    • Add Total Calories
    • Working With The Edit State
    • Updating Items & Total Calories
    • Delete & Clear Items
    • Add & Get From Local Storage
    • Delete & Clear From Local Storage

    Microposts Project - CRUD Front End (Webpack & Babel)

    • Babel & Webpack Environment Setup
    • Intro To ES2015 Modules
    • Create The UI
    • Create a fake REST API Using JSON Server
    • Get & Display Posts
    • Add Posts & Show Alert
    • Removing Posts
    • Post Edit State & Update [1]
    • Post Edit State & Update [2]

    Wrap Up

    • Wrap Up & Where To Go From Here

    Instructors

    Mr Brad Traversy

    Mr Brad Traversy
    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