JavaScript For Absolute Beginners

Focused View

Ashutosh Pawar

25:46:47

95 View

1. Introduction To JavaScript And Installing Required Tools

1. Introduction To Course.mp4

05:43

2. Introduction To JavaScript.mp4

07:10

3. Installing Required Tools.mp4

01:43

2. JavaScript Basics, Variables And Types

1. Hello World.mp4

04:14

2. Mathematical Operations.mp4

07:58

3. Variables Part 1.mp4

08:22

4. Variables Part 2.mp4

03:55

5. Implementing Types Part 1.mp4

08:17

6. Implementing Types Part 2.mp4

05:02

7. Const Keyword.mp4

04:32

8. Math Object Part 1.mp4

09:02

9. Math Object Part 2.mp4

05:37

10. String Methods.mp4

09:38

11. String Index.mp4

06:01

12. String Index Methods.mp4

07:59

13. String Template Literals.mp4

08:39

14. Equality Operator.mp4

06:42

15. Comparison Operator.mp4

05:31

16. Type Conversion.mp4

06:19

17. Writing JavaScript Code In A File.mp4

08:59

18. Picking A Color Theme.mp4

03:37

19. Comments.mp4

04:48

20. Coding Challenge Part 1 Discount Price.html

21. Coding Challenge Part 1 Discount Price (Solution).mp4

07:18

22. Coding Challenge Part 2 Area Of A Circle.html

23. Coding Challenge Part 2 Area Of A Circle (Solution).mp4

09:38

3. Conditionals, Logical Operators And Loops

1. Introduction To If Conditional Statement.mp4

04:53

2. Implementing If Conditional Statement.mp4

07:58

3. If Conditional With Strings.mp4

04:26

4. If Conditional With Boolean.mp4

04:57

5. Introduction To Else If.mp4

02:57

6. Implementing Else If.mp4

06:16

7. Nested If Statement.mp4

08:56

8. Switch Case.mp4

08:45

9. Logical AND.mp4

06:27

10. Logical OR.mp4

04:09

11. While Loop.mp4

10:19

12. Do While Loop.mp4

04:13

13. For Loop.mp4

05:46

14. Coding Challenge Part 3 IF Else.html

15. Coding Challenge Part 3 IF Else (Solution).mp4

03:00

16. Coding Challenge Part 4 Nested If.html

17. Coding Challenge Part 4 Nested If (Solution).mp4

12:14

18. Coding Challenge Part 5 Multiplication Loops.html

19. Coding Challenge Part 5 Multiplication Loops (Solution).mp4

05:31

20. Coding Challenge Part 6 Detect Odd Numbers.html

21. Coding Challenge Part 6 Detect Odd Numbers (Solution).mp4

06:41

4. Arrays And Objects

1. Arrays In JavaScript.mp4

06:50

2. Creating Arrays.mp4

08:18

3. Using Spread Operator To Create Array.mp4

03:08

4. For Of Loop.mp4

04:32

5. Push, Pop, Shift, Un-shift.mp4

08:13

6. Indexof And Splice.mp4

05:53

7. Concat Arrays.mp4

05:44

8. Reverse Join And Split.mp4

09:37

9. Introduction To Objects.mp4

05:58

10. Creating Objects Using Object Literals.mp4

05:43

11. Nesting Objects.mp4

06:17

12. Changing Properties.mp4

05:51

13. Avoiding Property Access Errors.mp4

04:09

14. Deleting Properties.mp4

03:51

15. Serialising Objects.mp4

05:33

5. Functional Programming In JavaScript

1. Introduction To Functions.mp4

04:51

2. Implementing Functions.mp4

05:53

3. Passing Arguments To Functions.mp4

05:36

4. Area Of A Circle Using Functions.mp4

04:41

5. Making A Function Return A Value.mp4

05:56

6. Making A Function Return A Value Part 2.mp4

05:51

7. Function Expressions.mp4

05:24

8. Arrow Functions.mp4

10:25

9. Nested Functions.mp4

07:06

10. Comparing Methods And Functions.mp4

05:13

11. this Keyword In Object.mp4

04:32

12. Hoisting.mp4

05:36

13. Functions As Value.mp4

05:44

14. Default Parameters.mp4

02:58

15. Function Scope.mp4

06:43

16. Lexical Scope.mp4

04:47

17. Introduction To Callbaccks.mp4

05:45

18. Coding Challenge Part 7 Creating And Calling A Function.html

19. Coding Challenge Part 7 Creating And Calling A Function (Solution).mp4

06:27

20. Coding Challenge Part 8 Callbacks.html

21. Coding Challenge Part 8 Callbacks (Solution).mp4

09:33

22. Coding Challenge Part 9 Global Variables And Functions.html

23. Coding Challenge Part 9 Global Variables And Functions.mp4

08:17

6. JavaScript Document Object Model DOM And DOM Events

1. Introduction To DOM.mp4

06:05

2. Get Element By ID.mp4

07:49

3. Get Element By Tag Name And Class Name.mp4

06:34

4. InnerText And TextContent.mp4

08:05

5. QuerySelector.mp4

11:05

6. Parent And Child Nodes.mp4

08:05

7. Siblings.mp4

06:10

8. Create Element.mp4

10:51

9. Document Fragment.mp4

06:28

10. Insert Before.mp4

09:12

11. Append And Prepend.mp4

06:07

12. Replace And Remove Child Node.mp4

04:32

13. Cloning A Node.mp4

04:24

14. HTML Attributes And DOM Properties.mp4

05:52

15. Set Attribute.mp4

05:13

16. Has Attribute And Get Attribute.mp4

06:22

17. Remove Attribute.mp4

02:10

18. Style Attribute.mp4

06:42

19. Manipulating Classes.mp4

08:30

20. Introduction To Events.mp4

07:54

21. Another Way To Handle Events.mp4

05:38

22. AddEventListener.mp4

04:33

23. Mouseover And Mouseout.mp4

06:03

24. Coding Challenge Part 10 DOM And DOM Events.html

25. Coding Challenge Part 10 DOM And DOM Events (Solution).mp4

10:03

26. Coding Challenge Part 11 Simple Interest Calculator.html

27. Coding Challenge Part 11 Simple Interest Calculator (Solution).mp4

12:44

28. Coding Challenge Part 12 Todo App.html

29. Coding Challenge Part 12 Todo App Part 1 (Solution).mp4

12:30

30. Coding Challenge Part 13 Todo App Part 2 (Solution).mp4

03:04

31. Coding Challenge Part 14 Todo App Part 3 (Solution).mp4

04:53

32. Coding Challenge Part 15 Todo App Part 4 (Solution).mp4

05:01

7. Object Oriented Programming In Javascript

1. Intro To OOP (Remaining).mp4

05:21

2. Writing Code The Functional Way.mp4

08:11

3. Writing Code The OOP Way.mp4

07:25

4. Using Classes.mp4

11:52

5. Adding Methods To A Class.mp4

03:07

6. Inheritance.mp4

06:17

7. Using Inheritance.mp4

10:51

8. Constructor Function.mp4

05:56

9. Prototypes.mp4

05:57

8. Asynchronous JavaScript Using Callbacks And Promises

1. Introduction To Asynchronous Programming.mp4

02:47

2. SetTimeout And SetInterval.mp4

09:12

3. Countdown Timer.mp4

06:27

4. Promises In JavaScript.mp4

06:30

5. Creating Promises.mp4

09:33

6. Callbacks And Promises Part 1.mp4

11:54

7. Callbacks And Promises Part 2.mp4

07:02

8. Bank Transaction Example Using Promises Part 1.mp4

07:27

9. Bank Transaction Example Using Promises Part 2.mp4

05:56

9. Project 1Building A Slider Based Simple Interest Calculator

1. Building A Slider Based Simple Interest Calculator Part 1.mp4

04:39

2. Building A Slider Based Simple Interest Calculator Part 2.mp4

06:34

3. Building A Slider Based Simple Interest Calculator Part 3.mp4

05:12

4. Building A Slider Based Simple Interest Calculator Part 4.mp4

14:06

10. Project 2 Building A Shopping Cart Using Local Storage For Data Persistence

1. Introduction To Local Storage.mp4

05:31

2. Building A Mini Shopping Cart Using Local Storage Part 1.mp4

09:11

3. Building A Mini Shopping Cart Using Local Storage Part 2.mp4

09:25

4. Building A Mini Shopping Cart Using Local Storage Part 3.mp4

06:35

5. Building A Mini Shopping Cart Using Local Storage Part 4.mp4

06:35

11. Front End Development With Vue And JavaScript

1. Vue JS Part 1 Introduction To VueJS.mp4

01:34

2. Vue JS Part 2 Setting Up Vue Via CDN.mp4

04:09

3. Vue JS Part 3 Creating A Vue Instance.mp4

09:07

4. Vue JS Part 4 Installing Vue And Vue CLI.mp4

09:20

5. Vue JS Part 5 Understanding Project Structure.mp4

06:19

6. Vue JS Part 6 Hello World Using V Bind Directive.mp4

10:04

7. Vue JS Part 7 V IF Directive.mp4

05:14

8. Vue JS Part 8 Else IF Directive.mp4

05:03

9. Vue JS Part 9 V Show Directive.mp4

02:57

10. Vue JS Part 10 V For Directive.mp4

05:09

11. Vue JS Part 11 Nesting Directives.mp4

03:21

12. Vue JS Part 12 Traversing Objects.mp4

09:09

13. Vue JS Part 13 Fixing EsLint Issue.mp4

02:38

14. Vue JS Part 14 V on Directive Using Counter.mp4

05:30

15. Vue JS Part 15 Two Way Data Binding Using V Model.mp4

04:31

16. Vue JS Part 16 Completing The Todo App.mp4

07:06

17. Computed Properties.mp4

05:45

18. Working With Data (Slide).mp4

02:17

19.1 data.zip

19. Looping Through Data.mp4

03:49

20. Displaying Data In Table.mp4

08:31

21. Calculating Product Discount.mp4

05:42

22. Assigning Dynamic Classes.mp4

05:39

23. Creating And Binding Select Box.mp4

05:47

24. Making The Filter Functional.mp4

06:53

25. Binding Radio Buttons.mp4

03:58

26. Making Radio Buttons Functional.mp4

07:46

27. Show All Products.mp4

03:06

28. Adding The Search Filter.mp4

08:16

29. Building The Search Functionality.mp4

12:25

30. Hide The Search Filter.mp4

04:54

31. Design Touchup.mp4

05:48

32. Introduction To Components.mp4

04:17

33. Creating Our Own Components.mp4

12:09

34. Using Data In Components.mp4

02:32

35. Registering The Component Globally.mp4

03:55

36. Passing Data To Other Components Introduction To Props.mp4

05:14

37. Passing Array To Props.mp4

06:27

12. Project 3 Building A Todo App With Vue And JavaScript

1. Vue JS Todo App Part 1 Adding Jumbotron.mp4

07:52

2. Vue JS Todo App Part 2 Creating Input Field.mp4

06:49

3. Vue JS Todo App Part 3 Adding Task Object.mp4

05:29

4. Vue JS Todo App Part 4 Displaying Tasks In Table.mp4

09:20

5. Vue JS Todo App Part 5 Marking Tasks As Complete.mp4

08:13

6. Vue JS Todo App Part 6 Edit Functionality.mp4

11:05

7. Vue JS Todo App Part 7 Delete Functionality.mp4

04:10

13. Project 4 Building A Calculator App With Vue And JavaScript

1. Vue JS Calculator App Part 1 Creating Layout Part 1.mp4

15:43

2. Vue JS Calculator App Part 2 Creating Layout Part 2.mp4

07:03

3. Vue JS Calculator App Part 3 Displaying Digits.mp4

07:18

4. Vue JS Calculator App Part 4 Add Functionality.mp4

08:43

5. Vue JS Calculator App Part 5 Multiply, Divide And Substract.mp4

06:34

6. Vue JS Calculator App Part 6.mp4

06:15

7. Vue JS Calculator App Part 7.mp4

02:59

8. Vue JS Calculator App Part 8.mp4

06:52

14. Back End Programming With Node JS And JavaScript

1. Introduction To NodeJS.mp4

07:58

2. Hello World In NodeJS.mp4

07:30

3. Executing Some More JS.mp4

03:00

4. Global Object In NodeJS.mp4

04:12

5. Modules And Require.mp4

06:32

6. Exporting Multiple Functions.mp4

06:31

7. Read And Write Files.mp4

11:34

8. Read And Write Files Asynchronously.mp4

05:31

9. Creating And Removing Directories.mp4

04:18

10. Understanding The Client Server Architecture.mp4

07:04

11. Creating A Server.mp4

13:40

12. Starting And Stopping A Server.mp4

03:37

13. Sending Response From A Server.mp4

06:51

14. ReadStream.mp4

09:59

15. WriteStream.mp4

04:08

16. Serving HTML Files Part 1.mp4

07:11

17. Serving HTML Files Part 2.mp4

02:56

18. Serving JSON Data.mp4

03:51

19. Routing.mp4

11:31

20. Introduction To Node Package Manager.mp4

06:28

21. Installing Express.mp4

02:10

22. Creating Express App.mp4

05:36

23. Sending HTML Pages.mp4

04:04

24. Route Params.mp4

04:36

25. Templates And EJS.mp4

06:52

26. Passing Data To Templates.mp4

06:23

27. Passing Complex Data.mp4

04:02

28. Looping In Templates.mp4

05:51

29. Using The Mustache Templating Engine.mp4

05:13

30. Passing Complex Data To Mustache Templates.mp4

03:16

31. Creating And Submitting A Form With Mustache.mp4

11:08

15. Integrating MySQL Database With JavaScript Web Apps

1. Installing MySQL On Windows.mp4

05:22

2. Installing MySQL On Mac.mp4

06:12

3. Creating Database And Table.mp4

08:28

4. Adding Data To Database.mp4

03:50

5. Setting Up Our Express Project.mp4

03:02

6. Making A Database Connection And Fetching Records.mp4

12:55

7. Displaying Results On Webpage.mp4

06:05

8. Add Functionality Part 1.mp4

05:35

9. Add Functionality Part 2.mp4

14:11

10. Delete Functionality.mp4

08:53

11. Edit Functionality Part 1.mp4

12:25

12. Edit Functionality Part 2.mp4

09:16

16. Project 5 Building A Realtime Chat App With Node JS

1. Node JS Chat App Part 1.mp4

07:01

2. Node JS Chat App Part 2.mp4

07:09

3. Node JS Chat App Part 3.mp4

08:33

4. Node JS Chat App Part 4.mp4

07:33

5. Node JS Chat App Part 5.mp4

05:07

6. Node JS Chat App Part 6.mp4

08:51

17. Conclusion

1. Course Conclusion.mp4

04:41

Description

Learn JavaScript from scratch, build front-end & back-end applications with JavaScript, Vue, Node, Express & MySQL

What You'll Learn?

Learn JavaScript basics right from scratch
Learn about conditionals, operations & loops
Learn about arrays & objects
Learn how to write modular and well maintained code using functions
Learn how to use DOM to manipulate elements on our webpage
Lear how to write JavaScript code the Object Oriented Programming way
Learn the latest version of Vue i.e Vue 3
Learn how to build a fully functional Todo app with Vue 3
Learn how to build a fully functional web based calculator app with Vue 3
Learn how to program the back-end using Node & Express
Learn how to integrate MySQL database along with your Node & Express web applications
Learn how to build a multi-client real-time chat application with JavaScript & Node

Who is this for?

Beginners who want to learn JavaScript

Beginners who want to become a full-stack JavaScript developer

Beginners who want to learn VueJS

Beginners who want to learn NodeJS

Beginners who want to learn ExpressJS

Web developers who want to switch to JavaScript as their language to build full stack web applications

What You Need to Know?

No coding or technical knowledge required.

A computer with internet connection.

No paid tools are required as the tools required for this course are free.

Passion and curiosity to learn something new.

More details

Description
The Complete Modern JavaScript Masterclass 2021.
Here Is What You Get By Enrolling In This Course:
Word-By-Word Explanation: In the entire course, I explain each line of code, without skipping a single line of code.
Awesome Quality Content: Over 25+ hours of HD Videos.
Well Structured & Easy To Learn: Course has been specially designed to make it easy for the students to learn JavaScript, VueJS, NodeJS & Express.
24 X 7 Support: I will always be there to guide you in your journey to become JavaScript expert.
_____________________________________
Here Is Everything You Will Learn In This Complete Course:
In this hands-on course, you will learn JavaScript right starting from scratch to the level where you can build almost anything with it, be it a fully functional database oriented web application or a real-time chat app.
This course will teach you JavaScript right from scratch from a very basic level and will gradually move you towards more advanced topics.
We not just cover all the JavaScript basics but also the most popular JavaScript libraries such as Vue, Node, & Express.

The Complete Course is divided into 13 Major sections.
Here is a brief description of what you will learn in each section.

Section 1: Introduction & Installing Required Tools.
In this section we will have a brief introduction about JavaScript & install tools required for development.

Section 2: JavaScript Basics, Variables &Â Data Types.
In this section we will learn the basic syntax of the JavaScript programming language, we will learn about concepts such as data types present in JavaScript, variable declaration & assignment, the 'const' keyword to declare variables, math object and its methods, string & string methods, comparison & equality operator to perform comparison & type conversion from one data type to another.

Section 3: Conditionals, Logical Operators & Loops.
After learning all the basics, in this section we will learn how to use conditionals like if, else if, nested if & switch case statements to make decisions in our code. We also learn about the Boolean operators such as the logical AND & OR. Finally we will learn how to loop through a given set of instructions using the for, while & the do-while loop.

Section 4: Arrays & Objects.
In this section we will what are arrays and how the array data structures could be created in JavaScript. We will learn the different ways of creating an array, and along with it, we will also learn different array methods which can be used to manipulate data inside of an array. After arrays, we now move on to learn what are objects and how data and methods can be contained inside an object. We will learn how to create, access, manipulate & delete properties inside of a JavaScript object.

Section 5: Functional Programming In JavaScript.
Once we know enough JavaScript to write basic programs, its now time to learn how to write code in a proper way by creating functions. In this section we will learn how to write modular and well maintained code using functions. We will learn how to define and call functions in JavaScript and the different ways to creating or declaring a function like the modern arrow notation. Along with it we will also learn how to make a function accept arguments and return values. We will also learn about functional scope and lexical scope and learn how it affects the variables defined inside a function.

Section 6: JavaScript Document Object Model: DOM & DOM Events.
This section covers how to use JavaScript to control the document object model which helps us to manipulate elements on our webpage. We learn how to get access to every element on our webpage by using different methods. Once we have access to these elements we could easily manipulate, create and delete them using different methods provided. After completing this section, we could now manipulate almost any element on our webpage.

Section 7: Object Oriented Programming In JavaScript.
Object oriented programming is another way of writing code just as functional programming is. In this section we will learn how to write JavaScript code the OOP way. We will first understand what object oriented programming actually means, the advantages of using OOP over functional programming and then jump into learning different terminologies and implement them by writing code. We will learn what are classes, how to create them. How to create or derive objects from classes, how to access data and methods form objects etc. Along with it we also learn how to perform inheritance between multiple classes and also cover concepts such as prototypes.

Section 8: Front-End WebÂ Development With Vue.
In this section we learn the VueJS library right form scratch. We will learn all the basics of the Vue library and learn how these concepts can be put to practice to build interactive interfaces for our websites & web applications. We will learn how different elements on our webpages can be made reactive by attaching them to the data such that they change withÂ changes in data. We will also learn how to use Vue components to modularize the front end of our application.

Section 9: Building A Todo App With Vue & JavaScript .
Now that we know how to use Vue to power our applications, its now time to put our knowledge into practice. In this section we will build a fully functional Todo List application entirely in Vue which is capable of performing create, read, update & delete operations on data also known as CRUD.

Section 10: Building A Calculator App With Vue & JavaScript .
Vue is best suited for SPAs or single page applications. Hence in this section we build a fully functional browser based calculator app that performs operations such as addition, subtraction, multiplication, division, finding percentage etc.

Section 11: Back End Programming With Node & JavaScript.
The best part about JavaScript is that you can use it both at the front as well as the back end. As we have already learned how to use JavaScript in the front-end now its time to use it in the back-end. In this section we will learn how to use JavaScript to program servers using NodeJS which is a JavaScript runtime. We will learn what NodeJS is and how it allows us to run JavaScript in the backend. We will lean NodeJS right from the basics such as accessing the file system, reading from and writing to files, creating directories etc. We will also learn how to create our very own server which is capable of handling incoming client request and render dynamic HTML pages as a response. We will also learn Express, which is a NodeJS framework that makes things such as rendering webpages and routing for our web applications easier. We will also cover different templating engines such as EJS & Mustache to create and render HTML templates.

Section 12: Integrating MySQL Database With JavaScript Web Apps:
While building web applications, we want the data to persist so that it can later be retrieved. To do so we need our data to be saved in our database. Hence in this section we will learn how to setup database for our Node & Express applications so that the data for our applications persist. We will learn how to connect databases with our JavaScript apps and how to make our app query and manipulate data from the database.

Section 13: Building A Chat Application With Socket io & NodeJS.
In this section we will learn how multiple clients can be connected to a single server via using sockets. We will learn this by building a chat application which consists of one server and multiple clients. We program the server using NodeJS andÂ a library called as socket io. Using which we build a server that can broadcast messages received from one client to multiple other.
_
So let's begin the journey of becoming an expert in JavaScript.
In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message me directly and I will do my best to get back to you as soon as possible!
_____________________________________
Make sure to enroll in the course before the price changes.
Take yourself one step closer towards becoming a full-stack JavaScript developer by clicking the "take this course button" now!
Join the journey.
Sincerely,
Ashutosh Pawar
Who this course is for:
Beginners who want to learn JavaScript
Beginners who want to become a full-stack JavaScript developer
Beginners who want to learn VueJS
Beginners who want to learn NodeJS
Beginners who want to learn ExpressJS
Web developers who want to switch to JavaScript as their language to build full stack web applications

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Ashutosh Pawar

Instructor's Courses

Ashutosh Pawar is the director of Optimum Solutions, a software firm based in Pune India which works in providing software solutions to small and medium enterprises across the globe and have catered to over 200+ clients globally.He holds a bachelor's degree in Information Technology (Computer Science) Engineering and has over 8+ years of developing scalable software infrastructure across multiple domains which include real estate, medicine & finance.Along with being a businessperson, he always had a passion for teaching and his goal is to pass on his knowledge to his students and empower them to achieve their goals in the IT sector.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.