/CourseBundles(61903)/4289868-Dashboard_Banners_(20).png)
Course Overview
Schedule of Classes
Course Curriculum
22 Subjects
Web Development
8 Exercises • 14 Learning Materials
Web Development - Post Assessment
Web Development - Post Assessment
Exercise
Web Development - Pre Assessment
Web Development - Pre Assessment
Exercise
Web Development - Live Sessions
Live Session - Day 01
Video
02:09:55
Assessment - Day 01
Exercise
Live Session - Day 02
Video
02:15:28
Assessment - Day 02
Exercise
Live Session - Day 03
Video
02:06:46
Assessment - Day 03
Exercise
Live Session - Day 04
Video
01:56:27
Assessment - Day 04
Exercise
Live Session - Day 05
Video
02:19:52
Assessment Day - 05
Exercise
Live Session - Day 06
Video
02:16:12
Assessment Day - 06
Exercise
Live Session - Day 07
Video
02:10:20
Live Session - Day 08
Video
02:15:15
Live Session - Day 09
Video
02:10:18
Live Session - Day 10
Video
02:11:26
Live Session - Day 11
Video
02:12:37
Live Session - Day 12
Video
02:11:02
Live Session - Day 13
Video
01:55:29
Live Session - Day 13
Video
01:23:31
Module 3: Google Forms
39 Exercises • 53 Learning Materials
Introduction to No-Code Development Tools
1.1 Welcome & Icebreak
Video
00:08:33
1.1 Assessment
Exercise
1.1 Assessment Explanation
Video
00:06:27
1.2 No-code vs low-code
Video
00:10:14
1.2 Assessment
Exercise
1.2 Assessment Explanation
Video
00:06:58
1.3 Rise of No-Code (faster, cheaper, easier)
Video
00:07:07
1.3 Assessment
Exercise
1.3 Assessment Explanation
Video
00:06:51
1.4 Who uses it - startups, educators, admins, non-tech creators
Video
00:06:04
1.4 Assessment
Exercise
1.4 Assessment Explanation
Video
00:07:15
1.4 Assignment 1
Assignment
1.4 Assignment 2
Assignment
1.5 Google Forms
Video
00:06:28
1.5 Assessment Explanation
Video
00:06:37
1.5 Assessment
Exercise
1.6 Firebase
Video
00:04:07
1.6 Assessment
Exercise
1.6 Assessment Explanation
Video
00:06:39
1.7 Smartsheet
Video
00:05:14
1.7 Assessment
Exercise
1.7 Assessment Explanation
Video
00:06:39
1.8 Figma
Video
00:04:57
1.8 Assessment
Exercise
1.8 Assessment Explanation
Video
00:06:46
1.9 Bubble
Video
00:05:29
1.9 Assessment
Exercise
1.9 Assessment Explanation
Video
00:06:35
1.10 Zapier
Video
00:04:37
1.10 Assessment
Exercise
1.10 Assessment Explanation
Video
00:05:56
1.11 Google Forms
Video
00:04:49
1.11 Assessment
Exercise
1.11 Assessment Explanation
Video
00:06:08
1.12 Firebase
Video
00:06:08
1.12 Assessment
Exercise
1.12 Assessment Explanation
Video
00:06:53
1.13 Smartsheet
Video
00:05:17
1.13 Assessment Explanation
Video
00:06:03
1.13 Assessment
Exercise
1.14 Figma
Video
00:05:40
1.14 Assessment
Exercise
1.14 Assessment Explanation
Video
00:07:05
1.15 Bubble
Video
00:05:49
1.15 Assessment Explanation
Video
00:06:54
1.15 Assessment
Exercise
1.16 Zapier
Video
00:05:21
1.16 Assessment
Exercise
1.16 Assessment Explanation
Video
00:06:07
1.16 Assignment 1
Assignment
1.16 Assignment 2
Assignment
1.16 Assignment 3
Assignment
Setting up Google Forms
2.1 Google Forms
Video
00:11:34
2.1 Assessment
Exercise
2.1 Assessment Explanation
Video
00:05:38
2.2 Sample Templates Review
Video
00:04:19
2.2 Assessment
Exercise
2.2 Assessment Explanation
Video
00:05:50
2.3 Blank Forms
Video
00:21:08
2.3 Assessment
Exercise
2.3 Assessment Explanation
Video
00:05:29
2.4 Question Options
Video
00:25:32
2.4 Assessment
Exercise
2.4 Assessment Explanation
Video
00:05:01
2.4 Assignment 1
Assignment
2.4 Assignment 2
Assignment
2.5 Create Survey Forms
Video
00:04:56
2.5 Assessment
Exercise
2.5 Assessment Explanation
Video
00:05:36
2.6 Survey Forms
Video
00:04:04
2.6 Assessment
Exercise
2.6 Assessment Explanation
Video
00:05:01
2.7 Checking Responses Google Forms
Video
00:04:06
2.7 Assessment
Exercise
2.7 Assessment Explanation
Video
00:05:34
2.7 Assignment 1
Assignment
2.7 Assignment 2
Assignment
2.8 Creation of Feedback Form
Video
00:09:21
2.8 Assessment
Exercise
2.8 Assessment Explanation
Video
00:05:08
2.9 Responding Feedback Form
Video
00:06:23
2.9 Assessment
Exercise
2.9 Assessment Explanation
Video
00:07:05
2.9 Assignment 1
Assignment
2.10 Assessment
Exercise
2.10 Assessment Explanation
Video
00:05:52
2.11 Web Development Workshop - Response Gen
Video
00:08:14
2.11 Assessment
Exercise
2.11 Assessment Explanation
Video
00:05:45
2.11 Assignment 1
Assignment
2.11 Assignment 2
Assignment
Module 4: Database - FireBase
16 Exercises • 32 Learning Materials
Introduction to Firebase
1.1 Overview of Firebase
Video
00:09:22
1.1 Assessment
Exercise
1.1 Assessment Explanation
Video
00:07:05
1.2 Database Management
Video
00:08:13
1.2 Assessment
Exercise
1.2 Assessment Explanation
Video
00:06:49
1.3 Real-time Data Syncing
Video
00:05:10
1.3 Assessment
Exercise
1.3 Assessment Explanation
Video
00:06:21
Firebase UI Demo
2.1 Firebase Features (Headers in UI)
Video
00:13:10
2.1 Assessment
Exercise
2.1 Assessment Explanation
Video
00:07:38
2.2 Firebase Firestore & Authentication
Video
00:08:05
2.2 Assessment
Exercise
2.2 Assessment Explanation
Video
00:08:44
Firebase project & store form data from Google Forms
3.1 Connecting Google Forms with Firebase and Storing Data
Video
00:14:48
3.1 Assessment
Exercise
3.1 Assessment Explanation
Video
00:09:08
3.2 Create a Google form to interact with firebase
Video
00:08:51
3.2 Assessment
Exercise
3.2 Assessment Explanation
Video
00:06:37
3.3 Google app script
Video
00:16:53
3.3 Assessment
Exercise
3.3 Assessment Explanation
Video
00:06:30
Firebase Setup
4.1 Login page with firebase
Video
00:17:19
4.1 Assessment
Exercise
4.1 Assessment Explanation
Video
00:07:55
4.2 Authentication with firebase
Video
00:10:54
4.2 Assessment
Exercise
4.2 Assessment Explanation
Video
00:05:19
4..3 Notes App Part1
Video
00:08:37
4.3 Assessment
Exercise
4.3 Assessment Explanation
Video
00:07:08
4.4 Notes App Part2
Video
00:12:26
4.4 Assessment
Exercise
4.4 Assessment Explanation
Video
00:08:01
4.5 Notes App Part3
Video
00:12:32
4.5 Assessment
Exercise
4.5 Assessment Explanation
Video
00:07:30
Advanced Firebase Integration
5.1 Assessment
Exercise
5.1 Assessment Explanation
Video
00:09:05
5.2 Data Validation
Video
00:07:57
5.2 Assessment
Exercise
5.2 Assessment Explanation
Video
00:08:16
5.3 Real Time Updates
Video
00:06:52
5.3 Assessment
Exercise
5.3 Assessment Explanation
Video
00:07:44
5.1 Authentication
Video
00:09:09
Module 5: SmartSheet
25 Exercises • 36 Learning Materials
Introduction to Smartsheet
1.1 Introduction to smartsheet Part 1
Video
00:08:29
1.1 Assessment
Exercise
1.1 Assessment Explanation
Video
00:05:30
1.2 Introduction Part 2
Video
00:06:55
1.2 Assessment
Exercise
1.2 Assessment Explanation
Video
00:06:01
Creating a Project Plan
2.1 Exploring features of Smart Sheet
Video
00:12:31
2.1 Assessment
Exercise
2.1 Assessment Explanation
Video
00:05:37
2.2 Configure Project Settings
Video
00:04:42
2.2 Assessment
Exercise
2.2 Assessment Explanation
Video
00:04:54
2.3 Connecting Sheets
Video
00:08:16
2.3 Assessement
Exercise
2.3 Assessment Explaination
Video
00:04:49
2.3 Assignment
Assignment
Building a Project Tracking Summary Smart Sheet
3.1 Getting Started
Video
00:07:54
3.1 Assessment
Exercise
3.1 Assessment Explanation
Video
00:04:27
3.2 Creating a Dashboard
Video
00:08:14
3.2 Assessment
Exercise
3.2 Assessment Explanation
Video
00:05:38
3.3 Form Creation
Video
00:07:46
3.3 Assessment
Exercise
3.3 Assessment Explanation
Video
00:05:27
3.4 Creating Dynamic Report in Smart Sheet
Video
00:08:54
3.4 Assessment
Exercise
3.4 Assessemnt Explaination
Video
00:06:33
3.5 Project Tracking Workflows
Video
00:09:13
3.5 Assessment
Exercise
3.5 Assessemnt Explaination
Video
00:06:05
3.5 Assignment 1
Assignment
3.5 Assignment 2
Assignment
Project Management System using SmartSheet
4.1 Creation of Project plan
Video
00:08:16
4.1 Assessment
Exercise
4.1 Assessment Explanation
Video
00:05:48
4.2 Integration of Smart sheet with realtime database
Video
00:08:25
4.2 Assessment
Exercise
4.2 Assessment Explanation
Video
00:05:57
4.3 Fetching Data from Firebase to Smartsheet
Video
00:08:03
4.3 Assessment
Exercise
4.3 Assessment Explanation
Video
00:06:26
4.4 Automation of tasks using Zapier
Video
00:07:38
4.4 Assessment
Exercise
4.4 Assessment Explanation
Video
00:05:22
4.4 Assignment 1
Assignment
4.4 Assignment 2
Assignment
Create a project plan in Smartsheet & integrate with Firebase to track form submissions
5.1 Getting started with firebase
Video
00:09:20
5.1 Assessment
Exercise
5.1 Assessment Explanation
Video
00:05:44
5.2 Firebase Integration to the workflow
Video
00:13:54
5.2 Assessment
Exercise
5.2 Assessment Explanation
Video
00:06:49
5.3 Google App Script automation
Video
00:12:45
5.3 Assessment
Exercise
5.3 Assessment Explanation
Video
00:07:46
5.4 Syncing data to smart sheet
Video
00:06:51
5.4 Assessment
Exercise
5.4 Assessment Explanation
Video
00:06:46
5.4 Assignment 1
Assignment
5.4 Assignment 2
Assignment
Module 6: Figma
27 Exercises • 46 Learning Materials
Overview to Figma
1.1 Overview to Figma
Video
00:06:14
1.1 Assessment
Exercise
1.1 Assessment Explanation
Audio
00:00:00
Setting Up and Exploring the Interface
2.1 Setting Up and Exploring the Interface
Video
00:07:34
2.1 Assessment
Exercise
2.1 Assessment Explanation
Audio
00:00:00
2.2 Setting Up and Exploring the Interface Part 2
Video
00:06:28
2.2 Assessment
Exercise
2.2 Assessment Explanation
Audio
00:00:00
2.3 Using Frames, Layouts, and Alignment Tools in Figma
Video
00:04:09
2.3 Assessment
Exercise
2.3 Assessment Explanation
Audio
00:00:00
2.4 Using Frames, Layouts, and Alignment Tools in Figma Part 2
Video
00:06:27
2.4 Assessment
Exercise
2.4 Assessment Explanation
Audio
00:00:00
2.5 Creating UI Elements and Managing Layers in Figma
Video
00:06:33
2.5 Assessment
Exercise
2.5 Assessment Explanation
Audio
00:00:00
2.6 Creating UI Elements and Managing Layers in Figma Part 2
Video
00:03:12
2.6 Assessment
Exercise
2.6 Assessment Explanation
Audio
00:00:00
2.7 Advanced Design Essentials: Pen Tool and Exporting in Figma, etc
Video
00:08:22
2.7 Assessment
Exercise
2.7 Assessment Explanation
Audio
00:00:00
2.7 Assignment 1
Assignment
2.7 Assignment 2
Assignment
Designing Your First Mobile UI: Frames, Shapes, and Text in Figma
3.1 Designing Your First Mobile UI: Frames, Shapes, and Text in Figma
Video
00:07:55
3.1 Assessment
Exercise
3.1 Assessment Explanation
Audio
00:00:00
3.2 Designing Your First Mobile UI: Frames, Shapes, and Text in Figma Part 2
Video
00:04:52
3.2 Assessment
Exercise
3.2 Assessment Explanation
Audio
00:00:00
3.3 Building a Profile Card: Adding Images and Styling Text in Figma
Video
00:08:11
3.3 Assessment
Exercise
3.3 Assessment Explanation
Audio
00:00:00
3.4 Enhancing Profile Design: Job Title, Separator Lines & Social Icons
Video
00:08:00
3.4 Assessment
Exercise
3.4 Assessment Explanation
Audio
00:00:00
3.5 Interactive Elements in UI: Designing Custom Icon Buttons in Figma
Video
00:06:41
3.5 Assessment
Exercise
3.5 Assessment Explanation
Audio
00:00:00
3.6 Assessment
Exercise
3.6 Icon Integration & Duplication: Completing the Contact Section Design
Video
00:07:08
3.6 Assessment Explanation
Audio
00:00:00
3.6 Assignment
Assignment
Wireframing a Login Screen: Structure, Spacing, and Visual Hierarchy in Figma
4.1 Wireframing a Login Screen Structure, Spacing, and Visual Hierarchy in Figma
Video
00:03:59
4.1 Assessment
Exercise
4.1 Assessment Explanation
Audio
00:00:00
4.2 Wireframing a Login Screen: Structure, Spacing, and Visual Hierarchy in Figma Part 2
Video
00:05:30
4.2 Assessment
Exercise
4.2 Assessment Explanation
Audio
00:00:00
4.3 Styling the Login UI: Color, Shadows, Fonts, and Button Design in Figma
Video
00:06:07
4.3 Assessment
Exercise
4.3 Assessment Explanation
Audio
00:00:00
4.4 Styling the Login UI Color, Shadows, Fonts, and Button Design in Figma Part 2
Video
00:08:02
4.4 Assessment
Exercise
4.4 Assessment Explanation
Audio
00:00:00
4.5 Refining UI Elements: Placeholder Text, Toggle Buttons, and Microinteractions
Video
00:06:01
4.5 Assessment
Exercise
4.5 Assessment Explanation
Audio
00:00:00
4.6 Refining UI Elements: Placeholder Text, Toggle Buttons, and Microinteractions Part 2
Video
00:05:43
4.6 Assessment
Exercise
4.6 Assessment Explanation
Audio
00:00:00
4.7 UI Cleanup and Consistency: Icon Placement, Text Alignment, and Element Grouping
Video
00:08:09
4.7 Assessment
Exercise
4.7 Assessment Explanation
Audio
00:00:00
4.8 Responsive Frame Design: Desktop and Mobile Layouts with Header, Footer & Buttons
Video
00:06:43
4.8 Assessment
Exercise
4.8 Assessment Explanation
Audio
00:00:00
4.9 Interactive Prototypes in Figma: Button Navigation and User Flow Simulation
Video
00:06:08
4.9 Assessment
Exercise
4.9 Assessment Explanation
Audio
00:00:00
4.9 Assignment
Assignment
Module 7: Bubble
30 Exercises • 48 Learning Materials
Introduction to Bubble for Web Development
1.1 Bubble Unboxed: A Fun and Visual Introduction to No-Code App Building
Video
00:09:17
1.1 Assessment
Exercise
1.1 Assessment Explanation
Audio
00:00:00
1.2 Bubble Unboxed: A Fun and Visual Introduction to No-Code App Building Part 2
Video
00:05:59
1.2 Assessment
Exercise
1.2 Assessment Explanation
Audio
00:00:00
Building Web Apps in Bubble
2.1 Mastering Bubble.io: A Beginner’s Guide to No-Code App Development
Video
00:08:09
2.1 Assessment
Exercise
2.1 Assessment Explanation
Audio
00:00:00
2.2 Mastering Bubble.io: A Beginner’s Guide to No-Code App Development Part 2
Video
00:07:39
2.2 Assessment
Exercise
2.2 Assessment Explanation
Audio
00:00:00
2.2 Assignment
Assignment
Registration Project
3.1 Building a Student Registration App in Bubble
Video
00:06:57
3.1 Assessment
Exercise
3.1 Assessment Explanation
Audio
00:00:00
3.2 Building a Student Registration App in Bubble Part 2
Video
00:03:02
3.2 Assessment
Exercise
3.2 Assessment Explanation
Audio
00:00:00
3.3 Customizing Page Design and Media in Your Bubble Registration App
Video
00:09:12
3.3 Assessment
Exercise
3.3 Assessment Explanation
Audio
00:00:00
3.3 Assignment
Assignment
Sign In Project
4.1 Designing a Responsive Login Page with Groups and Layout Tools in Bubble
Video
00:10:23
4.1 Assessment
Exercise
4.1 Assessment Explanation
Audio
00:00:00
4.2 Designing a Responsive Login Page with Groups and Layout Tools in Bubble Part 2
Video
00:08:02
4.2 Assessment
Exercise
4.2 Assessment Explanation
Audio
00:00:00
4.3 Building a Login Pop-Up with Input Fields and Actions in Bubble
Video
00:07:41
4.3 Assessment
Exercise
4.3 Assessment Explanation
Audio
00:00:00
4.4 Building a Login Pop-Up with Input Fields and Actions in Bubble Part 2
Video
00:08:52
4.4 Assessment
Exercise
4.4 Assessment Explanation
Audio
00:00:00
4.5 Implementing Sign-Up Workflow and Login Validation in Bubble
Video
00:06:54
4.5 Assessment Explanation
Audio
00:00:00
4.5 Assessment
Exercise
4.6 Implementing Sign-Up Workflow and Login Validation in Bubble Part 2
Video
00:08:19
4.6 Assessment
Exercise
4.6 Assessment Explanation
Audio
00:00:00
4.7 Designing a Post-Login Welcome Page and Linking Navigation in Bubble
Video
00:06:28
4.7 Assessment
Exercise
4.7 Assessment Explanation
Audio
00:00:00
4.8 Designing a Post-Login Welcome Page and Linking Navigation in Bubble Part 2
Video
00:05:28
4.8 Assessment
Exercise
4.8 Assessment Explanation
Audio
00:00:00
4.9 Final Testing and Enhancements: Bubble Sign-In App Workflow Completion
Video
00:07:05
4.9 Assessment
Exercise
4.9 Assessment Explanation
Audio
00:00:00
4.9 Assignment 1
Assignment
4.9 Assignment 2
Assignment
Login Page Project
5.1 Bubble App Security Basics: Protecting Dashboard Access with Page Workflows
Video
00:05:38
5.1 Assessment
Exercise
5.1 Assessment Explanation
Audio
00:00:00
5.2 Bubble App Security Basics: Protecting Dashboard Access with Page Workflows Part 2
Video
00:05:04
5.2 Assessment
Exercise
5.2 Assessment Explanation
Audio
00:00:00
5.3 Building a Seamless User Experience: Login, Dashboard, and Redirect Logic in Bubble
Video
00:06:39
5.3 Assessment
Exercise
5.3 Assessment Explanation
Audio
00:00:00
5.4 Building a Seamless User Experience: Login, Dashboard, and Redirect Logic in Bubble Part 2
Video
00:05:35
5.4 Assessment
Exercise
5.4 Assessment Explanation
Audio
00:00:00
5.5 Designing and Testing Complete User Authentication Flows in Bubble
Video
00:06:46
5.5 Assessment
Exercise
5.5 Assessment Explanation
Audio
00:00:00
5.6 Designing and Testing Complete User Authentication Flows in Bubble Part 2
Video
00:04:27
5.6 Assessment
Exercise
5.6 Assessment Explanation
Audio
00:00:00
5.7 Finalizing Your Bubble App: Intelligent Redirects, Error Handling, and Full App Preview
Video
00:09:50
5.7 Assessment
Exercise
5.7 Assessment Explanation
Audio
00:00:00
5.8 Finalizing Your Bubble App: Intelligent Redirects, Error Handling, and Full App Preview Part 2
Video
00:06:11
5.8 Assessment
Exercise
5.8 Assessment Explanation
Audio
00:00:00
5.8 Assignment 1
Assignment
5.8 Assignment 2
Assignment
Module 1: Introduction to Web Design
1 Exercises • 2 Learning Materials
Introduction to Web Development
1.1 What is Web Development
Video
00:29:45
1.1 What is Web Development Assessement
Exercise
1.1 Web development QnA
Video
00:03:02
Frontend Development Basics
UI/UX Principles
Backend Development Basics
Building a Simple Static Web Page
Introduction to Databases
Server and Hosting Basics
Deploying a Static Website
Module 2: Prompt Engineering
Introduction to Prompt Engineering
Prompt Design and Optimization
Prompt Experimentation
Introduction to Large Language Models (LLMs)
Prompt Engineering Best Practices
Building a Prompting Workflow
Fine-tuning Prompts with Feedback
Module 5: SmartSheet
25 Exercises • 36 Learning Materials
Introduction to Smartsheet
1.1 Introduction to smartsheet Part 1
Video
00:08:29
1.1 Assessment
Exercise
1.1 Assessment Explanation
Video
00:05:30
1.2 Introduction Part 2
Video
00:06:55
1.2 Assessment
Exercise
1.2 Assessment Explanation
Video
00:06:01
Creating a Project Plan
2.1 Exploring features of Smart Sheet
Video
00:12:31
2.1 Assessment
Exercise
2.1 Assessment Explanation
Video
00:05:37
2.2 Configure Project Settings
Video
00:04:42
2.2 Assessment
Exercise
2.2 Assessment Explanation
Video
00:04:54
2.3 Connecting Sheets
Video
00:08:16
2.3 Assessement
Exercise
2.3 Assessment Explaination
Video
00:04:49
2.3 Assignment
Assignment
Building a Project Tracking Summary Smart Sheet
3.1 Getting Started
Video
00:07:54
3.1 Assessment
Exercise
3.1 Assessment Explanation
Video
00:04:27
3.2 Creating a Dashboard
Video
00:08:14
3.2 Assessment
Exercise
3.2 Assessment Explanation
Video
00:05:38
3.3 Form Creation
Video
00:07:46
3.3 Assessment
Exercise
3.3 Assessment Explanation
Video
00:05:27
3.4 Creating Dynamic Report in Smart Sheet
Video
00:08:54
3.4 Assessment
Exercise
3.4 Assessemnt Explaination
Video
00:06:33
3.5 Project Tracking Workflows
Video
00:09:13
3.5 Assessment
Exercise
3.5 Assessemnt Explaination
Video
00:06:05
3.5 Assignment 1
Assignment
3.5 Assignment 2
Assignment
Project Management System using SmartSheet
4.1 Creation of Project plan
Video
00:08:16
4.1 Assessment
Exercise
4.1 Assessment Explanation
Video
00:05:48
4.2 Integration of Smart sheet with realtime database
Video
00:08:25
4.2 Assessment
Exercise
4.2 Assessment Explanation
Video
00:05:57
4.3 Fetching Data from Firebase to Smartsheet
Video
00:08:03
4.3 Assessment
Exercise
4.3 Assessment Explanation
Video
00:06:26
4.4 Automation of tasks using Zapier
Video
00:07:38
4.4 Assessment
Exercise
4.4 Assessment Explanation
Video
00:05:22
4.4 Assignment 1
Assignment
4.4 Assignment 2
Assignment
Create a project plan in Smartsheet & integrate with Firebase to track form submissions
5.1 Getting started with firebase
Video
00:09:20
5.1 Assessment
Exercise
5.1 Assessment Explanation
Video
00:05:44
5.2 Firebase Integration to the workflow
Video
00:13:54
5.2 Assessment
Exercise
5.2 Assessment Explanation
Video
00:06:49
5.3 Google App Script automation
Video
00:12:45
5.3 Assessment
Exercise
5.3 Assessment Explanation
Video
00:07:46
5.4 Syncing data to smart sheet
Video
00:06:51
5.4 Assessment
Exercise
5.4 Assessment Explanation
Video
00:06:46
5.4 Assignment 1
Assignment
5.4 Assignment 2
Assignment
Module 6: Figma
27 Exercises • 46 Learning Materials
Overview to Figma
1.1 Overview to Figma
Video
00:06:14
1.1 Assessment
Exercise
1.1 Assessment Explanation
Audio
00:00:00
Setting Up and Exploring the Interface
2.1 Setting Up and Exploring the Interface
Video
00:07:34
2.1 Assessment
Exercise
2.1 Assessment Explanation
Audio
00:00:00
2.2 Setting Up and Exploring the Interface Part 2
Video
00:06:28
2.2 Assessment
Exercise
2.2 Assessment Explanation
Audio
00:00:00
2.3 Using Frames, Layouts, and Alignment Tools in Figma
Video
00:04:09
2.3 Assessment
Exercise
2.3 Assessment Explanation
Audio
00:00:00
2.4 Using Frames, Layouts, and Alignment Tools in Figma Part 2
Video
00:06:27
2.4 Assessment
Exercise
2.4 Assessment Explanation
Audio
00:00:00
2.5 Creating UI Elements and Managing Layers in Figma
Video
00:06:33
2.5 Assessment
Exercise
2.5 Assessment Explanation
Audio
00:00:00
2.6 Creating UI Elements and Managing Layers in Figma Part 2
Video
00:03:12
2.6 Assessment
Exercise
2.6 Assessment Explanation
Audio
00:00:00
2.7 Advanced Design Essentials: Pen Tool and Exporting in Figma, etc
Video
00:08:22
2.7 Assessment
Exercise
2.7 Assessment Explanation
Audio
00:00:00
2.7 Assignment 1
Assignment
2.7 Assignment 2
Assignment
Designing Your First Mobile UI: Frames, Shapes, and Text in Figma
3.1 Designing Your First Mobile UI: Frames, Shapes, and Text in Figma
Video
00:07:55
3.1 Assessment
Exercise
3.1 Assessment Explanation
Audio
00:00:00
3.2 Designing Your First Mobile UI: Frames, Shapes, and Text in Figma Part 2
Video
00:04:52
3.2 Assessment
Exercise
3.2 Assessment Explanation
Audio
00:00:00
3.3 Building a Profile Card: Adding Images and Styling Text in Figma
Video
00:08:11
3.3 Assessment
Exercise
3.3 Assessment Explanation
Audio
00:00:00
3.4 Enhancing Profile Design: Job Title, Separator Lines & Social Icons
Video
00:08:00
3.4 Assessment
Exercise
3.4 Assessment Explanation
Audio
00:00:00
3.5 Interactive Elements in UI: Designing Custom Icon Buttons in Figma
Video
00:06:41
3.5 Assessment
Exercise
3.5 Assessment Explanation
Audio
00:00:00
3.6 Assessment
Exercise
3.6 Icon Integration & Duplication: Completing the Contact Section Design
Video
00:07:08
3.6 Assessment Explanation
Audio
00:00:00
3.6 Assignment
Assignment
Wireframing a Login Screen: Structure, Spacing, and Visual Hierarchy in Figma
4.1 Wireframing a Login Screen Structure, Spacing, and Visual Hierarchy in Figma
Video
00:03:59
4.1 Assessment
Exercise
4.1 Assessment Explanation
Audio
00:00:00
4.2 Wireframing a Login Screen: Structure, Spacing, and Visual Hierarchy in Figma Part 2
Video
00:05:30
4.2 Assessment
Exercise
4.2 Assessment Explanation
Audio
00:00:00
4.3 Styling the Login UI: Color, Shadows, Fonts, and Button Design in Figma
Video
00:06:07
4.3 Assessment
Exercise
4.3 Assessment Explanation
Audio
00:00:00
4.4 Styling the Login UI Color, Shadows, Fonts, and Button Design in Figma Part 2
Video
00:08:02
4.4 Assessment
Exercise
4.4 Assessment Explanation
Audio
00:00:00
4.5 Refining UI Elements: Placeholder Text, Toggle Buttons, and Microinteractions
Video
00:06:01
4.5 Assessment
Exercise
4.5 Assessment Explanation
Audio
00:00:00
4.6 Refining UI Elements: Placeholder Text, Toggle Buttons, and Microinteractions Part 2
Video
00:05:43
4.6 Assessment
Exercise
4.6 Assessment Explanation
Audio
00:00:00
4.7 UI Cleanup and Consistency: Icon Placement, Text Alignment, and Element Grouping
Video
00:08:09
4.7 Assessment
Exercise
4.7 Assessment Explanation
Audio
00:00:00
4.8 Responsive Frame Design: Desktop and Mobile Layouts with Header, Footer & Buttons
Video
00:06:43
4.8 Assessment
Exercise
4.8 Assessment Explanation
Audio
00:00:00
4.9 Interactive Prototypes in Figma: Button Navigation and User Flow Simulation
Video
00:06:08
4.9 Assessment
Exercise
4.9 Assessment Explanation
Audio
00:00:00
4.9 Assignment
Assignment
Module 7: Bubble
30 Exercises • 48 Learning Materials
Introduction to Bubble for Web Development
1.1 Bubble Unboxed: A Fun and Visual Introduction to No-Code App Building
Video
00:09:17
1.1 Assessment
Exercise
1.1 Assessment Explanation
Audio
00:00:00
1.2 Bubble Unboxed: A Fun and Visual Introduction to No-Code App Building Part 2
Video
00:05:59
1.2 Assessment
Exercise
1.2 Assessment Explanation
Audio
00:00:00
Building Web Apps in Bubble
2.1 Mastering Bubble.io: A Beginner’s Guide to No-Code App Development
Video
00:08:09
2.1 Assessment
Exercise
2.1 Assessment Explanation
Audio
00:00:00
2.2 Mastering Bubble.io: A Beginner’s Guide to No-Code App Development Part 2
Video
00:07:39
2.2 Assessment
Exercise
2.2 Assessment Explanation
Audio
00:00:00
2.2 Assignment
Assignment
Registration Project
3.1 Building a Student Registration App in Bubble
Video
00:06:57
3.1 Assessment
Exercise
3.1 Assessment Explanation
Audio
00:00:00
3.2 Building a Student Registration App in Bubble Part 2
Video
00:03:02
3.2 Assessment
Exercise
3.2 Assessment Explanation
Audio
00:00:00
3.3 Customizing Page Design and Media in Your Bubble Registration App
Video
00:09:12
3.3 Assessment
Exercise
3.3 Assessment Explanation
Audio
00:00:00
3.3 Assignment
Assignment
Sign In Project
4.1 Designing a Responsive Login Page with Groups and Layout Tools in Bubble
Video
00:10:23
4.1 Assessment
Exercise
4.1 Assessment Explanation
Audio
00:00:00
4.2 Designing a Responsive Login Page with Groups and Layout Tools in Bubble Part 2
Video
00:08:02
4.2 Assessment
Exercise
4.2 Assessment Explanation
Audio
00:00:00
4.3 Building a Login Pop-Up with Input Fields and Actions in Bubble
Video
00:07:41
4.3 Assessment
Exercise
4.3 Assessment Explanation
Audio
00:00:00
4.4 Building a Login Pop-Up with Input Fields and Actions in Bubble Part 2
Video
00:08:52
4.4 Assessment
Exercise
4.4 Assessment Explanation
Audio
00:00:00
4.5 Implementing Sign-Up Workflow and Login Validation in Bubble
Video
00:06:54
4.5 Assessment Explanation
Audio
00:00:00
4.5 Assessment
Exercise
4.6 Implementing Sign-Up Workflow and Login Validation in Bubble Part 2
Video
00:08:19
4.6 Assessment
Exercise
4.6 Assessment Explanation
Audio
00:00:00
4.7 Designing a Post-Login Welcome Page and Linking Navigation in Bubble
Video
00:06:28
4.7 Assessment
Exercise
4.7 Assessment Explanation
Audio
00:00:00
4.8 Designing a Post-Login Welcome Page and Linking Navigation in Bubble Part 2
Video
00:05:28
4.8 Assessment
Exercise
4.8 Assessment Explanation
Audio
00:00:00
4.9 Final Testing and Enhancements: Bubble Sign-In App Workflow Completion
Video
00:07:05
4.9 Assessment
Exercise
4.9 Assessment Explanation
Audio
00:00:00
4.9 Assignment 1
Assignment
4.9 Assignment 2
Assignment
Login Page Project
5.1 Bubble App Security Basics: Protecting Dashboard Access with Page Workflows
Video
00:05:38
5.1 Assessment
Exercise
5.1 Assessment Explanation
Audio
00:00:00
5.2 Bubble App Security Basics: Protecting Dashboard Access with Page Workflows Part 2
Video
00:05:04
5.2 Assessment
Exercise
5.2 Assessment Explanation
Audio
00:00:00
5.3 Building a Seamless User Experience: Login, Dashboard, and Redirect Logic in Bubble
Video
00:06:39
5.3 Assessment
Exercise
5.3 Assessment Explanation
Audio
00:00:00
5.4 Building a Seamless User Experience: Login, Dashboard, and Redirect Logic in Bubble Part 2
Video
00:05:35
5.4 Assessment
Exercise
5.4 Assessment Explanation
Audio
00:00:00
5.5 Designing and Testing Complete User Authentication Flows in Bubble
Video
00:06:46
5.5 Assessment
Exercise
5.5 Assessment Explanation
Audio
00:00:00
5.6 Designing and Testing Complete User Authentication Flows in Bubble Part 2
Video
00:04:27
5.6 Assessment
Exercise
5.6 Assessment Explanation
Audio
00:00:00
5.7 Finalizing Your Bubble App: Intelligent Redirects, Error Handling, and Full App Preview
Video
00:09:50
5.7 Assessment
Exercise
5.7 Assessment Explanation
Audio
00:00:00
5.8 Finalizing Your Bubble App: Intelligent Redirects, Error Handling, and Full App Preview Part 2
Video
00:06:11
5.8 Assessment
Exercise
5.8 Assessment Explanation
Audio
00:00:00
5.8 Assignment 1
Assignment
5.8 Assignment 2
Assignment
Module 8: Zapier
Automating Workflows with Zapier
Zapier Integration
Zapier Workflow
Data Syncing and Automation with Zapier
Creating Multi-Step Workflows
Zapier Multi-Step Workflow
Project 1: E-commerce Website with Inventory Management
28 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime DB
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Figma Design
Designing a Simple Mobile E-Commerce Page Layout and Navigation Setup
Video
00:11:49
Adding Product Cards, Categories, and Promotional Banners to Your E-Commerce Page
Video
00:08:59
Enhancing Your E-Commerce Design with Product Images & Category Sections
Video
00:10:19
Refining Layouts, Adding New Categories, and Finalizing Design Elements
Video
00:11:47
Final Adjustments to E-Commerce Page
Video
00:08:20
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login, and Testing
Video
00:05:14
Web Design with Bubble
Getting Started with Your Bubble Project
Video
00:01:49
Designing the Header and Sub-header
Video
00:05:47
Adding Links and Buttons to the Sub-header
Video
00:04:30
Building the Category Menu and Adding Links for Navigation
Video
00:04:28
Adding a Slideshow and Footer to Your Homepage
Video
00:05:00
Populating Your Homepage with Product Images and Categories
Video
00:05:25
Setting Up Your Database
Video
00:05:29
Creating and Displaying Product Pages
Video
00:03:18
Adding Products to the Database and Linking Them to Product Pages
Video
00:02:37
Adding More Products to the Database and Updating page
Video
00:03:44
Creating Category Pages and Linking Them with Workflows
Video
00:06:53
Adding 'Add to Cart' Button and Workflow
Video
00:02:21
Setting Up Cart Functionality
Video
00:03:22
Managing Cart Items
Video
00:10:11
Creating New Category Pages and Connecting Them to Navigation
Video
00:07:32
Configuring Navigation Workflows for a Seamless User Experience
Video
00:05:45
Adding Clickable Category Images for Easy Navigation Across the Site
Video
00:04:42
Project 2: Freelancer Marketplace for Micro-jobs
27 Learning Materials
Feedback Form
Setting Up Firebase Creating a New Project & Configuring Realtime DB
Video
00:04:13
Automating Google Forms Data Collection usind Apps Script
Video
00:03:08
Getting started with Google Forms
Video
00:04:45
Figma Design
Creating a Basic Navigation Bar for Mobile App Design
Video
00:03:32
Styling Buttons & Layout for Header Section
Video
00:04:10
Designing the Hero Section & Freelance Market Layout
Video
00:05:27
Adding Navigation Links and Footer Section
Video
00:03:25
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign Up, Login and Testing
Video
00:05:14
Web Design With Bubble
Creating a Reusable Header and Footer
Video
00:05:14
Designing & Structuring a Navigation Header with Text & Icons
Video
00:03:01
Adding & Customizing a Slideshow for Dynamic Image Display
Video
00:02:37
Refining the Header and Creating a Professional Footer
Video
00:04:25
Building the Homepage with Reusable Header and Footer
Video
00:02:46
Adding and Customizing a Slideshow for Dynamic Image Display
Video
00:05:32
Working with Images & Text Elements for Layout Creation
Video
00:04:57
Setting Up a Database and Data Types for a Job Application
Video
00:04:10
Creating Data Fields and a New Page for Content Display
Video
00:03:54
Setting Up a Dynamic Repeating Group for Job Listing
Video
00:03:52
Creating a Detailed View Page for Job Listings with Dynamic Data
Video
00:04:26
Adding Dynamic Job Pages with Workflows & Data Handling
Video
00:04:22
Enhancing Job Application Page with Dynamic Content & Action Buttons
Video
00:06:58
Creating a Success Pop-up for Job Application Confirmation
Video
00:04:05
Adding New Job Entries to the Database and Displaying
Video
00:05:15
Linking Header Elements to Pages & Customizing Page Transition
Video
00:05:21
Customizing the Repeating Group Layout & Adding Dynamic Data
Video
00:05:05
Project 3: Real Estate Listing & Booking Platform
27 Learning Materials
Feedback Form
Getting started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Figma Design
Mobile App Design, Setting Up the Frame and Status Bar
Video
00:10:24
Building a Real Estate Booking Platform
Video
00:12:15
Creating Property Cards and Customizing Content
Video
00:09:17
Adding Popular Locations and Real Estate Agents Sections
Video
00:13:13
Finalizing the Footer and Navigation Bar Design
Video
00:08:25
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the LoginPage Functinal
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Web Design with Bubble
Getting Started with Bubble Creating a Property Website
Video
00:02:54
Building a Navigation Bar for the Header
Video
00:06:33
Refining the Header Gradients, Buttons and Search Bar
Video
00:05:18
Customizing and Adding Icons to the Header
Video
00:05:02
Enhancing the Header with Shadows and Creating a Footer
Video
00:05:07
Building the Property Website Structure with Reusable Elements
Video
00:04:36
Adding and Styling Content Sections for the Landing Page
Video
00:06:09
Resizing and Formatting Images and Text Elements
Video
00:05:42
Creating and styling Property Website Section
Video
00:06:50
Structing Data for Real Estate Listings
Video
00:04:49
Displaying Property Listings with a Repeating Group
Video
00:05:37
Adding a View Button & Creating Property Detail Pages
Video
00:05:42
Designing a Property Listing Detail Page with Dynamic Content
Video
00:04:49
Adding Properties to the Database & Creating Pages
Video
00:06:44
Building a My Favorites Page & Linking it to the Header
Video
00:12:32
Adding Confirmation Pop-Ups for Favorites with Dynamic Interactions
Video
00:03:56
Project 4. Healthcare Appointment Booking System
36 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Designing the Hero Section for a Corporate Website
Video
00:03:28
Building the Navigation Bar with Logo, Links, Sign-Up Button
Video
00:03:32
Creating Navigation Links for the MediConnect App Header
Video
00:04:34
Adding a Login or Register Call to Action Button
Video
00:03:26
Placing & Styling the Hero Image for the Home Page
Video
00:04:01
Adding a Search Bar and call-to-Action Button
Video
00:05:05
Designing the Popular Specialties Cards Section
Video
00:04:07
Creating the Featured Doctors Section with Profile Cards
Video
00:05:37
Adding the Best Senior Doctors Section with Profile Cards
Video
00:05:04
Creating View Profile Buttons & Adding Specialty Icons via Plugin
Video
00:04:46
Starting the How it works Section with Background & Images
Video
00:04:06
Adding Step by Step Text & Footer Links with Social Media Icons
Video
00:04:06
Completing the Footer with additional Social Media Icons & Final Preview
Video
00:04:06
Bubble
Creating a New Bubble Project and Reusable Header Elements
Video
00:05:54
Designing a Login Page with Background Shapes & Slideshow
Video
00:07:40
Building a Functional & Stylish Header with Navigation
Video
00:05:43
Designing a Login Page with Background Shapes & Slideshow
Video
00:06:56
Creating a Vertical Slideshow with Typewriter Text Effects
Video
00:06:25
Adding & Replacing Images with a Styled Section Title
Video
00:06:04
Setting Up the Specialist Option Set & Doctor Data Type
Video
00:05:01
Structuring Appointments Data & Linking Navigation
Video
00:06:27
Displaying Doctor Lists Using a Repeating Group
Video
00:04:40
Creating a “View Details” Page for Doctor Profiles
Video
00:04:47
Adding Detailed Doctor Information & Appointment Page Setup
Video
00:08:14
Designing an Appointment List with Interactive Buttons
Video
00:09:38
Implementing Appointment Cancellation & Status Check Workflows
Video
00:10:09
Building an Appointment Confirmation Popup with Data Workflow
Video
00:04:06
Creating Dedicated Pages for Each Doctor Specialization
Video
00:09:51
Adding a “My Appointments” Button in the Header
Video
00:05:03
Managing Doctors in the Database & Booking Appointments
Video
00:04:38
Project 5. Online Education & Tutoring Platform
23 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Getting Started with Frames and Backgrounds
Video
00:05:24
Designing the Header Adding Logo, Website Name, and Navigation Links in Figma
Video
00:03:23
Building the Navigation and Hero Section
Video
00:05:09
Showcasing Courses Designing Course Cards and Layout
Video
00:04:21
Designing a Testimonial Section for a Website
Video
00:05:09
Adding Team Section and Footer with Social Media Links
Video
00:04:23
Web Design with Bubble
Creating a New Project and Setting Up Reusable Elements
Video
00:03:30
Adding Containers, Backgrounds, Interactive Elements
Video
00:03:49
Creating Java, Python, DevOps, and AI Buttons
Video
00:04:02
Adding Slideshow and Text Elements
Video
00:03:24
Adding Dynamic Typewriter Text Effects to Your Hero Section
Video
00:03:15
Setting Up Data Types, Organizing Course Details & User Information
Video
00:05:00
Creating and Displaying Dynamic Data
Video
00:05:23
Designing a Course Details Page, Key Information & Adding Buttons
Video
00:04:37
Displaying User's Bag and Creating Data-Driven Views
Video
00:04:43
Adding Interactivity, Creating View Details & Add to BagButtons
Video
00:04:47
Removing and Buying Courses
Video
00:04:57
Project-6- Online Restaurant Ordering & Delivery System
21 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Designing a Restaurant Landing Page
Video
00:16:11
Enhancing the Restaurant Landing Page
Video
00:21:24
Finalizing the Restaurant Landing Page Design
Video
00:02:40
Web Design with Bubble
Building the Header and Footer for Hungry Bird
Video
00:10:25
Completing the Footer & Adding Main Content to the Index Page
Video
00:07:45
Adding Slideshow, Call-to-Action Button, and Food Categories
Video
00:07:45
Adding Dynamic Text and Animations to the Homepage
Video
00:06:53
Creating the Database
Video
00:05:20
Displaying Restaurant List
Video
00:04:43
Creating the Restaurant Menu Page
Video
00:04:32
Adding Restaurant Information & Filter Options to the Menu Page
Video
00:05:03
Linking Cart Functionality
Video
00:05:22
Implementing Add to Cart & Remove from Cart Features
Video
00:10:00
Populating the Database with Sample Data
Video
00:11:17
Testing the Full Functionality
Video
00:12:38
Project-7-Instant Delivery Service Tracker
20 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Designing a Navigation Bar
Video
00:05:37
Creating a Hero Section
Video
00:03:24
Adding Key Features and a Newsletter Sign-up Section
Video
00:04:37
Finalizing the Homepage with a Footer & Previewing the Design
Video
00:03:29
Web Design with Bubble
Creating a Reusable Header
Video
00:04:06
Customizing the Header and Adding Buttons
Video
00:04:04
Designing and Adding a Reusable Footer
Video
00:03:07
Building an App Layout with Plugins & Dynamic Elements
Video
00:03:31
Designing Login and Signup Pages with Workflows
Video
00:05:54
Creating Dynamic Category Pages
Video
00:04:56
Building a Dynamic Product Page
Video
00:04:41
Enhancing the Product Page and Creating a Cart
Video
00:05:25
A Tour of the Grab & Go App Functionality
Video
00:03:46
Setting Up the App Database with Data Types & Option Sets
Video
00:04:36
Project-8-Travel Planning and Booking Platform
24 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Creating a Website Header in Figma
Video
00:11:27
Designing the Main Content & Featured Destinations
Video
00:13:29
Building an Interactive Booking Form
Video
00:13:09
Showcasing Popular Hotels
Video
00:05:29
Finalizing the Design with a Footer
Video
00:05:29
Web Design with Bubble
Creating a Reusable Header
Video
00:12:29
Adding Header Functionality & Designing a Footer
Video
00:09:19
Building the Homepage with Dynamic Content
Video
00:10:42
Creating Login and Signup Pages with Workflows
Video
00:07:48
Setting Up the Database with Data Types & Option Sets
Video
00:04:40
Displaying Data with Repeating Groups
Video
00:07:54
Building a Dynamic View Page
Video
00:06:12
Creating the My Trips Page
Video
00:09:06
Managing Trips with Workflows and Popups
Video
00:10:24
Adding a Confirmation Popup for My Trips Button
Video
00:02:37
Adding Sample Data and Finalizing Navigation
Video
00:04:16
Previewing & Finalizing the International Trips Page
Video
00:04:21
Final Walk-Through and App Review
Video
00:02:49
Project-9-Vehicle Rental
25 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Building a Simple Navigation Bar in Figma
Video
00:05:57
Designing the Main Content Area and Vehicle Category Cards
Video
00:03:15
Adding Details to Product Cards and Enhancing Interactivity
Video
00:06:04
Enhancing the Search Bar and Special Offers Section
Video
00:03:41
Creating the Footer & Finalizing the Design for Your Car Rental Website
Video
00:03:44
Web Design with Bubble
Creating the Header and Footer for Your Ride Rentals Application
Video
00:04:23
Enhancing the Header with Icons and Buttons
Video
00:04:28
Designing the Main Content Area and Adding Visual Elements
Video
00:07:04
Building the Login and Signup Pages with Workflows
Video
00:06:50
Setting Up Data Types and Option Sets for Your Car Rental App
Video
00:05:50
Creating the Hourly Rental Page and Displaying Cars in a Repeating Group
Video
00:05:31
Building the Car Details Page and Linking to Booking Cart
Video
00:04:12
Displaying Car Information Dynamically and Adding Buttons
Video
00:02:52
Setting Up a Repeating Group to Display Booking Cart Items
Video
00:05:14
Adding a Remove Button and Workflow for Booking Cart Items
Video
00:02:28
Setting Up Navigation Workflows for Hourly, Day, and Outstation Pages
Video
00:05:20
Adding Rental Options and Linking Them to Pages
Video
00:05:06
Building the Hourly Rental Page and Linking to Car Details
Video
00:05:45
Creating the Booking Cart Workflow and Managing Items
Video
00:03:30
Project-10-Furniture Mart
24 Learning Materials
Feedback Form
Getting Started with Google Forms
Video
00:04:45
Setting Up Firebase Creating a New Project & Configuring Realtime Database
Video
00:04:13
Automating Google Forms Data Collection with Firebase Using Apps Script
Video
00:03:08
Login Form
Building a Login Page from Scratch
Video
00:06:21
Making the Login Page Functional
Video
00:05:35
Completing the User Authentication Flow, Sign-Up, Login and Testing
Video
00:05:14
Figma Design
Creating a Stunning Furniture Website Banner
Video
00:08:11
Adding CTA Buttons and Navigation Bar
Video
00:14:01
Showcasing Product Categories on Your Furniture Website
Video
00:10:25
Adding Product Details and Special Offers
Video
00:13:46
Finishing Touches - Promotions, Footer, and Social Media for Your Website
Video
00:07:24
Web Design with Bubble
Building a Consistent Header and Footer
Video
00:10:42
Enhancing the Header, Adding Navigation Links, and Building the Footer
Video
00:11:02
Building the Login and Signup Pages with Workflows
Video
00:11:38
Setting Up the Database for Your E-commerce Site
Video
00:06:26
Creating Category Pages and Connecting the Database to Display Products
Video
00:04:34
Dynamic Product Details Page and Adding the Add to Cart Functionality
Video
00:05:42
Finalizing the Product Pages and Connecting Dynamic Data
Video
00:05:04
Creating a Shopping Cart Page and Displaying Cart Items
Video
00:04:51
Removing Items from the Cart and Adding Order Now Functionality
Video
00:04:46
Order Confirmation and Workflow Setup for the Shopping Cart
Video
00:03:17
Building the Add to Cart Workflow and Connecting It to the Database
Video
00:03:29
Adding New Furniture Items and Demonstrating App Functionality
Video
00:04:50
Testing the E-commerce App - Viewing, Adding, & Removing Items from the Cart
Video
00:04:47
Course Instructor
By clicking on Continue, I accept the Terms & Conditions,
Privacy Policy