Cancel

Webmaking 101: Build your own Website with HTML, CSS, Javascript and WordPress

Save
Share
42 Videos (4h 3m)
  • Unit 0: The Internet's Interesting Internals

    • Trailer

      01:17

    • Understanding the Internet 1

      03:50

    • Understanding the Internet 2

      06:38

    • Get Your Free Domain and Web Hosting

      08:05

  • Unit 1: What in the World is the Web

    • Interoperability

      03:03

    • Hyperlinks

      02:18

    • Plaintext vs. Rich Text

      01:11

    • Advanced Plaintext Editor - Brackets

      03:10

    • Loading Plaintext in a Browser

      04:32

    • Frontend vs. Backend

      01:44

    • FTP Upload

      10:26

  • Unit 2: HTML - The Bones of a Website

    • Teaching Browsers to Understand

      02:02

    • Anatomy of a Webpage

      04:05

    • Live Editing with ShiftEdit

      07:59

    • HTML Syntax Lesson 1 - Tags

      06:14

    • HTML Exercise

      07:38

    • HTML Exercise Review

      05:15

    • HTML Syntax Lesson 2 - Attributes

      02:19

    • HTML Links

      08:37

    • HTML Syntax Lesson 3 - Nesting

      03:43

    • HTML Document Structure

      06:17

    • HTML Tips and Secrets

      18:20

  • Unit 3: CSS - Coding with Style

    • CSS and HTML Sitting in a Tree

      03:45

    • CSS Syntax 1: Properties and Values

      04:12

    • CSS Syntax 2: Multiple Declarations

      03:17

    • CSS Syntax 3: Selectors

      03:52

    • CSS Syntax 4: Classes

      07:53

    • Introduction to the DOM

      05:16

    • Chrome DOM Inspect

      00:37

    • Firefox DOM Inspect and Firebug

      04:14

    • Internet Explorer DOM Inspect

      02:17

    • Safari Mac DOM Inspect

      02:10

    • Safari Windows DOM Inspect

      01:30

    • Using the DOM Inspect Tool

      08:39

  • Unit 4: Interactivity with Scripting

    • Intro to Scripting

      02:12

    • Javascript Variables

      03:55

    • Javascript Strings

      02:38

    • The Javascript 'if' Condition

      06:46

    • The Javascript 'else' Condition

      03:17

    • Backend Scripts

      02:34

    • PHP

      07:04

  • Unit 5: Impress with WordPress

    • Unit 5 Lecture

      48:15

Class Project: Build a working website (yourname.com) and learn how to run it!

Assignment Details

758

Students

122

Projects

About This Class

Unlike other courses, this class aims to make you comfortable with the concepts, tools and practices of webmaking. We will give overviews before going into details using lots of video, metaphors, illustrations, and tests. After four weeks, you will feel confident and ready to make things happen! This course... Read More