Welcome-Welcome
Course Overview
()
A Student's Perspective on Learning Programming
()
Resources to Help You Succeed
()
Tips for Learning Programming
()
Using Forums: How to Ask for Help Effectively
()
Module Feedback Surveys
Designing a Web Page with HTML and CSS-Building a Web Page with HTML
Using CodePen
()
Try It! Create Your CodePen Account
What Is HTML?
()
Metadata and Sectioning Elements
()
Try It! Build a “My Interests” Web Page
Formatting Text and Nesting Tags
()
Try It! Format Text
Adding Images and Links
()
Images and Storage
()
Try It! Add Links and Images
Lists and Tables
()
Try It! Create Lists and Tables
Designing a Web Page with HTML and CSS-Styling a Web Page with CSS
How CSS Is Used to Design Web Pages
()
CSS Basics
()
Try It! Style Your Web Page with CSS
Colors and Names in CSS
()
Try It! Customize Your Web Page’s Colors
Designing a Web Page with HTML and CSS-Review
End of Module Survey
Algorithms and Programming Concepts-Computational Thinking
Introduction
()
Everything Is a Number
()
How Is That a Number?
()
Developing an Algorithm
()
A Seven Step Approach to Solving Programming Problems
()
Algorithms and Programming Concepts-Programming Fundamentals with JavaScript
Variables
()
Methods
()
Functions
()
Types
()
DukeLearnToProgram Environment
()
Try It! Using Variables, Methods and Functions
Rampup Programming Exercise - Variables, Methods and Functions
For Loops
()
Try It! Using For Loops
Conditional Execution
()
Rampup: Programming Exercise - Loops and Conditionals
Programming Exercise: Modifying Images
Algorithms and Programming Concepts-Implementing the Green Screen Algorithm
Translating to Code
()
Thinking Critically about Your Program
()
Finding Bugs in Code
()
Programming Exercise: Advanced Modifying Images
Algorithms and Programming Concepts-Review
End of Module Survey
JavaScript for Web Pages-Event-Driven Programming
Introduction
()
Buttons with Divs
()
Try It! Buttons with Divs
Changing Pages Interactively
()
Try It! Change Pages Interactively
Programming Exercise: TODO list
Using HTML5 Canvas
()
Try It! Canvas
Inputs and Events
()
Try It! Inputs and Events
Programming Exercise: An Interactive Paint Canvas
JavaScript for Web Pages-Green Screen Web Page
Upload and Display an Image
()
Try It! Upload and Display an Image
Convert Image to Grayscale
()
Try It! Convert an Image to Grayscale
Moving to CodePen
()
Try It! Green Screen Online
End of Module Survey
MiniProject: Image Filters on the Web-Image Filters on the Web
Introduction
()
MiniProject Part 1
MiniProject Part 2
MiniProject Challenge
MiniProject: Image Filters on the Web-Review
End of Module Survey
MiniProject: Image Filters on the Web-Hiding Data in Images with Steganography
Extra Challenge
Steganography Part I
()
Steganography Part II
()
Steganography Part III
()
Steganography Review
Steganography Coding Example
()
Steganography: Programming Exercise Guide