New Posts New threads Most reply threads Most viewed threads Top threads

[Best-Rated] Modern JavaScript [from Novice to Ninja]
Udemy Course Free Download


Create awesome JavaScript driven web apps with modern JavaScript from the very beginning right through to ninja-level.

What you'll learn
  • Learn how to program with modern JavaScript, from the very beginning to more advanced topics
  • Learn all about OOP (object-oriented programming) with JavaScript, working with prototypes & classes
  • Learn how to create real-world front-end applications with JavaScript (quizes, weather apps, chat rooms etc)
  • Learn how to make useful JavaScript driven UI components like popups, drop-downs, tabs, tool-tips & more.
  • Learn how to use modern, cutting-edge JavaScript features today by using a modern workflow (Babel & Webpack)
  • Learn how to use real-time databases to store, retrieve and update application data
  • Explore API's to make the most of third-party data (such as weather information)
Course content

– 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 & Form Events
  • Events Inside Forms
  • Submit Events
  • Regular Expressions
  • Testing RegEx Patterns
  • Basic Form Validation
  • Keyboard Events
– Project - Interactive Ninja Quiz
  • Project Preview & 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 - Todo 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 & 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 & 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
  • Modern Feature Support
  • 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
– Next Steps
  • Bonus Lecture: Next Steps
  • A basic grasp of HTML & CSS (how to create simple, static web pages)

Hey gang, and welcome to your first step on the path to becoming a JavaScript ninja! In this course I'll be teaching you my absolute favourite language (JavaScript!) from the very beginning, right through to creating fully-fledged, dynamic & interactive web experiences.
We'll cover all the basics to get you up-and-running quickly, before diving in to some of the really fun stuff like web-page manipulation, creating interactive forms, popups & other cool effects. Along the way we'll be using the latest additions to the JavaScript specification (ES6, 7 & beyond) and maintaining good coding standards to keep our code clean and effective!

Once we master the basics, we'll dive into several real-life JavaScript projects, including an interactive quiz, a weather app, a real-time chat application and a small UI library you can use in all your future projects!
We'll also take a look at some more advanced topics - object oriented programming, asynchronous code, real-time databases and much more. Finally, we'll be setting up a modern work-flow using Webpack & Babel, so that by the end of this course you'll be no less than a black-belt JavaScript developer with a lot of coding techniques in your tool-belt.

Speaking of ninjas, I'm also known as The Net Ninja on YouTube, where you'll find hundreds of free coding tutorials, so feel free to pop by to say hello :).

Who this course is for:
  • New or junior developers who want to learn JavaScript from the ground up
  • Front-end developers who want to level-up their JavaScript knowledge using modern, cutting-edge techniques
  • Back-end developers who want to learn the JavaScript language for front-end development
modern javascript (from novice to ninja) free download, modern javascript (from novice to ninja) udemy free download, modern javascript (from novice to ninja) free, modern javascript (from novice to ninja) github, modern javascript (from novice to ninja) download udemy, modern javascript (from novice to ninja) coupon, modern javascript (from novice to ninja) udemy, modern javascript (from novice to ninja) download, modern javascript (from novice to ninja) udemy download, modern javascript udemy github, modern javascript bootcamp udemy, modern javascript from the beginning udemy download, modern javascript from the beginning udemy free download, udemy modern javascript the complete course, modern javascript from the beginning udemy coupon, udemy - modern javascript mastering es6 and es7, the modern javascript udemy, the modern javascript bootcamp udemy, modern javascript from the beginning udemy, modern javascript (from novice to ninja) udemy download, the modern javascript bootcamp (2018) udemy download, udemy - modern javascript from the beginning, udemy - modern javascript (from novice to ninja), udemy modern javascript from the beginning download, modern javascript (from novice to ninja) udemy free download, udemy - the modern javascript bootcamp (2019), the modern javascript bootcamp (2018) udemy, angularjs novice to ninja pdf, best javascript course, best online javascript courses, free javascript course, free online javascript course, javascript articles, javascript bootcamp, javascript class, javascript course, javascript for beginners, javascript head first, javascript lessons, javascript ninja, javascript novice to ninja 2nd edition pdf, javascript novice to ninja pdf, javascript online course, javascript training, javascript tutorial, learn javascript, learn javascript free, learn javascript online, learn javascript online free, learn javascript step by step pdf, modern javascript from novice to ninja download, modern javascript from novice to ninja free download, modern javascript from novice to ninja udemy download, modern javascript from novice to ninja udemy free download, modern javascript from the beginning, modern javascript udemy, sitepoint, the modern javascript bootcamp 2019, udemy javascript, udemy javascript course free download, udemy javascript projects, udemy the complete javascript course build a real world project
First release
Last update
0.00 star(s) 0 ratings

More resources from murugans1011

Share this resource