Certificate in Front End Web Programming - The Online Business Academy

Lesson Content

0% Complete 0/5 Steps

1.1 Overview & Learning Outcomes

1.2 Basic HTML Structure and Elements

1.3 Attributes, Classes and IDs

1.4 Basic Styling with CSS

1.5 Introduction to the CSS Box Model

Lesson Content

0% Complete 0/25 Steps

2.1 Overview & Learning Outcomes

2.2 Hello World!

2.3 A Brief Introduction to JavaScript

2.4 Linking a JavaScript File

2.5 Values and Variables

2.6 Practice Assignments

2.7 Data Types

2.8 let, const and var

2.9 Basic Operators

2.10 Operator Precedence

2.11 Coding Challenge #1

2.12 Strings and Template Literals

2.13 Taking Decisions: if / else Statements

2.14 Coding Challenge #2

2.15 Type Conversion and Coercion

2.16 Truthy and Falsy Values

2.17 Equality Operators: == vs. ===

2.18 Boolean Logic

2.19 Logical Operators

2.20 Coding Challenge #3

1 of 2

Lesson Content

0% Complete 0/20 Steps

3.1 Overview & Learning Outcomes

3.2 Activating Strict Mode

3.3 Functions

3.4 Function Declarations vs. Expressions

3.5 Arrow Functions

3.6 Functions Calling Other Functions

3.7 Reviewing Functions

3.8 Coding Challenge #1

3.9 Introduction to Arrays

3.10 Basic Array Operations (Methods)

3.11 Coding Challenge #2

3.12 Introduction to Objects

3.13 Dot vs. Bracket Notation

3.14 Object Methods

3.15 Coding Challenge #3

3.16 Iteration: The for Loop

3.17 Looping Arrays, Breaking and Continuing

3.18 Looping Backwards and Loops in Loops

3.19 The while Loop

3.20 Coding Challenge #4

Lesson Content

0% Complete 0/10 Steps

4.1 Overview & Learning Outcomes

4.2 Section Roadmap

4.3 Setting up Prettier and VS Code

4.4 Installing Node.js and Setting Up a Dev Environment

4.5 Learning How to Code

4.6 How to Think Like a Developer: Become a Problem Solver

4.7 Using Google, StackOverflow and MDN

4.8 Debugging (Fixing Errors)

4.9 Debugging with the Console and Breakpoints

4.10 Coding Challenge #1

Lesson Content

0% Complete 0/18 Steps

5.1 Overview & Learning Outcomes

5.2 PROJECT #1: Guess My Number

5.3 What’s the DOM and DOM Manipulation

5.4 Selecting and Manipulating Elements

5.5 Handling Click Events

5.6 Implementing the Game Logic

5.7 Manipulating CSS Styles

5.8 Coding Challenge #1

5.9 Implementing Highscores

5.10 Refactoring Our Code: The DRY Principle

5.11 PROJECT #2: Modal Window

5.12 Working With Classes

5.13 Handling an “Esc” Keypress Event

5.14 PROJECT #3: Pig Game

5.15 Rolling the Dice

5.16 Switching the Active Player

5.17 Holding Current Score

5.18 Resetting the Game

Lesson Content

0% Complete 0/13 Steps

6.1 Overview & Learning Outcomes

6.2 An High-Level Overview of JavaScript

6.3 The JavaScript Engine and Runtime

6.4 Execution Contexts and The Call Stack

6.5 Scope and The Scope Chain

6.6 Scoping in Practice

6.7 Variable Environment: Hoisting and The TDZ

6.8 Hoisting and TDZ in Practice

6.9 The this Keyword

6.10 The this Keyword in Practice

6.11 Regular Functions vs. Arrow Functions

6.12 Primitives vs. Objects (Primitive vs. Reference Types)

6.13 Primitives vs. Objects in Practice

Lesson Content

0% Complete 0/24 Steps

7.1 Overview & Learning Outcomes

7.2 Destructuring Arrays

7.3 Destructuring Objects

7.4 The Spread Operator (…)

7.5 Rest Pattern and Parameters

7.6 Short Circuiting (&& and ||)

7.7 The Nullish Coalescing Operator (??)

7.8 Logical Assignment Operators

7.9 Coding Challenge #1

7.10 Looping Arrays: The for-of Loop

7.11 Enhanced Object Literals

7.12 Optional Chaining (?.)

7.13 Looping Objects: Object Keys, Values, and Entries

7.14 Coding Challenge #2

7.15 Sets

7.16 Maps: Fundamentals

7.17 Maps: Iteration

7.18 Summary: Which Data Structure to Use?

7.19 Coding Challenge #3

7.20 Working With Strings – Part 1

1 of 2

Lesson Content

0% Complete 0/13 Steps

8.1 Overview & Learning Outcomes

8.2 Default Parameters

8.3 How Passing Arguments Works: Value vs. Reference

8.4 First-Class and Higher-Order Functions

8.5 Functions Accepting Callback Functions

8.6 Functions Returning Functions

8.7 The call and apply Methods

8.8 The bind Method

8.9 Coding Challenge #1

8.10 Immediately Invoked Function Expressions (IIFE)

8.11 Closures

8.12 More Closure Examples

8.13 Coding Challenge #2

Lesson Content

0% Complete 0/27 Steps

9.1 Overview & Learning Outcomes

9.2 Simple Array Methods

9.3 The new at Method

9.4 Looping Arrays: forEach

9.5 forEach With Maps and Sets

9.6 PROJECT: “Bankist” App

9.7 Creating DOM Elements

9.8 Coding Challenge #1

9.9 Data Transformations: map, filter, reduce

9.10 The map Method

9.11 Computing Usernames

9.12 The filter Method

9.13 The reduce Method

9.14 Coding Challenge #2

9.15 The Magic of Chaining Methods

9.16 Coding Challenge #3

9.17 The find Method

9.18 Implementing Login

9.19 Implementing Transfers

9.20 The findIndex Method

1 of 2

Lesson Content

0% Complete 0/13 Steps

10.1 Overview & Learning Outcomes

10.2 Converting and Checking Numbers

10.3 Math and Rounding

10.4 The Remainder Operator

10.5 Numeric Separators

10.6 Working with BigInt

10.7 Creating Dates

10.8 Adding Dates to “Bankist” App

10.9 Operations With Dates

10.10 Internationalizing Dates (Intl)

10.11 Internationalizing Numbers (Intl)

10.12 Timers: setTimeout and setInterval

10.13 Implementing a Countdown Timer

Lesson Content

0% Complete 0/21 Steps

11.1 Overview & Learning Outcomes

11.2 PROJECT: “Bankist” Website

11.3 How the DOM Really Works

11.4 Selecting, Creating, and Deleting Elements

11.5 Styles, Attributes and Classes

11.6 Implementing Smooth Scrolling

11.7 Types of Events and Event Handlers

11.8 Event Propagation: Bubbling and Capturing

11.9 Event Propagation in Practice

11.10 Event Delegation: Implementing Page Navigation

11.11 DOM Traversing

11.12 Building a Tabbed Component

11.13 Passing Arguments to Event Handlers

11.14 Implementing a Sticky Navigation: The Scroll Event

11.15 A Better Way: The Intersection Observer API

11.16 Revealing Elements on Scroll

11.17 Lazy Loading Images

11.18 Building a Slider Component: Part 1

11.19 Building a Slider Component: Part 2

11.20 Lifecycle DOM Events

1 of 2

Lesson Content

0% Complete 0/22 Steps

12.1 Overview & Learning Outcomes

12.2 What is Object-Oriented Programming?

12.3 OOP in JavaScript

12.4 Constructor Functions and the new Operator

12.5 Prototypes

12.6 Prototypal Inheritance and The Prototype Chain

12.7 Prototypal Inheritance on Built-In Objects

12.8 Coding Challenge #1

12.9 ES6 Classes

12.10 Setters and Getters

12.11 Static Methods

12.13 Coding Challenge #2

12.14 Inheritance Between “Classes”: Constructor Functions

12.15 Coding Challenge #3

12.16 Inheritance Between “Classes”: ES6 Classes

12.17 Inheritance Between “Classes”: Object.create

12.18 Another Class Example

12.19 Encapsulation: Protected Properties and Methods

12.20 Encapsulation: Private Class Fields and Methods

12.21 Chaining Methods

1 of 2

Lesson Content

0% Complete 0/15 Steps

13.1 Overview & Learning Outcomes

13.2 Project Overview

13.3 How to Plan a Web Project

13.4 Using the Geolocation API

13.5 Displaying a Map Using Leaflet Library

13.6 Displaying a Map Marker

13.7 Rendering Workout Input Form

13.8 Project Architecture

13.9 Refactoring for Project Architecture

13.10 Managing Workout Data: Creating Classes

13.11 Creating a New Workout

13.12 Rendering Workouts

13.13 Move to Marker On Click

13.14 Working with localStorage

13.15 Final Considerations

Lesson Content

0% Complete 0/23 Steps

14.1 Overview & Learning Outcomes

14.2 Asynchronous JavaScript, AJAX and APIs

14.3 Important: API URL Change

14.4 Our First AJAX Call: XMLHttpRequest

14.5 How the Web Works: Requests and Responses

14.6 Welcome to Callback Hell

14.7 Promises and the Fetch API

14.8 Consuming Promises

14.9 Chaining Promises

14.10 Handling Rejected Promises

14.11 Throwing Errors Manually

14.12 Coding Challenge #1

14.13 Asynchronous Behind the Scenes: The Event Loop

14.14 The Event Loop in Practice

14.15 Building a Simple Promise

14.16 Promisifying the Geolocation API

14.17 Coding Challenge #2

14.18 Consuming Promises with Async/Await

14.19 Error Handling With try…catch

14.20 Returning Values from Async Functions

1 of 2

Lesson Content

0% Complete 0/15 Steps

15.1 Overview & Learning Outcomes

15.2 An Overview of Modern JavaScript Development

15.3 An Overview of Modules in JavaScript

15.4 Exporting and Importing in ES6 Modules

15.5 Top-Level await (ES2022)

15.6 The Module Pattern

15.7 CommonJS Modules

15.8 A Brief Introduction to the Command Line

15.9 Introduction to NPM

15.10 Bundling With Parcel and NPM Scripts

15.11 Configuring Babel and Polyfilling

15.12 Review: Writing Clean and Modern JavaScript

15.13 Let’s Fix Some Bad Code: Part 1

15.14 Declarative and Functional JavaScript Principles

15.15 Let’s Fix Some Bad Code: Part 2

Lesson Content

0% Complete 0/27 Steps

16.1 Overview & Learning Outcomes

16.2 Section Roadmap

16.3 Project Overview and Planning (I)

16.4 Latest Code Updates (Parcel v2 and more)

16.5 Loading a Recipe from API

16.6 Rendering the Recipe

16.7 Listening For load and hashchange Events

16.8 The MVC Architecture

16.9 Refactoring for MVC

16.10 Helpers and Configuration Files

16.11 Event Handlers in MVC: Publisher-Subscriber Pattern

16.12 Implementing Error and Success Messages

16.13 Implementing Search Results – Part 1

16.14 Implementing Search Results – Part 2

16.15 Implementing Pagination – Part 1

16.16 Implementing Pagination – Part 2

16.17 Project Planning II

16.18 Updating Recipe Servings

16.19 Developing a DOM Updating Algorithm

16.20 Implementing Bookmarks – Part 1

1 of 2

Lesson Content

0% Complete 0/6 Steps

17.1 Overview & Learning Outcomes

17.2 Simple Deployment With Netlify

17.3 Setting Up Git and GitHub

17.4 Git Fundamentals

17.5 Pushing to GitHub

17.6 Setting Up Continuous Integration With Netlify

Course Content

Popular Courses

Course Categories

Company

Contact

Learning Portal

(02) 7259 9656

Current Status

Price

Get Started

Course Content

Current Status

Price

Get Started

Course Content