Welcome to Web Programming I

Are you interested in exploring computer programming and web development?

This course is designed for people who have no programming experience. It is not a comprehensive, in-depth course in programming or web development. Rather, it's a quick overview that exposes you to programming fundamentals and technologies used in web development. Once you complete this course, you will be in a good position to learn just about any programming language.

It really helps to have 2 monitors when you are following along with the video activities. You can put the video in one monitor, and you can enter your code in the other one.

HTML

  1. Hello World! - Create your first web page in just a few minutes!
  2. Getting Set Up for the Course
  3. Overview of HTML
  4. Block and Inline Elements
  5. Self-Closing Tags
  6. Attributes
  7. Doing the worksheets
  8. Lists
  9. Relationships
  10. Hyperlinks
  11. Images and Video
  12. Tables
  13. Forms
  14. Odds and Ends
  15. Semantic Layout Elements

CSS

  1. Overview of CSS
  2. Selectors
  3. Layout Activity
  4. Fonts and Colors
    1. TODO: OPTIONAL: Primp my list (see week 5 folder)
  5. Inheritance and Specificity
  6. The CSS Box Model
  7. Flexbox
  8. Absolute Positioning
  9. OPTIONAL: CSS Positioning
  10. Media Queries
    1. TODO: OPTIONAL: CSS Page Layout Activity (see week 5 folder)

JavaScript

  1. Introducing JavaScript
  2. Variables and Data Types
  3. The Coding Problems
  4. 3 Ways to Embed JavaScript Code into a Web Page
  5. Functions
  6. The Debugger
  7. Adding Comments
  8. IF Statements
  9. Operators
  10. More on Functions, IF Statements and Operators
  11. Variable Scope
  12. Objects
  13. Methods
  14. DOM Objects
  15. Arrays
  16. Loops
  17. More on Loops
  18. Events (and Handling Them)
  19. Create an Image Gallery (from scratch!)