Learn Javascript Step By Step By Building Projects

Learn Javascript Step By Step By Building Projects, available at $69.99, has an average rating of 4.5, with 134 lectures, 5 quizzes, based on 125 reviews, and has 9005 subscribers.

You will learn about The student will be able to build large scale applications, understand how things works in deep level, and overall master the fundamental of programming. Build an Online Editor like Codepen/jsbin using structured coding practice Build your own reusable component Build your own pagination control/library Build and refactor a simple CRUD app Implement drag and drop without using any library Build a DOM based game using OOP Build a jQuery like DOM Library step by step Build a Slide Show/Image Gallery App using our custom library Understand closure, call, apply and bind function thoroughly This course is ideal for individuals who are Beginner programmer who wants to learn and understand how to use JavaScript to build websites and applications or Students who wish to learn fundamentals and build projects It is particularly useful for Beginner programmer who wants to learn and understand how to use JavaScript to build websites and applications or Students who wish to learn fundamentals and build projects.

Enroll now: Learn Javascript Step By Step By Building Projects

Summary

Title: Learn Javascript Step By Step By Building Projects

Price: $69.99

Average Rating: 4.5

Number of Lectures: 134

Number of Quizzes: 5

Number of Published Lectures: 134

Number of Published Quizzes: 5

Number of Curriculum Items: 139

Number of Published Curriculum Objects: 139

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will Learn

The student will be able to build large scale applications, understand how things works in deep level, and overall master the fundamental of programming.

Build an Online Editor like Codepen/jsbin using structured coding practice

Build your own reusable component

Build your own pagination control/library

Build and refactor a simple CRUD app

Implement drag and drop without using any library

Build a DOM based game using OOP

Build a jQuery like DOM Library step by step

Build a Slide Show/Image Gallery App using our custom library

Understand closure, call, apply and bind function thoroughly

Who Should Attend

Beginner programmer who wants to learn and understand how to use JavaScript to build websites and applications

Students who wish to learn fundamentals and build projects

Target Audiences

Beginner programmer who wants to learn and understand how to use JavaScript to build websites and applications

Students who wish to learn fundamentals and build projects

Dear Friends,

Welcome &&  to early access of the JavaScript fundamental course.   Treat this offer as a “One Time Investment” to all future updates.

Some of the topics we will cover is listed below  (content will be incrementally added and user feedback will be taken into consideration)

Our goal in this course is to master JavaScript incrementally using the concepts of “First Principle”.  And we do this by bulding lot of small and big projects to understand the concepts.

Early Bird Pricing in effect, free->$10.99->$20.99->$30.99+.  Once the course is full updated, the price will change.

The Core

& Introduction and basics

& Objects

& Functions

& Arrays

& Object Oriented Programming using es5/es6

& Call, Apply and Bind

& Closure

& Lexical Scoping

& Arrow functions

& Spread Operators

& REST Parameters

& Promise

& var/let/const

& IIFE

The DOM

& DOM Manipulation

& Better practices

Building Re-usable Code

& Building Reusable Libraries/Components

& Implementing Drag and Drop without using third party library

Updated: Nov 2018

Game Development

& Build a pong game using ES5 OOP and DOM

Updated: Dec 2018

Building Components with JavaScript

& Build a base Dialog/Notification Component

Bonus Lectures:  T

Updated: Apr 2020

Code Your own jQuery like Library to master DOM Manipulation

Updated: Jan 23rd 2021

Essential JavaScript for Libaries and Frameworks Series

Updated: Feb 3rd 2021

Build a live code editor like codepen, jsbin using Vanilla JavaScript

And more

Hope you enjoy this course!

Special &&  to the team at Algorisys Technologies for the support in creating these contents.

Course Curriculum

Chapter 1: Introduction and Basics

Lecture 1: Introduction and Motivation

Lecture 2: Please read this first

Chapter 2: In the Beginning

Lecture 1: Introduction to JS

Lecture 2: Getting Started

Lecture 3: A quick note on debugging

Lecture 4: Introduction to Variable

Lecture 5: Variables – Quick Demo

Lecture 6: Variables – Some conventions

Lecture 7: Variables – Undefined and Reference Error

Lecture 8: A note of let/const hoisting

Lecture 9: Var statement in detail – Hoisting, Scope (audio editing in progress)

Lecture 10: Let statement in detail – Hoisting, Scope (audio editing in progress)

Lecture 11: Understanding Const

Lecture 12: Summary of Var, Let and Const

Chapter 3: Beginners – Numbers in JavaScript

Lecture 1: Data Types – Introduction

Lecture 2: Common Operations on Numbers

Lecture 3: Number – toString() and valueOf() methods

Lecture 4: Number – isNan() function

Lecture 5: Number – isNan() – Some note

Lecture 6: Exercise 1 – Calculate Seconds in an Hour

Lecture 7: Exercise 2 – Calculate Seconds in a Day

Lecture 8: Number – Pre and Post Operators

Lecture 9: Understanding Arrays

Chapter 4: Beginners – Strings in JavaScript

Lecture 1: Introduction to Strings

Lecture 2: Handling long strings and intro to Template Literal

Lecture 3: String Operations – Length and Concatenation

Lecture 4: String – ES6 Template Literal

Lecture 5: String – Handling Quote within String

Lecture 6: String – indexOf method

Lecture 7: String – indexOf method More Details

Lecture 8: String – lastIndexOf method

Lecture 9: String – Slice method Visual Explanation

Lecture 10: String – Slice method (negative index)

Lecture 11: String – Slice method (notes on endIndex)

Lecture 12: String – substr and substring method

Lecture 13: String – replace method

Lecture 14: String – Transforming text cases

Lecture 15: String – charAt – Find character at specified index/position

Lecture 16: String – Trimming characters from beginning and end of string

Lecture 17: String – Splitting a string into an array

Chapter 5: Tips and Questions

Lecture 1: Tips and Important JavaScript Questions

Chapter 6: Basics of Functions

Lecture 1: Theory – Understanding Scope

Lecture 2: The Function – Intro

Lecture 3: Function Statement Demo

Lecture 4: Function Expression Demo – (with Hoisting discussion)

Lecture 5: Arrow Function Notes

Lecture 6: Understanding function

Chapter 7: Functions

Lecture 1: Function Introduction (from live session)

Chapter 8: Intermediate Knowledge

Lecture 1: Understanding call, apply and bind functions

Lecture 2: Closures – Read this first

Lecture 3: Understanding Closures

Lecture 4: Code your Own Bind method polyfill

Lecture 5: Currying

Chapter 9: Object Oriented Programming

Lecture 1: Understanding constructor function

Lecture 2: Quick intro to ES6 class

Lecture 3: Fixing new keyword bug when invoking constructor function

Lecture 4: Adding instance methods to constructor function/class

Lecture 5: How inheritance works in es5 and es6

Lecture 6: Method overriding

Lecture 7: Static methods

Chapter 10: OOPS Q & A

Lecture 1: OOPS – Clarification -1 – call and object.create

Chapter 11: Case Study – Building an JavaScript/ES6 Notification/Dialog Component using OOPS

Lecture 1: Notification/Dialog Component Source Code

Lecture 2: Notification/Dialog component introduction

Lecture 3: Dialog / Notification component Demo

Lecture 4: Design of the Dialog/Notification Component

Lecture 5: Dialog Component : HTML and CSS

Lecture 6: Base Dialog Component Usage API

Lecture 7: Coding the Base Dialog Class Constructor method

Lecture 8: Dialog Component – show method

Lecture 9: Dialog Component – render method

Lecture 10: Dialog Component – init method (attach event handlers)

Lecture 11: Dialog Component – close method

Lecture 12: Dialog Component – notify method

Lecture 13: Dialog Component – hide method and summary

Chapter 12: Case Study – Todo App – Build a simple app – Part 1

Lecture 1: Demo – What we will be building?

Lecture 2: Todo App – Creating the HTML and CSS

Lecture 3: Todo App – Listing all the todos from the state variable.

Lecture 4: Todo App – Add Todo

Lecture 5: Todo App – Remove Todo

Lecture 6: Todo App – Toggling Todo between completed and not completed state

Chapter 13: Todo App – Refactor

Lecture 1: Todo App – Edit and Refactoring for performance

Chapter 14: Todo App – Pagination

Instructors

Rajesh Pillai
Founder at Algorisys Technologies and TekAcademy Labs

Rating Distribution

1 stars: 1 votes

2 stars: 2 votes

3 stars: 25 votes

4 stars: 50 votes

5 stars: 47 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!