Palmetto Innovation Center

Calculator

In this course, you will learn how to write code to build a working calculator. The goal is to use this calculator exercise to learn HTML, CSS, and JavaScript.

Additionally, this course is carefully designed to teach any level of developer providing both the coding skills and best practices while building web content. The course is structured in steps beginning with this step: "Step 0 Overview".

Hint: Why start counting the lesson steps at zero?
It is important that you begin to think of numbers starting at 0 and not 1. In computers zero does not always mean "nothing." This will become clearer as you continue your programming career. Just remember, "Computer programmers start counting at zero."

Calculator Prototype

This is a working prototype of the calculator that you will be building.






MR Value: 0


Step 0 - Lesson

Hint: Each page has a Lesson section where you will do all of that step's work.


Instructions

Hint: Each step has an Instructions section you will follow.

  1. To get started, make sure you have Notepad++ installed.
    Get Notepad++

  2. Start by creating this directory structure:

    Documents/CCC/Projects/Calculator

    Documents/CCC/Projects/Documents/Calculator/js

    Documents/CCC/Projects/Documents/Calculator/css

  3. Once the account is set up, Go to Step 1 Writing HTML for instruction on writing the calculator code.


Step 0 - Resources

Hint: Each page has a Resources section for additional help.


Explanation

Hint: Each page has Explanation the changes defined in its step.

Notepad++ is a code editor. Unlike other software, like MS Word and Macintosh Pages, code editors define their charecters using a specific numbering system caled ASCII, abbreviated from American Standard Code.
View all 256 ACSII characters and symbols.

Web pages are accessed over the internet. It is possible to develop this calculator locally on your own computer without the use of the internet, however it is better to learn using an actual web server.

By using an actual server, you will understand the relationships of files and ways to manage their directory structure.

To access your calculator website over the internet, it must reside on an actual web server.

Finally, the W3spaces has an excellent online development environment that will help you learn to write code quicker.

Tools

Hint: Some pages will have additional sections when beneficial.