Coding for beginner’s. Code a calculator

What you will learn

Code in JavaScript from scratch

Showcase your work to potential employers

Code more advanced projects in JavaScript

Description

Hi and welcome to ” Let’s JavaScript! “.  

My name is Kauress and you may know me from the “Introduction to git” class on SitePoint. I have been teaching JavaScript to beginners since 2014.  Code  your way into learning JavaScript with me in this project!

Goal of the project series: 

To  teach the basic constructs of JavaScript by coding projects.

The project:

This is a complete hands on series and the projects we will be coding are:

1.  A  single operation calculator:   The calculator allow you to add,  subtract, multiply and divide 2 numbers with or without a decimal point. Our calculator will also have A backspace and clear feature. Our calculator  will automatically start new calculations after the equal to operator is  clicked. Eval has not used!

What are the per-requisites?

1. HTML

2. CSS

3. Basic know how of JavaScript theory

This series assumes little to NO knowledge of coding in JavaScript.

This project series is best suited to those that have had little exposure to JavaScript in the way of reading material and basic definitions but have no real experience coding in JavaScript.

What if I am an absolute beginner? :

Now if you have absolutely no exposure to JavaScript in any way shape or form, you may still do the projects.  You can extend your learning experience by referencing basic definitions and, other reading material along with the content provided in each project

When
you finish this course, you will be able to:

1.Code in JavaScript from scratch
2.Showcase your work to potential employers

3.Carry on to do intermediate level projects in JavaScript

What tools do I need to do the projects? :

1. Internet

2. Code editor such as Sublime, Atom or VS Code

English

Language

Content

Introduction

About – Promo

Who is this for?

What will I get out of this project series?

Recommended Route

Structure of series


Get Instant Notification of New Courses on our Telegram channel.


Structure of an individual project

Theory

DOM: Introduction

DOM: Properties & Methods

DOM: Navigation

JavaScript Syntax

Setting Up

Course Assets

Setting up for the project

Calculator Project

Download starter project folder

Introduction

HTML & CSS

Global Variables: Part 1

Global Variables: Part 2

function setValue(number): Part 1

function setValue(number): Part 2

function oppClick(numericCode): Part 1

function oppClick(numericCode): Part 2

function equalClick( ): Part 1

function equalClick( ): Part 2

function clearButton( )

function backspace( ): Part 1

function backspace( ): Part 2

function setDecimal( ): Part 1

function setDecimal( ): Part 2

function setOppString( )

Conclusion

Conclusion