1. Unit One: JavaScript Programming

2. Guess the website game

3. Guess the website

4. Guess the website

5. Guess the website

6. Guess the website

7. Guess the website

8. Guess the website

9. Guess the website

10. Guess the website

11. What do all these websites have in
common?
They all use JavaScript

12. What is JavaScript?

JavaScript is a popular programming
language that's built into all the major web
browsers and used to make web pages
interactive

13. What do we use to help us program
in JavaScript?

Algorithms

Variables

Flowcharts

14. Algorithms

An algorithm is a step by step procedure for
calculations

Algorithms can be used to create a set of
instructions to solve a problem – These are
called Programs and are executed by
computers.

15. Algorithm Example

16. Variables

In programming, a variable is a value that can
change, depending on conditions or on
information passed to the program.

Sometimes in writing a program, one value that
may be included could be a constant which
means it's value doesn't not change.

17. Flowcharts

18. Rules of creating a Flowchart

Use a start box at the beginning and stop box
at the end.

Connect all symbols with flow lines.

Flowchart is read from top to bottom as shown
by the flow lines.

Mark a decision box with either a “Yes” or
“No.”

19. Flowchart Examples
Finding the total marks from 2 tests
1.Take the marks of one test (we shall call it
marks1.)
2.Take the marks of a second test (we shall call it
marks2.)
3.Add marks1 and marks2 ( so it would show as
result=marks1 + marks2.)
4.The result is then shown based on the
information entered.

20. Finding the total marks from
2 tests
1.Take the marks of one test
(we shall call it marks1.)
2.Take the marks of a
second test (we shall call it
marks2.)
3.Add marks1 and marks2
( so it would show as
result=marks1 + marks2.)
4.The result is then shown
based on the information
entered.

21. Flowchart example 2
In pairs of two, try to create a flowchart based on
this Algorithm
Find the perimeter of a square.
1.The Input is Length and Breadth
2. The process to be created is area = Length x
Breadth, Perimeter = 2 x (Length x Breadth)
3.The output is display area and display perimeter