A WebQuest on coding

1. Computer Programming &
Coding
A WebQuest
MS207

2. The Basic Building Blocks of the WWW
• JavaScript (JS)
• HyperText Markup
Language (HTML)
• Cascading Style Sheets
(CSS)

3. HTML
• You use HTML to create
the actual content of
the page, this means in
HTML you define the
basic structure and the
contents of a website.

4. CSS
• CSS is responsible for
the Design of the
Webpage, how every
thing looks, and where
it is on the page.

5. Javascript
• Javascript is responsible
for everything that has
to change or get
animated after the
website loaded, for
example, you can create
a button that makes
text disappear when
you click on it.

6. JavaScript
• Created by Brendan
Eich in 1995
• Worked for Mozilla
• Hired to create a new
language for the Mozilla
NetScape Browser
• ECMAScript 6 (released
in June 2015) is the
latest official version of
JavaScript

7. Fundamentals of Computer
Programming
• Loops
• Functions & Variables
• Conditional Statements (IF/ELSE)

8. How are algorithms used in coding?
• Algorithms are a list of steps that you can
follow to finish a task.

9. How do you create a program?
• Program – an algorithm that has been coded
into something that can be run by a machine.

10. What does binary mean?
• A way of representing
information using only
two options.
• 8 binary digits or bits = 1
byte
• In mathematics and
digital electronics, a
binary number is a
number expressed in the
binary numeral system or
base-2 numeral system
which represents numeric
values using two different
symbols: typically 0 (zero)
and 1 (one).

11. What is a Pixel?
• RGB values are between
0-255.
• Each color (Red, Green,
Blue) is represented by
binary digits.
• 8 bits = 1 byte
• The pixel (a word
invented from "picture
element") is the basic unit
of programmable color on
a computer display or in a
computer image.

12. Who invented Blockly?
• Neil Fraser started the
project with Quynh
Neutron, Ellen Spertus
and Mark Friedman as
contributors.
• The first public release
was at Maker Faire in May
2012.
• Blockly uses blocks that
link together to make
writing code easier, and
can generate JavaScript.

13. Why Paired Programming?
• One, the driver, writes code while the other,
the navigator, reviews each line of code as it
is typed in. The two programmers switch roles
frequently.
• “Two heads are better than one”.
• Pairs think of more design options than
programmers working alone.
• Pairs are more likely to catch errors earlier