Course Overview
Course Website
Syllabus_2016
Resources & Helpful Links
This Week’s Assignment(s):
- Review: PowerPoint-What is Big Data?
- Complete: Questions for What is Big Data PowerPoint
- Start: Unit 2, Lesson 2 – Images (scroll down to see below)
UNIT 2: COMPUTATIONAL ARTIFACTS
In this unit, students are introduced to the first computational artifact types: those that are primarily text-based. It does so by introducing the Google Docs document editor to illustrate creating text-based documents, to illustrate cloud-based applications, and to illustrate the important idea that computing facilitates collaboration (which Google Docs is designed to do). It also introduces the concept of meta data by showing the metadata kept in documents. The assignment has students create a text-based Google Doc and save it in .txt, .docx, and .pdf formats. It then has the students examine properties of the three formats including: files size and metadata. One of the video lectures is dedicated to showing how to do this assignment.
LESSON 1: Documents
Learning Materials:
- Read: Computing as a Creative Activity and Computational Artifacts
- Watch: Google Drive Tutorial 1 – Intro and Storing Documents [15:32]
- Watch: Google Drive Tutorial 2 – Creating Documents [24:05]
- Watch: Google Drive Tutorial 3 – Collaborating With Google Drive [11:49]
- Watch: Digital Compression [3:23]
- Read: Data Compression
- Watch: Document File Formats [21:00]
- Watch: Compressed (zip) File Formats [4:44]
Assessments:
- Practical Assignment: Documents | Grading Rubric
- Quiz: Data Types
LESSON 2: Images
Learning Materials:
- Watch: Pixels and Images [5:49]
- Read: How to use Pixlr
- Watch: Pixlr Tutorial [1:21:00 hour]
- Watch: Image File Formats [09:13]
- Read: Exif Image Metadata
Assessments:
- Practical Assignment:
LESSON 3: Video and Audio
Learning Materials:
- Read: YouTube
- Watch: YouTube Video Editor Tutorial [7:20]
- Watch: Meet the YouTube Video Editor [2:03]
- Read: YouTube Video Editor Help
Assessments:
- Practical Assignment: Video Editing and Production | Grading Rubric
UNIT 6: WEB PROGRAMMING (4th Quarter)
LESSON 1: HTML Basics, Lists, and Images
In this lesson, students will learn the basics of creating an HTML web page. They will complete Khan Academy videos and challenges to learn HTML web programming concepts and tags.
Learning Materials:
Sign in to Khan Academy before completing the following tutorials.
- Watch: Welcome to the Web! [2:47]
- Watch: HTML Basics [4:43]
- Read: Quick Tip: HTML Tags
- Do: Challenge: Write a Poem
- Watch: HTML: Text Emphasis [2:04]
- Do: Challenge: You can learn text tags
- Watch: HTML: Lists [2:50]
- Do: Challenge: Your learning list
- Watch: HTML: Images [4:43]
- Do: Challenge: A picture perfect trip
Optional Readings: W3CSchools.com is a good resource for learning and practicing HTML – it provides more detailed tutorials, explanations, and examples for the HTML basics learned in the videos.
Assessments:
- Practical Assignment: Web 1 – HTML Basics | Grading Rubric
- Quiz: HTML Basics
LESSON 2: HTML Links; CSS Basics, IDs, Classes
In this lesson, students will learn the basics of using CSS to style a web page. They will complete Khan Academy videos and challenges to learn about HTML links and CSS IDs and classes.
Learning Materials:
Sign in to Khan Academy before completing the following tutorials.
- Watch: CSS Zen Garden [1:30]
- Watch & Do: Intro to CSS (do first 7 items), including:
- Watch: CSS Basics [5:06]
- Read: Quick Tip: Selecting by tag name
- Do: Challenge: Colorful creature
- Watch: CSS: Selecting by ID [4:24]
- Watch: Challenge: Seasonal IDs
- Watch: CSS: Selecting by class [3:59]
- Do: Challenge: Apples and bananas classes
- Read: Three Ways to Insert CSS (internal, external, inline)
- Watch & Do: More HTML Tags (do first 4 items), including:
- Watch: HTML Links [4:55]
- Do: Challenge Links you love
- Watch: HTML Internal Links [2:17]
- Do: Challenge: Jump around
- Watch: Web Programming 2 – Assignment Tips [13:30]
Optional Readings: W3CSchools.com is a good resource for learning and practicing HTML – it provides more detailed tutorials, explanations, and examples for the HTML basics learned in the videos.
Assessments:
- Practical Assignment: Web 2 – CSS Basics | Grading Rubric
- Quiz: CSS Basics
LESSON 3: HTML Tables; CSS Text Styling
In this lesson, students will continue learning HTML and CSS for web programming. They will complete Khan Academy videos and challenges to learn about HTML tables and CSS text styling.
Learning Materials:
Sign in to Khan Academy before completing the following tutorials.
- Watch & Do: More HTML Tags (do last 3 items – skip recipe book project), including:
- Watch: HTML Tables [4:35]
- Do: Challenge: The Dinner Table
- Watch: HTML Comments [2:29]
- Watch & Do: CSS Text Properties (skip zen garden, quiz, and blog project), including:
- Watch: CSS Font-family property [3:47]
- Do: Challenge: Fancy font families
- Watch: CSS Font-size property [2:59]
- Do: Challenge: Great Big Font Sizes
- Watch: CSS Font styles and shorthand [1:55]
- Do: Challenge: Famous font formats
- Watch: More CSS Text Properties [2:34]
- Watch: CSS Inheritance [1:21]
- Watch: Web Programming 3 – Assignment Tips [10:35]
Optional Readings: W3CSchools.com is a good resource for learning and practicing HTML – it provides more detailed tutorials, explanations, and examples for the HTML basics learned in the videos.
Assessments:
- Practical Assignment: Web 3 – Tables and Text Styling | Grading Rubric
- Quiz: Tables and Text Styling
LESSON 4: CSS Layout
In this lesson, students will learn how to layout a web page using the CSS. They will complete Khan Academy videos and challenges to learn about the CSS box model (margins, padding, borders, etc.). Learning Materials:
Sign in to Khan Academy before completing the following tutorials.
- Watch & Do: CSS Layout (do first 11 items), including:
- Watch: CSS Grouping Elements [4:13]
- Do: Challenge: Group the groupers
- Watch: CSS width, height, and overflow [3:53]
- Do: The overflowing ocean
- Watch: CSS Box Model [5:55]
- Do: Challenge: The boxer model
- Watch: CSS Position [5:19]
- Do: Challenge: Position Planet
- Watch: CSS in the Wild: Google Maps [2:12]
- Watch: CSS Floating Elements [3:08]
- Do: Challenge: Floating Clouds
- Read: Meet Computer Science Professional: Sarah Northway
- Watch: Web Programming 4 – Assignment Tips [14:53]
Optional Readings: W3CSchools.com is a good resource for learning and practicing HTML – it provides more detailed tutorials, explanations, and examples for the HTML basics learned in the videos.
Assessments:
- Practical Assignment: Web 4 – Layout | Grading Rubric
- Quiz: CSS Layout
LESSON 5: HTML Video, Meta Tags, Validation
In this lesson, students will learn about web page meta data for title, keywords, author, etc. and learn the importance of adhering to HTML standards. In the assignment, students will put the finishing touches on their computing innovations website. They will add several items such as HTML meta tags, videos, and dynamic javascript code. They will also validate their website code to ensure that it meets the HTML and CSS standard guidelines. Learning Materials:
Sign in to Khan Academy before completing the following tutorials.
- Read: W3Schools Head
- Watch: HTML Validation [2:20]
- Do: Validation Self-Test
- Read: W3Schools youTube Video In HTML
- Read: Adding Javascript To HTML
- Read: HTML and CSS – What To Learn Next
- Watch: What Is Programming [2:23]
- Read: Learn Computer Programming At Khan Academy
- Read: Meet Computer Science Professional: Marcos Ojeda
Optional Readings: W3CSchools.com is a good resource for learning and practicing HTML – it provides more detailed tutorials, explanations, and examples for the HTML basics learned in the videos.
Assessments:
- Practical Assignment: Web 5 – Meta Tags, Validation, Javascript | Grading Rubric
- Quiz: Meta Tags, Validation, Javascript
LESSON 6: Final Project – Computing Innovations
In this lesson, students complete their course-long computing innovations project. At this point, they should have completed their website which includes artifacts created throughout the course. They will use skills learned during the course to create a video presentation of their website. Learning Materials:
- Watch: Screencastify [2:54]
- Watch: Final Project Described [14:17]
Assessments:
- Practical Assignment:
Leave a Reply