Autoplay
Autocomplete
Previous Lesson
Complete and Continue
How to Make an App
Introductions
Welcome to How to Make an App (0:40)
Getting Started
Intro to Apps (2:44)
Example App: Itinerary (2:59)
Phase 1: Idea
Intro to Idea (0:40)
Research (1:29)
Idea Outline (4:46)
Exercise: Create your Idea Outline
Phase 2: Scope
Intro to Scope (1:20)
Feature List (0:52)
Exercise: Create your feature list
Version One Features (1:50)
Exercise: Create your version one feature list
Phase 3: Validate
Intro to Validation (1:19)
Waitlist (0:43)
User Interviews (0:42)
Prototypes (0:48)
MVPs (1:16)
Exercise: Conduct 5 user interviews
Phase 4: Design
Intro to Design (0:39)
Intro to User Experience Design (0:43)
Intro to User Interface Design (1:13)
Flow Diagrams (1:57)
App Flow Diagrams (1:58)
Example: How I approached the App Flow Diagram for Itinerary (5:01)
Tutorial: Intro to Figma
Tutorial: Creating screens and arrows for an App Flow Diagram in Figma (4:29)
Exercise: Create your App Flow Diagram
User Flow Diagrams (2:32)
Example: How I approached the Sign Up User Flow Diagram for Itinerary (3:42)
Tutorial: Creating different shapes for a User Flow Diagram in Figma (1:38)
Exercise: Create a User Flow Diagram for a key task
Wireframes (2:06)
Example: How I approached the wireframes for the Sign Up screen for Itinerary (5:38)
Tutorial: Digitizing a wireframe in Figma (5:51)
Exercise: Create your first wireframe
Mockups (1:26)
Example: How I selected colors and fonts to create mockups for Itinerary (9:31)
Tutorial: Creating a mockup in Figma (4:50)
Exercise: Explore colors and fonts to create your first set of mockups
Phase 5: Build
Intro to Build (0:32)
How do web apps work? (1:24)
Building Web Apps - with Code (3:55)
Building Web Apps - without Code (2:35)
Testing Your Web App (1:11)
How do mobile apps work? (0:46)
Building Mobile Apps - with Code (6:14)
Building Mobile Apps - without Code (2:37)
Testing Your Mobile App (2:15)
Example: How I approached the data structure for Itinerary (6:01)
Exercise: Define the data structure for your app
Tutorial: Intro to Adalo
Tutorial: Building the Itinerary mobile app with Adalo (20:59)
Exercise: Build your first screen with Adalo
Phase 6: Launch
Intro to Launch (0:36)
Launching a Web App (0:54)
Launching a Mobile App (1:20)
Wrap Up
Course Feedback
Tutorial: Digitizing a wireframe in Figma
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock