JavaScript Objects and OOP Programming with JavaScript

Name: JavaScript Objects and OOP Programming with JavaScript
Rating: 3.9 (20 reviews)

Use objects to create amazing things with JavaScript power up your applications OOP JavaScript coding

Created byLaurence Svekis

Last updated 11/2024

English

What you'll learn

How to apply JavaScript
How to use OOP in JavaScript
Create simple applications with JavaScript
Objects in JavaScript

Course content

4 sections • 40 lectures • 2h 9m total length

OOP Objects Introduction3:02
Explore JavaScript objects and object oriented programming with practical examples in an interactive cart project. Build and manipulate items, totals, tax, and shipping using object methods and the DOM.
Introduction Dev Setup3:19
Set up your development environment with the brackets editor, chrome browser, live preview, and an index.html linked to app.js, then explore devtools like console and dom view as you code.
Course PDF guide and resources0:04

JavaScript Objects.8:07
Explore how JavaScript objects organize data as collections of properties and methods. Create and read person objects using literal notation, dot and bracket access, and template literals.
Source Code0:09
Car an Object5:51
Model a car as a JavaScript object with properties like color, brand, make, year, and price, then implement drive and park methods using template literals to output dynamic messages.
Source Code0:06
Output Object Data Dot notation and Bracket notation2:05
Demonstrate outputting object values in JavaScript using dot notation and bracket notation on a car object with color, model, year, and price, including dynamic bracket access.
Source Code0:04
Object Data iterating contents9:22
Source Code iteration0:15
Creating Elements using Object Information to output content on web pages.4:49
Source Code creating elements0:09
Shopping Cart Challenge.5:22
Source Code0:05
Shopping Cart Challenge 25:32
Create and manage a shopping cart using an event listener, build a cart object, and handle item addition, quantities, and subtotal calculations while demonstrating object-oriented concepts in JavaScript.
Source Code0:10
Shopping Cart Challenge 36:45
Source Code0:27

Object Oriented Programming2:46
Explore object oriented programming in JavaScript by using classes as blueprints to create and reuse objects with a constructor, literal, and new syntax for flexible, extendable code.
Source Code0:03
Constructor Functions3:57
Use constructor functions to build JavaScript objects with a reusable template. Create multiple objects with new, pass first name and last name, and add methods like greeting to output messages.
Constructor functions Source Code0:05
Objects Construction6:44
Source Code0:16
Dice Game OOP5:26
Source Code0:07
Dice Game OOP 22:35
Build an object-oriented dice game that compares two dice rolls to determine the player or computer winner or a tie, using a constructor method and a dedicated function.
Source Code0:15
Shopping cart OOP.5:23
Source Code0:11
Shopping cart OOP 26:58
Source Code0:27
Shopping cart OOP 3.6:03
Add items to a cart using an object oriented approach, building a cart object with adder and lister methods, tracking name, price, quantity, and subtotal, and rendering contents.
Source Code0:34
Shopping cart OOP 45:49
Create a total costs method on the cart object to sum subtotals. Use a button with an event listener to output the final total and cart contents.
Source COde0:48
Shopping cart OOP 55:42

Requirements

HTML CSS and JavaScript core knowledge
Computer Access and Internet Access
Use of Web editor and knowledge to setup web development environment

Description

Source Code and resources are included to get you started quickly.

Learn more about JavaScript and how JavaScript ES6 can be applied to create amazing JavaScript projects. Course is loaded with JavaScript Examples and perfect JavaScript for Beginners to learn more about JavaScript Online. Writing JavaScript Code using vanilla JavaScript - no libraries no tricks this JavaScript tutorial the JavaScript Course will walk you through creating your own JavaScript code and provide many JavaScript Code Snippets for use in JavaScript programming. Learn JavaScript with this step by step JavaScript Course.

JavaScript objects are at the core of JavaScript

SOURCE CODE is included every step of the way
Downloadable PDF guide to help guide you through the lessons.

Learning how to use objects and construct objects can increase what you can do with JavaScript

Course is designed to highlight using JavaScript - JavaScript IS A Prerequisite TO THIS COURSE *****Beginner JavaScript knowledge is required ***** as the course covers only JavaScript relevant to the using objects and applying objects to object oriented programming. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.

Course Covers

Creating objects - methods in objects
Using Object to hold information
Use of objects to create a shopping cart
Use of objects to get element information
Object oriented programming
Creating new objects from template
OOP recreate earlier objects
New uses for objects
Dice game made simple with OOP
Shopping cart made with OOP
All this and more

Step by step learning with all steps included.

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.

Start building your own version of the application today!!!!

Who this course is for:

Web developers
Anyone who wants to learn more about applying JavaScript
Web masters
JavaScript coders who want to learn more about using JavaScript
Anyone who wants to do interesting applications with JavaScript
Frontend code writers

JavaScript Objects and OOP Programming with JavaScript

What you'll learn

Explore related topics

Course content

Introduction to course content3 lectures • 6min

JavaScript Objects16 lectures • 49min

Object Oriented Programming JavaScript19 lectures • 54min

Bonus Section Source Code and code Examples JavaScript2 lectures • 19min

Requirements

Description

Who this course is for: