Hey! Welcome to the course!
  • Welcome!
  • Course Change Log — New Updates to the Course!
  • Resources for the Journey
  • Price Calculator: Discover Your Hourly Rate & Your Income Potential
Introduction to Visual Design
  • Elements & Principles of Visual Design on the Web
  • The "C.R.A.P." Principles
  • Typography Guide for Web Designers
  • The Basics of Colour Theory
  • Designing with Grids on the Web
  • Visual Design Quiz
Designing Websites, Graphics & Interfaces with Figma
  • Figma Project #1: Create a LoFi Wireframe in Figma
Introduction to Adobe Photoshop
  • Section Intro: The 80/20 Rule, Photoshop Basics, and More
  • Creating a New Photoshop Document
  • Photoshop Environment: The Toolbar - Part 1
  • Photoshop Environment: The Toolbar - Part 2
  • Photoshop Environment: Palettes
  • Photoshop Environment: The Menu
  • Photo Enhancement & Manipulation
  • Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial
  • Photoshop Project #2: Design a Business Card + Tutorial
  • Photoshop Quiz
  • Section Outro: Wrap Up, Further Learning & What's Next
Introduction to Web Design (and more Photoshop)
  • Section Intro: Web Design Basics, Wireframing, Photoshop
  • Web Design Terminology: The Jargon the Pros Use
  • The Four Phases of a Web Design Project + Cost Estimates
  • What is User Experience (UX) Design?
  • The Anatomy of a Website Design
  • The 960 Grid System + Free Photoshop Downloads
  • Web Design Project #1: Design a Minimal Landing Page + Tutorial
  • Web Design Project #2: Re-Design a Blog Landing Page
  • Web Design Project #2: Tutorial
  • Web Design Quiz
  • Section Outro: Wrap Up, Further Learning & What's Next
Advanced Web Design Challenge
  • Challenge Intro: How the Challenge Works
  • Discovery Phase: Create a Sitemap
  • Discovery Phase II: Sketch & Wireframe Your Design
  • Creative Phase: Design Your Website in Photoshop
  • Sharing, Collaborating & Getting Feedback on Your Design
  • Challenge Wrap Up & What's Next
Introduction to HTML
  • Section Intro: HTML Fundamentals, First Webpage, Course Files
  • The Basics of HTML: Tags, Attributes, Elements
  • Basic File & Folder Structure of a Website
  • Your Must Have Tool: A Good Code Editor
  • Hello World: Create Your Very First Web Page!
  • HTML Quiz
  • Section Outro: Wrap Up, Further Learning & What's Next
Intermediate HTML
  • Section Intro: HTML Tags, Code a Real Web Page
  • Basic Structure of an HTML Document
  • Heading & Paragraph Tags
  • Using Emphasis & Strong Emphasis
  • Hyperlinks
  • Lists
  • Images
  • Tables
  • Forms
  • HTML Entities & "Special Characters"
  • HTML Project: Code a Basic Web Page + Tutorial
  • Intermediate HTML Quiz
  • Section Outro: Wrap Up, Further Learning & What's Next
Advanced HTML & HTML5
  • Section Intro: Advanced HTML Techniques, HTML5
  • IDs & Classes
  • Span & Div Tags
  • Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time
  • HTML5 Project: Build a Basic HTML5 Web Page + Tutorial
  • Advanced HTML Quiz
  • Section Outro: Wrap Up, Further Learning & What's Next
Expert HTML & HTML5
  • Section Intro: Expert HTML5 techniques
  • New HTML5 Inputs
  • Making Internet Explorer Compatible with HTML5
  • HTML5 Data Attribute
  • Expert HTML Quiz
  • Section Outro: Wrap Up, Further Learning & What's Next
Introduction to CSS
  • Section Intro: Essentials of CSS + Download Course Files
  • What is CSS? All the basics you need to know!
  • Inheritance of Styles
  • Measurements & The Box Model
  • Inline CSS
  • Internal CSS
  • External CSS
  • ID & Class Selectors
  • Descendant Selectors
  • Grouping Selectors
  • Specificity
  • CSS Project: Style an HTML Web Page + Tutorial
  • Section Outro: Wrap Up, Further Learning & What's Next
Intermediate CSS
  • Section Intro
  • Colors
  • Text Styling & Formatting