Sie sind auf Seite 1von 35

WEEK 2

Javascript Intro
DAY 1
OBJECTIVE 1

Review HTML & CSS

DEBUG CHALLENGE JAVASCRIPT INTRO WKSHT

Collaborate!
DAY 1
OBJECTIVE 2
Overview of Javascript
JS stands for: Javascript

JS is used to: Build interactive content on webpages

JS syntax includes: Curly Brackets { }, Square Brackets { }

Semicolons; commas, colons: parenthesis ( )

Variables, Functions, Methods, Loops, etc.


DAY 1
OBJECTIVE 2
Overview of Javascript
Take Notes Get through as much as we can
DAY 1
SUMMARY
JAVASCRIPT

1 Reviewed HTML & CSS

2 Learned what JS is

3 Started taking notes on JS syntax


DAY 2
OBJECTIVE 1
Create a Scratch account
scratch.mit.edu

Use hta username &


password to
remember easily
DAY 2
OBJECTIVE 2
Navigate Scratch
DAY 2
OBJECTIVE 3: EXIT TICKET
Do a Tutorial of your choice

Choose
any one
of these
DAY 2
OBJECTIVE 3: EXIT TICKET
Set up your sharing settings
DAY 2
OBJECTIVE 3: EXIT TICKET
Once you’ve set up your sharing settings, you can
copy & paste the url to your game in gradpoint for this
assignment
DAY 1
SUMMARY
SCRATCH

1 Signed up for Scratch Account

2 Navigated Scratch editor

3 Set up Sharing Settings in Scratch

4 Complete a Scratch Tutorial


DAY 3
OBJECTIVE 1

Finish Notetaking on Javascript


DAY 3
OBJECTIVE 2
Complete the debugging challenge
DAY 3
SUMMARY
JAVASCRIPT

1 Completed notes on Javascript

2 Debugged first Javascript Code


DAY 3
REMINDER
Complete your scratch tutorial & resume by the end of
this week!

JAVASCRIPT SCRATCH PROGRAM


DEVELOPER

2 1 1
WEEK 1
Organization & Introduction to
Coding
DAY 1
OBJECTIVE 1
Create a Gaming Folder in Google Drive, do not share
but ALLOW editing access
D1
OBJECTIVE 1
Create a Gaming Folder in Google Drive, do not share
but ALLOW editing/comment access
D1
OBJECTIVE 2
Add Editey to your Google Apps
D1
OBJECTIVE 3
Create your first program using HTML

HTML stands for: Hypertext Markup Language

HTML is used to: Build content on webpages

HTML syntax includes: Angle Brackets < >

Open tag <head>, Close tag </head>


D1
OBJECTIVE 3
Create your first program using HTML

Step 1 Open a new Editey file


D1
OBJECTIVE 3
Create your first program using HTML
Open all files within your new Editey
Step 2
workspace

Hold shift + click


on all 3 files
D1
OBJECTIVE 3
Learn parts of Editey, some html, and why grammar is
important
D1
OBJECTIVE 4: EXIT TICKET
Debug your first program in HTML

Bookmark Link to: CODING SOLUTIONS DOC (in gradpoint)

TURN IN YOUR EXIT Make sure your NOTES & TASK are fully
TICKET complete.
D1
SUMMARY
ORGANIZATION

1 Organized your folders for class

2 Added editey in your google apps

Learned what HTML is & debugged first


3
program
DAY 2
OBJECTIVE 1
Follow Dr. T through the syllabus & course
expectations.
D2
OBJECTIVE 2: EXIT TICKET
Sign Learning Agreement & Confirm Organization
Standards Achieved
Add a screenshot of your folder organization with your ID picture
Learning Agreement showing in the learning agreement

My Drive > Gaming Fall 17 > Week 1


D2
SUMMARY
ORGANIZATION

1 Understand class expectations

2 Signed the learning agreement

3 Confirmed organization for class


DAY 3
OBJECTIVE 1
Explore your first coding project: WEBSITE RESUME
D3
OBJECTIVE 2
HTML: header tags, paragraph tags, image tags
D3
OBJECTIVE 3
CSS: style tags, paragraph tags, image tags

CSS stands for: Cascading Style Sheet

HTML is used to: Stylize the content on a webpage

HTML syntax includes: Curly Brackets { }

CSS Properties: Color, Background, Layout,


Font, etc.
D3
OBJECTIVE 3
CSS: color, font, & background properties
D3
OBJECTIVE 3
CSS: color, font, & background properties
D3
OBJECTIVE 4: EXIT TICKET

Complete notes & start resume.


Add a screenshot of your resume editey file with your username
Gradpoint showing in the learning agreement
D3
SUMMARY
ORGANIZATION

1 Understand Resume Project

2 Understand what CSS is

Know how to use CSS properties: font, color,


3
background

Das könnte Ihnen auch gefallen