About This Course

You will learn how to structure your HTML and apply basic CSS styling. Also, with JavaScript, you will write logics that will handle events and change the counter color based on positive or negative numbers displayed on the page.

Modules

Creating the App Structure with HTML and CSS

In this lesson, you will use a markup from scratch to create the counter homepage.

0 / 6 Steps

Steps Expand Icon

Project Introduction

Declare Basic Structure With HTML

Styling the Counter

Styling the Button

Adding Outline and Padding

Pushing the Project to GitHub

Adding Javascript Functions

By now, you should have the counter structure on your page. In this section, you will learn how to add JavaScript functionality so that when the user clicks, the number will increase or decrease.

0 / 4 Steps

Steps Expand Icon

Moving Forward with Javascript

Work-through Functions and Structure

Counter Function

Updating Counter