• 38 Lesson

  • 8 hours to complete

  • Beginner-friendly

Course curriculum

  • 1

    Introduction

    • Objectives, expectations and deliverables

    • Software/ accounts to prepare

    • Getting Help and Conduct

    • Before we begin...

  • 2

    Chapter 2: UI

    • My understanding of UI

    • Introduction

    • Prior Knowledge, Chapter Objectives and Overview

    • What is UI?

    • Quiz on UI

    • What is Information Architecture?

    • Activity 1: Try your hand at card sorting!

    • Activity 1: Submission (Card sort)

    • Activity 2: Tree Jack

    • Activity 2: Submission (Tree jack)

    • Visual Design Principles

    • Activity 3: Moodboard Submission

    • Designing Wireframes on Figma

    • Activity 4: Submit Figma Link!

    • UI Exit Card

  • 3

    Chapter 3: Building a (no-code) website

    • My understanding of web development

    • Chapter Objectives and Overview

    • Overview of web application development

    • No-code platforms

    • Unpeeling the anatomy of a website

    • Checkpoint: What makes no-code attractive?

    • Elements of a landing page

    • Sitemap: website architecture/ hierachy

    • Activity: Hierachy in webpages

    • Elements of a website

    • Summary Project: Recreate Elevate the Streets, CareerContact OR a project of your choice

    • Capstone project: website submission

    • Jumping ahead - SEO!

    • Web Development Exit Card

    • Bonus: making your first code-based website with Github Pages

    • How should I choose a no-code site builder?

  • 4

    Optional Modules: further exploration into no-code

    • Overview of no-code platforms covered

    • Floral Horizon's Inventory/ Catalog on Notion

    • Rockstone-Audio's Google My Business Site