JavaScript Masterclass: Zero To Job Ready With 10 Projects

Focused View

Shubham Sarda

41:13:11

103 View

1 - Introduction & Resources

1 - Course Introduction.mp4

05:21

2 - Welcome Lets Get Started.mp4

03:45

3 - Resources Important.mp4

12:20

4 - Resources Important.html

2 - JavaScript Basics

5 - JavaScript Basics.mp4

13:32

6 - Environment Setup 003.mp4

06:30

7 - How To Run JavaScript Files 005.mp4

08:05

8 - Browser Console 006.mp4

03:26

9 - Variables Constants & Comments 007.mp4

11:15

10 - Naming Convention 0071.mp4

03:17

10 - reserved-words.zip

11 - Data Types 008.mp4

06:56

12 - Strings 009.mp4

17:18

13 - String Methods 010.mp4

12:11

14 - Numbers 011.mp4

14:13

15 - Template Literals 012.mp4

08:33

16 - Arrays 013.mp4

16:23

17 - Null & Undefined 014.mp4

05:37

18 - Booleans & Comparisons 015.mp4

14:50

19 - Loose vs Strict Comparison 016.mp4

05:04

20 - Type Conversion 017.mp4

08:37

3 - Control Flow

21 - Control Flow 018.mp4

03:53

22 - For Loop 019.mp4

18:42

23 - For Loop in & of 0191.mp4

10:00

24 - While Loop 020.mp4

07:50

25 - Do While Loop 021.mp4

04:52

26 - If Statements 022.mp4

05:33

27 - Else & Else If 023.mp4

10:13

28 - Logical Operators 024.mp4

13:09

29 - Logical NOT 025.mp4

03:45

30 - Break & Continue 026.mp4

14:02

31 - Switch Statements 027.mp4

09:00

32 - Scope Global & Local 028.mp4

13:47

33 - Ternary Operator 0281.mp4

07:44

4 - Functions

34 - Functions I 029.mp4

06:19

35 - Functions II 030.mp4

16:12

36 - Arguments & Parameters 031.mp4

15:30

37 - Returning Values 032.mp4

10:24

38 - Arrow Functions 033.mp4

12:48

39 - Functions & Methods 034.mp4

05:21

40 - forEach Method & Callbacks 035.mp4

11:57

41 - forEach Method 036.mp4

12:27

5 - Object Literals

42 - Object Literals I.mp4

04:14

43 - Object Literals II 038.mp4

11:00

44 - Methods 039.mp4

08:19

45 - this Keyword 040.mp4

09:22

46 - Objects in Arrays 041.mp4

15:32

47 - Math Object 042.mp4

09:59

48 - Primitive vs Reference Types I 043.mp4

11:07

49 - Primitive vs Reference Types II 0432.mp4

08:28

6 - Document Object Model

50 - DOM Introduction 044.mp4

03:16

51 - DOM Indepth 045.mp4

05:23

52 - Query Selector 046.mp4

17:32

53 - Selectors 047.mp4

05:39

54 - Controlling Content AddDelete 048.mp4

14:03

55 - Attributes GetSet 049.mp4

15:34

56 - Changing CSS Styles 050.mp4

08:02

57 - Classes AddRemove 051.mp4

18:03

58 - Relationships ParentChildSiblings 052.mp4

11:57

59 - Events I 0531.mp4

08:41

60 - Events II 0532.mp4

08:43

61 - Creating & Removing Elements 054.mp4

12:20

62 - Event Bubbling & Delegation 055.mp4

12:47

63 - More DOM Events 056.mp4

18:00

7 - Form & Form Events

64 - Events Inside Forms 057.mp4

03:34

65 - Submit Events 059.mp4

08:13

66 - Regular Expressions 060.mp4

15:18

67 - Testing RegEx Patterns 061.mp4

08:12

68 - Basic Form Validation 062.mp4

05:20

69 - Keyboard Events 063.mp4

11:04

70 - Events on HTML Page 065.mp4

13:16

8 - Project Quiz Application

71 - Project Demo 210.mp4

02:25

72 - Template Structure Optional 211.mp4

24:01

73 - Template Structure Optional 212.mp4

11:11

74 - Working With Answer 213.mp4

12:05

75 - Score Update 214.mp4

06:43

76 - Reload 215.mp4

09:47

77 - Final Demo 216.mp4

01:42

78 - Project Deployment Using Github & Netlify 321.mp4

21:16

9 - Array Methods

79 - Filter Method 071.mp4

16:41

80 - Map Method 072.mp4

10:05

81 - Reduce Method 073.mp4

18:13

82 - Find Method 074.mp4

04:16

83 - Sort Method 075.mp4

14:19

84 - Reverse Method 0753.mp4

03:07

85 - Chaining Methods 076.mp4

06:52

10 - Project Todo List Manager

86 - Project Demo 221.mp4

02:44

87 - Template Structure Optional 222.mp4

13:20

88 - Template Structure Optional 223.mp4

23:31

89 - Add Task 224.mp4

10:59

90 - Delete Task 225.mp4

09:22

91 - Update Task Count 226.mp4

06:05

92 - Search Task I 227.mp4

19:38

93 - Search Task II Case Sensitive 228.mp4

05:40

94 - Project Deployment Using Github & Netlify 322.mp4

06:12

11 - Dates & Times

95 - Dates 205.mp4

11:04

96 - Times 206.mp4

11:19

12 - Local Storage

97 - Local Storage 207.mp4

13:02

98 - JSON 208.mp4

07:03

13 - Project Budget Tracker

99 - Project Demo 229.mp4

02:15

100 - Template Structure Optional 231.mp4

16:51

101 - Template Structure Optional 232.mp4

35:31

102 - Add Transaction 234.mp4

13:20

103 - Transactions on localStorage 235.mp4

13:32

104 - Income & Expense List 236.mp4

12:32

105 - Get Transactions 237.mp4

06:21

106 - Delete Transaction 238.mp4

17:24

107 - Update Statistics 239.mp4

19:28

108 - Empty Transactions 240.mp4

04:11

109 - Project Deployment Using Github & Netlify 316.mp4

05:00

14 - Object Oriented Programming

110 - Object Oriented Programming I.mp4

16:17

111 - Object Oriented Programming II.mp4

12:35

112 - Object Literals Again 117.mp4

09:10

113 - Classes 118.mp4

11:33

114 - Methods 119.mp4

12:44

115 - Inheritance I 120.mp4

09:19

116 - Inheritance II 121.mp4

04:44

117 - Prototype Model 122.mp4

05:58

118 - Prototype Inheritance 123.mp4

13:53

119 - Builtin Methods.mp4

03:05

120 - Static Keyword 125.mp4

08:59

121 - Getter & Setter 127.mp4

07:08

15 - Modules

122 - Module I 203.mp4

11:28

123 - Module II 204.mp4

06:34

16 - Error Handling & Exceptions

124 - Error Handling 201.mp4

10:32

125 - Exceptions 202.mp4

06:13

17 - Project Kanban Application

126 - Project Demo 281.mp4

02:56

127 - Template Structure Optional 282.mp4

18:18

128 - Template Structure Optional 283.mp4

28:06

129 - Kanban Flow 284.mp4

10:07

130 - Class & Function 285.mp4

15:31

131 - Get Task 286.mp4

07:19

132 - Insert Task 287.mp4

12:04

133 - Delete Task 288.mp4

08:39

134 - Update Task 289.mp4

17:22

135 - Task Card 290.mp4

17:09

136 - Task Count 291.mp4

04:47

137 - Form Add Task 292.mp4

07:33

138 - Form Edit Task 293.mp4

15:50

139 - Form Delete Task 294.mp4

06:27

140 - DragDrop Task Card 295.mp4

16:53

141 - Project Deployment Using Github & Netlify 317.mp4

04:22

18 - Asynchronous JavaScript

142 - Asynchronous JavaScript 181.mp4

08:50

143 - setTimeout 182.mp4

22:42

144 - setInterval 183.mp4

06:32

145 - Callbacks & Callback Hell 184.mp4

24:03

146 - Promises 185.mp4

16:01

147 - Promises All 186.mp4

07:17

148 - Async & Await 187.mp4

09:25

149 - API JSON Data.mp4

07:32

150 - Fetch API 189.mp4

13:05

151 - Fetch API Methods 190.mp4

17:09

19 - Project News Portal

152 - Project Demo 241.mp4

02:56

153 - Template Structure Optional 242.mp4

12:57

154 - Template Structure Optional 243.mp4

24:23

155 - Working With News API 244.mp4

14:47

156 - Fetch News Data 245.mp4

17:45

157 - News Categories 246.mp4

20:48

158 - Backup Data 247.mp4

05:04

159 - Category Request 248.mp4

03:28

160 - Project Deployment Using Github & Netlify 319.mp4

10:11

20 - Babel

161 - Installing Nodejs.mp4

09:39

162 - Babel Introduction.mp4

03:59

163 - Babel CLI 153.mp4

08:05

164 - Babel 154.mp4

06:52

165 - Folder Structure 155.mp4

16:03

21 - Webpack

166 - Webpack 156.mp4

12:28

167 - Loaders.mp4

10:40

168 - Mode 158.mp4

05:17

169 - Webpack Dev Server 162.mp4

15:16

170 - Webpack Boilerplate Code 163.mp4

09:55

22 - Firebase

171 - Firebase Introduction.mp4

06:59

172 - Webpack Setup 252.mp4

13:08

173 - Firebase Setup 253.mp4

08:31

174 - Firebase Connection 254.mp4

04:58

175 - Fetching Documents I 255.mp4

09:52

176 - Fetching Documents II 256.mp4

04:26

177 - Adding & Deleting Documents 257.mp4

14:09

178 - Snapshots 258.mp4

06:02

179 - Firestore Queries 259.mp4

06:24

180 - Ordering Data 260.mp4

10:37

181 - Updating Documents 261.mp4

07:24

182 - Fetching Individual Document 262.mp4

03:50

183 - Authentication I 263.mp4

05:27

184 - Authentication II 264.mp4

22:10

23 - Project Bookmark Manager

185 - Project Demo 269.mp4

03:12

186 - Template Structure Optional 271.mp4

14:29

187 - Template Structure Optional 272.mp4

21:41

188 - Firebase Setup 273.mp4

12:25

189 - Access Document 274.mp4

14:26

190 - Delete Document 275.mp4

10:30

191 - Filter Documents 276.mp4

18:00

192 - Project Deployment Using Github & Netlify 318.mp4

11:59

24 - Project notNotion

193 - Project Demo 301.mp4

03:57

194 - Template Structure Optional 302.mp4

12:21

195 - Template Structure Optional 303.mp4

13:40

196 - Template Structure Optional 304.mp4

25:42

197 - Template Structure Optional 305.mp4

21:31

198 - Template Structure Optional 306.mp4

15:08

199 - Navbar Modals & Accordions 307.mp4

18:05

200 - Swipe Library I 308.mp4

13:11

201 - Swipe Library II 309.mp4

19:44

202 - Merge All Projects 310.mp4

14:40

203 - Project Deployment Using Github & Netlify 320.mp4

09:58

25 - Optional HTML & CSS Refresher

204 - How Web Works Optional.mp4

25:54

205 - Environment Setup.mp4

12:28

206 - HTML Introduction.mp4

11:47

207 - Head Section.mp4

09:45

208 - Common HTML Tags.mp4

07:41

209 - Media Tags.mp4

13:41

210 - Linking Page.mp4

05:59

211 - Forms I.mp4

09:47

212 - Forms II.mp4

17:28

213 - Comments.mp4

04:10

214 - List.mp4

03:13

215 - Tables.mp4

06:27

216 - Inline and Block.mp4

09:40

217 - Id & Classes.mp4

08:56

218 - HTML Semantics I.mp4

10:32

219 - HTML Semantics II.mp4

05:31

220 - HTML Entity.mp4

03:21

221 - Introduction To CSS.mp4

12:35

222 - CSS Types and Order.mp4

06:16

223 - Selectors.mp4

21:19

224 - Selector Game I.mp4

07:52

225 - Selector Game II.mp4

06:09

226 - Specificity R029.mp4

05:48

226 - code files.zip

227 - Common Properties.mp4

16:41

26 - Bonus

228 - Bonus.mp4

02:05

Description

Learn JavaScript from Beginner to Advanced: Concepts, Coding Exercises, Quizzes, Assignments and Projects | ES2023

What You'll Learn?

Everything you need to become a JavaScript developer with basics to advanced concepts, how things works behind the scenes and real projects
Understand fundamentals: variables, data types, control flow statements, loop, functions and more...
Dive deep with Object-oriented Programming: classes, objects, constructors, inheritance, encapsulation, static keyword, getter & setter etc.
Complex concepts like the 'this' keyword, closures, promises, async-await etc.
Work with API's to make the most of third-party data (such as News/Weather/Sports information)
Build real-world front-end applications with JavaScript (Task manager, budget tracker, kanban, quiz application, bookmark manager & more)
Modern tools for 2023: NPM, Babel, Webpack, Firebase and more.
And lot more!

Who is this for?

Anyone who wants to learn JavaScript

No previous programming knowledge required

More details

Description
Welcome toÂ JavaScript Masterclass, one single course to start your JavaScript journey as a beginner step-by-step. This course touches on each and every important topic through concept explanation, documentation, and implementation. The entire course is designed for beginners with one goal in mind, to learn concepts and build JavaScript projects.
Throughout the course, we will explore the most important JavaScript topics step-by-step:
Fundamental Concepts:
Introduction
Variables
Data Types
Loops & Iteration
Control Flow
Expressions & Operators
Functions
More...
Intermediate Concepts:
DOM: Document Object Model
Regular Expressions
Array Methods
Dates & Times
Local Storage
Object Oriented Programming
Error Handling & Exceptions
Modules
APIs
Advanced Concepts:
Event Loops
setTimeout & setInterval
Callbacks & Callback Hell
Promises
Async Await
Fetch API
Miscellaneous:
Babel
Webpack
Database: Firebase
External Libraries: Swiper JS
Deployment: Git, Github & Netlify

------------------
Why this course?
Complete course is focused on the concept learning approach, you learn every concept through a logical and visual learning approach.
Learn all important concepts in the simplest possible way with examples and real-life projects.
You just need basic HTML and CSS knowledge, we will cover everything step-by-step from scratch.
------------------
After completing this course you will be readyÂ to work as an Intern, Fresher, or Freelancer and you will also be able to implement everything yourself! Most importantly you will be ready to divide deep with future practice and the hard-level questions of JavaScript.Â
Enroll now, I will make sure you learn best about JavaScript.
Who this course is for:
Anyone who wants to learn JavaScript
No previous programming knowledge required

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Shubham Sarda

Instructor's Courses

Shubham is a software developer with a passion for teaching. He has worked with many funded startups, self projects, and as a top-rated freelancer on marketplaces.Shubham has taught programming and digital marketing to over 40,000 students online and offline as an Instructor.Shubham has mastered explaining very complex topics in the simplest manner that is easy to understand and follow. His video courses are also used by companies to train their employees and by colleges to prepare their students and upgrade skills according to industry requirements. Enroll now and I will see you inside the course!

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.