Learn to Make a Website
with CodeCademy
Lesson 15: Introduction to JavaScript
Instruction Overview
Understand
- JS is the one of the most important languages to know for modern web developers
- How does JS play with HTML and CSS
Apply
- Start CodeCademy Introduction to JavaScript and complete exercises 1.1-1.6
- Practice console.log and concatenation in CodePen
Create
- Write a story using console.log and concatenation
For the instructor's eyes only
Welcome to the world of real coding with JavaScript
What is JS?
How does it help us build
awesome websites?
JS gives websites life
It allows us to make dynamic web pages that can interact with the user.
JS can...
- change websites on the fly
JS gives websites life
It allows us to make dynamic web pages that can interact with the user.
JS can...
- change websites on the fly
- do math for you
JS gives websites life
It allows us to make dynamic web pages that can interact with the user.
JS can...
- change websites on the fly
- do math for you
- let you to make complex
web apps
Class goals
☐ Start the Intro to Javascript CodeCademy course and complete exercises 1.1-1.6
☐ Write your own story in CodePen using JS
Let's log onto CodeCademy
Head over to www.codecademy.com
Click Log In
Once logged in, click Catalog
Find Introduction to JavaScript and start course
Task
☐ Complete 1.1 (What is JavaScript) to 1.4 (Data types)
☐ Open new CodePen project
10 min
We can use CodePen to practice JS
First, enable console
Next, disable auto-updating
Practice with console.log (make sure to press run every time)
- Print your name to the console using console.log
- Print your age on a separate line
- Print a sentence that combines your name and age into one
Task
☐ Complete 1.5 (Arithmetic Operators) and 1.6 (String Concatenation)
10 min
Class goals
☑ Start the Intro to Javascript CodeCademy course and complete exercises 1.1-1.6
☐ Write your own story in CodePen using JS
Task
☐ Write a short story in CodePen
10 min
Your story must contain:
- A combination of strings and numbers
- Use concatenation to combine strings together
- Use math somewhere
Class goals
☑ Start the Intro to Javascript CodeCademy course and complete exercises 1.1-1.6
☑ Write your own story in CodePen using JS
👏🏿