UI-Web Development Basics
Learn the basics of User Interface Design and various no/low code options to bring your ideas to the world!
Objectives, expectations and deliverables
Software/ accounts to prepare
Getting Help and Conduct
Before we begin...
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
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?
Overview of no-code platforms covered
Floral Horizon's Inventory/ Catalog on Notion
Rockstone-Audio's Google My Business Site