![JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects [Video]](https://content.packt.com/V19704/cover_image_small.jpg)
JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction and Resources
-
JavaScript Basics
- JavaScript Basics
- Environment Setup / 003
- How to Run JavaScript Files / 005
- Browser Console / 006
- Variables, Constants, and Comments / 007
- Naming Conventions / 007-1
- Data Types / 008
- Strings / 009
- String Methods / 010
- Numbers / 011
- Template Literals / 012
- Arrays / 013
- Null and Undefined / 014
- Booleans and Comparisons / 015
- Loose Versus Strict Comparison / 016
- Type Conversion / 017
-
Control Flow
-
Functions
-
Object Literals
-
Document Object Model
- DOM Introduction / 044
- DOM In-Depth / 045
- Query Selector / 046
- Selectors / 047
- Controlling Content (Add/Delete) / 048
- Attributes (Get/Set) / 049
- Changing CSS Styles / 050
- Classes (Add/Remove) / 051
- Relationships (Parent/Child/Siblings) / 052
- Events - I / 053-1
- Events - II / 053-2
- Creating and Removing Elements / 054
- Event Bubbling and Delegation / 055
- More DOM Events / 056
-
Form and Form Events
-
Project: Quiz Application
-
Array Methods
-
Project: Todo List Manager
-
Dates and Time
-
Local Storage
-
Project: Budget Tracker
- Project Demo / 229
- Template Structure (Optional) / 231
- Template Structure (Optional) / 232
- Add Transaction / 234
- Transactions on localStorage / 235
- Income and Expense List / 236
- Get Transactions / 237
- Delete Transaction / 238
- Update Statistics / 239
- Empty Transactions / 240
- Project Deployment Using GitHub and Netlify / 316
-
Object-Oriented Programming
-
Error Handling and Exceptions
-
Modules
-
Project: Kanban Application
- Project Demo / 281
- Template Structure (Optional) / 282
- Template Structure (Optional) / 283
- Kanban Flow / 284
- Class and Function / 285
- Get Task / 286
- Insert Task / 287
- Delete Task / 288
- Update Task / 289
- Task Card / 290
- Task Count / 291
- Form: Add Task / 292
- Form: Edit Task / 293
- Form: Delete Task / 294
- Drag-Drop Task Card / 295
- Project Deployment Using GitHub and Netlify / 317
-
Asynchronous JavaScript
-
Project: News Portal
-
Babel
-
Webpack
-
Firebase
- Firebase Introduction
- Webpack Setup / 252
- Firebase Setup / 253
- Firebase Connection / 254
- Fetching Documents - I / 255
- Fetching Documents- II / 256
- Adding and Deleting Documents / 257
- Snapshots / 258
- Firestore Queries / 259
- Ordering Data / 260
- Updating Documents / 261
- Fetching Individual Document / 262
- Authentication - I / 263
- Authentication - II / 264
-
Project: Bookmark Manager
-
Project: notNotion
- Project Demo / 301
- Template Structure (Optional) / 302
- Template Structure (Optional) / 303
- Template Structure (Optional) / 304
- Template Structure (Optional) / 305
- Template Structure (Optional) / 306
- Navbar, Modals and Accordions / 307
- Swipe Library - I / 308
- Swipe Library - II / 309
- Merge All Projects / 310
- Project Deployment Using GitHub and Netlify / 320
-
Course Completion
-
(Optional) HTML and CSS Refresher
- How Web Works? (Optional)
- Environment Setup
- HTML Introduction
- Head Section
- Common HTML Tags
- Media Tags
- Linking Page
- Forms I
- Forms II
- Comments
- List
- Tables
- Inline and Block
- Id and Classes
- HTML Semantics I
- HTML Semantics II
- HTML Entity
- Introduction to CSS
- CSS Types and Order
- Selectors
- Selector Game I
- Selector Game II
- Specificity / R029
- Common Properties
About this video
Welcome to the JavaScript masterclass course, in which we will be building real-world applications and learning the core concepts of HTML, CSS, and OOP. This course takes you through your JavaScript journey from beginner to advanced.
Throughout the course, we will explore the most important JavaScript topics step-by-step. You will start with the fundamental concepts of JavaScript such as variables, data types, functions, loops, iterations, expressions, and operators using examples that will help you understand the topic well.
Moving further, you will deep dive into the intermediate topics of document object model, regular expressions, array, methods, dates and times, local storage, object-oriented programming, error handling, and exceptions. You will also understand advanced concepts such as event loops, setTimeout and setInterval, callbacks and callback hell, promises, async await, and Fetch API with examples.
You will also be building real-world applications that will help you get accustomed to all the preceding concepts and learn to deploy the code onto GitHub and Netlify.
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.
All resources and code files are placed here: https://github.com/PacktPublishing/JavaScript-Masterclass-Zero-To-Job-Ready-With-Hands-On-Projects
- Publication date:
- February 2023
- Publisher
- Packt
- Duration
- 41 hours 11 minutes
- ISBN
- 9781837637904