dots bg

Web Development

Course Instructor: Mentor

FREE

dots bg

Course Overview

Schedule of Classes

Course Curriculum

22 Subjects

Web Development

8 Exercises14 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:54

Assessment - Day 01

Exercise

Live Session - Day 02

Video
02:15:27

Assessment - Day 02

Exercise

Live Session - Day 03

Video
02:06:45

Assessment - Day 03

Exercise

Live Session - Day 04

Video
01:56:26

Assessment - Day 04

Exercise

Live Session - Day 05

Video
02:19:51

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:14

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:01

Live Session - Day 13

Video
01:55:29

Live Session - Day 13

Video
01:23:30

Module 3: Google Forms

39 Exercises53 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:27

1.5 Assessment Explanation

Video
00:06:36

1.5 Assessment

Exercise

1.6 Firebase

Video
00:04:06

1.6 Assessment

Exercise

1.6 Assessment Explanation

Video
00:06:39

1.7 Smartsheet

Video
00:05:13

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:34

1.10 Zapier

Video
00:04:36

1.10 Assessment

Exercise

1.10 Assessment Explanation

Video
00:05:56

1.11 Google Forms

Video
00:04:48

1.11 Assessment

Exercise

1.11 Assessment Explanation

Video
00:06:07

1.12 Firebase

Video
00:06:07

1.12 Assessment

Exercise

1.12 Assessment Explanation

Video
00:06:52

1.13 Smartsheet

Video
00:05:17

1.13 Assessment Explanation

Video
00:06:02

1.13 Assessment

Exercise

1.14 Figma

Video
00:05:40

1.14 Assessment

Exercise

1.14 Assessment Explanation

Video
00:07:04

1.15 Bubble

Video
00:05:49

1.15 Assessment Explanation

Video
00:06:53

1.15 Assessment

Exercise

1.16 Zapier

Video
00:05:20

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:33

2.1 Assessment

Exercise

2.1 Assessment Explanation

Video
00:05:37

2.2 Sample Templates Review

Video
00:04:18

2.2 Assessment

Exercise

2.2 Assessment Explanation

Video
00:05:49

2.3 Blank Forms

Video
00:21:08

2.3 Assessment

Exercise

2.3 Assessment Explanation

Video
00:05:28

2.4 Question Options

Video
00:25:31

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:55

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:00

2.7 Checking Responses Google Forms

Video
00:04:05

2.7 Assessment

Exercise

2.7 Assessment Explanation

Video
00:05:33

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:22

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:51

2.11 Web Development Workshop - Response Gen

Video
00:08:13

2.11 Assessment

Exercise

2.11 Assessment Explanation

Video
00:05:44

2.11 Assignment 1

Assignment

2.11 Assignment 2

Assignment

Module 4: Database - FireBase

16 Exercises32 Learning Materials

Introduction to Firebase

1.1 Overview of Firebase

Video
00:09:21

1.1 Assessment

Exercise

1.1 Assessment Explanation

Video
00:07:05

1.2 Database Management

Video
00:08:12

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:04

2.2 Assessment

Exercise

2.2 Assessment Explanation

Video
00:08:43

Firebase project & store form data from Google Forms

3.1 Connecting Google Forms with Firebase and Storing Data

Video
00:14:47

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:50

3.2 Assessment

Exercise

3.2 Assessment Explanation

Video
00:06:37

3.3 Google app script

Video
00:16:52

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:36

4.3 Assessment

Exercise

4.3 Assessment Explanation

Video
00:07:08

4.4 Notes App Part2

Video
00:12:25

4.4 Assessment

Exercise

4.4 Assessment Explanation

Video
00:08:01

4.5 Notes App Part3

Video
00:12:31

4.5 Assessment

Exercise

4.5 Assessment Explanation

Video
00:07:29

Advanced Firebase Integration

5.1 Assessment

Exercise

5.1 Assessment Explanation

Video
00:09:04

5.2 Data Validation

Video
00:07:56

5.2 Assessment

Exercise

5.2 Assessment Explanation

Video
00:08:16

5.3 Real Time Updates

Video
00:06:51

5.3 Assessment

Exercise

5.3 Assessment Explanation

Video
00:07:43

5.1 Authentication

Video
00:09:09

Module 5: SmartSheet

25 Exercises36 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:54

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:30

2.1 Assessment

Exercise

2.1 Assessment Explanation

Video
00:05:36

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:37

3.3 Form Creation

Video
00:07:46

3.3 Assessment

Exercise

3.3 Assessment Explanation

Video
00:05:26

3.4 Creating Dynamic Report in Smart Sheet

Video
00:08:54

3.4 Assessment

Exercise

3.4 Assessemnt Explaination

Video
00:06:32

3.5 Project Tracking Workflows

Video
00:09:13

3.5 Assessment

Exercise

3.5 Assessemnt Explaination

Video
00:06:04

3.5 Assignment 1

Assignment

3.5 Assignment 2

Assignment

Project Management System using SmartSheet

4.1 Creation of Project plan

Video
00:08:15

4.1 Assessment

Exercise

4.1 Assessment Explanation

Video
00:05:47

4.2 Integration of Smart sheet with realtime database

Video
00:08:24

4.2 Assessment

Exercise

4.2 Assessment Explanation

Video
00:05:57

4.3 Fetching Data from Firebase to Smartsheet

Video
00:08:02

4.3 Assessment

Exercise

4.3 Assessment Explanation

Video
00:06:25

4.4 Automation of tasks using Zapier

Video
00:07:37

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:43

5.2 Firebase Integration to the workflow

Video
00:13:54

5.2 Assessment

Exercise

5.2 Assessment Explanation

Video
00:06:48

5.3 Google App Script automation

Video
00:12:44

5.3 Assessment

Exercise

5.3 Assessment Explanation

Video
00:07:45

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 Exercises46 Learning Materials

Overview to Figma

1.1 Overview to Figma

Video
00:06:14

1.1 Assessment

Exercise

1.1 Assessment Explanation

Audio
00:05:37

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:06:42

2.2 Setting Up and Exploring the Interface Part 2

Video
00:06:27

2.2 Assessment

Exercise

2.2 Assessment Explanation

Audio
00:06:26

2.3 Using Frames, Layouts, and Alignment Tools in Figma

Video
00:04:08

2.3 Assessment

Exercise

2.3 Assessment Explanation

Audio
00:05:52

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:06:12

2.5 Creating UI Elements and Managing Layers in Figma

Video
00:06:32

2.5 Assessment

Exercise

2.5 Assessment Explanation

Audio
00:06:01

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:06:24

2.7 Advanced Design Essentials: Pen Tool and Exporting in Figma, etc

Video
00:08:21

2.7 Assessment

Exercise

2.7 Assessment Explanation

Audio
00:06:01

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:06:40

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:05:58

3.3 Building a Profile Card: Adding Images and Styling Text in Figma

Video
00:08:10

3.3 Assessment

Exercise

3.3 Assessment Explanation

Audio
00:05:31

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:05:37

3.5 Interactive Elements in UI: Designing Custom Icon Buttons in Figma

Video
00:06:40

3.5 Assessment

Exercise

3.5 Assessment Explanation

Audio
00:05:12

3.6 Assessment

Exercise

3.6 Icon Integration & Duplication: Completing the Contact Section Design

Video
00:07:07

3.6 Assessment Explanation

Audio
00:05:49

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:05:38

4.2 Wireframing a Login Screen: Structure, Spacing, and Visual Hierarchy in Figma Part 2

Video
00:05:29

4.2 Assessment

Exercise

4.2 Assessment Explanation

Audio
00:06:18

4.3 Styling the Login UI: Color, Shadows, Fonts, and Button Design in Figma

Video
00:06:06

4.3 Assessment

Exercise

4.3 Assessment Explanation

Audio
00:05:37

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:06:15

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:06:02

4.6 Refining UI Elements: Placeholder Text, Toggle Buttons, and Microinteractions Part 2

Video
00:05:42

4.6 Assessment

Exercise

4.6 Assessment Explanation

Audio
00:06:16

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:06:05

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:05:29

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:06:03

4.9 Assignment

Assignment

Module 7: Bubble

30 Exercises48 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:16

1.1 Assessment

Exercise

1.1 Assessment Explanation

Audio
00:07:26

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:08:18

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:07:43

2.2 Mastering Bubble.io: A Beginner’s Guide to No-Code App Development Part 2

Video
00:07:38

2.2 Assessment

Exercise

2.2 Assessment Explanation

Audio
00:08:03

2.2 Assignment

Assignment

Registration Project

3.1 Building a Student Registration App in Bubble

Video
00:06:56

3.1 Assessment

Exercise

3.1 Assessment Explanation

Audio
00:07:16

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:08:24

3.3 Customizing Page Design and Media in Your Bubble Registration App

Video
00:09:11

3.3 Assessment

Exercise

3.3 Assessment Explanation

Audio
00:07:58

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:07:28

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:07:53

4.3 Building a Login Pop-Up with Input Fields and Actions in Bubble

Video
00:07:40

4.3 Assessment

Exercise

4.3 Assessment Explanation

Audio
00:08:19

4.4 Building a Login Pop-Up with Input Fields and Actions in Bubble Part 2

Video
00:08:51

4.4 Assessment

Exercise

4.4 Assessment Explanation

Audio
00:08:55

4.5 Implementing Sign-Up Workflow and Login Validation in Bubble

Video
00:06:54

4.5 Assessment Explanation

Audio
00:07:28

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:08:08

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:07:48

4.8 Designing a Post-Login Welcome Page and Linking Navigation in Bubble Part 2

Video
00:05:27

4.8 Assessment

Exercise

4.8 Assessment Explanation

Audio
00:07:35

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:08:15

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:07:18

5.2 Bubble App Security Basics: Protecting Dashboard Access with Page Workflows Part 2

Video
00:05:03

5.2 Assessment

Exercise

5.2 Assessment Explanation

Audio
00:07:26

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:08:03

5.4 Building a Seamless User Experience: Login, Dashboard, and Redirect Logic in Bubble Part 2

Video
00:05:34

5.4 Assessment

Exercise

5.4 Assessment Explanation

Audio
00:08:19

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:07:45

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:07:51

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:08:24

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:08:13

5.8 Assignment 1

Assignment

5.8 Assignment 2

Assignment

Module 1: Introduction to Web Design

1 Exercises2 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:01

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 Exercises36 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:54

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:30

2.1 Assessment

Exercise

2.1 Assessment Explanation

Video
00:05:36

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:37

3.3 Form Creation

Video
00:07:46

3.3 Assessment

Exercise

3.3 Assessment Explanation

Video
00:05:26

3.4 Creating Dynamic Report in Smart Sheet

Video
00:08:54

3.4 Assessment

Exercise

3.4 Assessemnt Explaination

Video
00:06:32

3.5 Project Tracking Workflows

Video
00:09:13

3.5 Assessment

Exercise

3.5 Assessemnt Explaination

Video
00:06:04

3.5 Assignment 1

Assignment

3.5 Assignment 2

Assignment

Project Management System using SmartSheet

4.1 Creation of Project plan

Video
00:08:15

4.1 Assessment

Exercise

4.1 Assessment Explanation

Video
00:05:47

4.2 Integration of Smart sheet with realtime database

Video
00:08:24

4.2 Assessment

Exercise

4.2 Assessment Explanation

Video
00:05:57

4.3 Fetching Data from Firebase to Smartsheet

Video
00:08:02

4.3 Assessment

Exercise

4.3 Assessment Explanation

Video
00:06:25

4.4 Automation of tasks using Zapier

Video
00:07:37

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:43

5.2 Firebase Integration to the workflow

Video
00:13:54

5.2 Assessment

Exercise

5.2 Assessment Explanation

Video
00:06:48

5.3 Google App Script automation

Video
00:12:44

5.3 Assessment

Exercise

5.3 Assessment Explanation

Video
00:07:45

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 Exercises46 Learning Materials

Overview to Figma

1.1 Overview to Figma

Video
00:06:14

1.1 Assessment

Exercise

1.1 Assessment Explanation

Audio
00:05:37

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:06:42

2.2 Setting Up and Exploring the Interface Part 2

Video
00:06:27

2.2 Assessment

Exercise

2.2 Assessment Explanation

Audio
00:06:26

2.3 Using Frames, Layouts, and Alignment Tools in Figma

Video
00:04:08

2.3 Assessment

Exercise

2.3 Assessment Explanation

Audio
00:05:52

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:06:12

2.5 Creating UI Elements and Managing Layers in Figma

Video
00:06:32

2.5 Assessment

Exercise

2.5 Assessment Explanation

Audio
00:06:01

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:06:24

2.7 Advanced Design Essentials: Pen Tool and Exporting in Figma, etc

Video
00:08:21

2.7 Assessment

Exercise

2.7 Assessment Explanation

Audio
00:06:01

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:06:40

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:05:58

3.3 Building a Profile Card: Adding Images and Styling Text in Figma

Video
00:08:10

3.3 Assessment

Exercise

3.3 Assessment Explanation

Audio
00:05:31

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:05:37

3.5 Interactive Elements in UI: Designing Custom Icon Buttons in Figma

Video
00:06:40

3.5 Assessment

Exercise

3.5 Assessment Explanation

Audio
00:05:12

3.6 Assessment

Exercise

3.6 Icon Integration & Duplication: Completing the Contact Section Design

Video
00:07:07

3.6 Assessment Explanation

Audio
00:05:49

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:05:38

4.2 Wireframing a Login Screen: Structure, Spacing, and Visual Hierarchy in Figma Part 2

Video
00:05:29

4.2 Assessment

Exercise

4.2 Assessment Explanation

Audio
00:06:18

4.3 Styling the Login UI: Color, Shadows, Fonts, and Button Design in Figma

Video
00:06:06

4.3 Assessment

Exercise

4.3 Assessment Explanation

Audio
00:05:37

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:06:15

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:06:02

4.6 Refining UI Elements: Placeholder Text, Toggle Buttons, and Microinteractions Part 2

Video
00:05:42

4.6 Assessment

Exercise

4.6 Assessment Explanation

Audio
00:06:16

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:06:05

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:05:29

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:06:03

4.9 Assignment

Assignment

Module 7: Bubble

30 Exercises48 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:16

1.1 Assessment

Exercise

1.1 Assessment Explanation

Audio
00:07:26

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:08:18

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:07:43

2.2 Mastering Bubble.io: A Beginner’s Guide to No-Code App Development Part 2

Video
00:07:38

2.2 Assessment

Exercise

2.2 Assessment Explanation

Audio
00:08:03

2.2 Assignment

Assignment

Registration Project

3.1 Building a Student Registration App in Bubble

Video
00:06:56

3.1 Assessment

Exercise

3.1 Assessment Explanation

Audio
00:07:16

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:08:24

3.3 Customizing Page Design and Media in Your Bubble Registration App

Video
00:09:11

3.3 Assessment

Exercise

3.3 Assessment Explanation

Audio
00:07:58

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:07:28

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:07:53

4.3 Building a Login Pop-Up with Input Fields and Actions in Bubble

Video
00:07:40

4.3 Assessment

Exercise

4.3 Assessment Explanation

Audio
00:08:19

4.4 Building a Login Pop-Up with Input Fields and Actions in Bubble Part 2

Video
00:08:51

4.4 Assessment

Exercise

4.4 Assessment Explanation

Audio
00:08:55

4.5 Implementing Sign-Up Workflow and Login Validation in Bubble

Video
00:06:54

4.5 Assessment Explanation

Audio
00:07:28

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:08:08

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:07:48

4.8 Designing a Post-Login Welcome Page and Linking Navigation in Bubble Part 2

Video
00:05:27

4.8 Assessment

Exercise

4.8 Assessment Explanation

Audio
00:07:35

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:08:15

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:07:18

5.2 Bubble App Security Basics: Protecting Dashboard Access with Page Workflows Part 2

Video
00:05:03

5.2 Assessment

Exercise

5.2 Assessment Explanation

Audio
00:07:26

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:08:03

5.4 Building a Seamless User Experience: Login, Dashboard, and Redirect Logic in Bubble Part 2

Video
00:05:34

5.4 Assessment

Exercise

5.4 Assessment Explanation

Audio
00:08:19

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:07:45

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:07:51

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:08:24

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:08:13

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:58

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:46

Final Adjustments to E-Commerce Page

Video
00:08:19

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:04:59

Populating Your Homepage with Product Images and Categories

Video
00:05:25

Setting Up Your Database

Video
00:05:28

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:20

Setting Up Cart Functionality

Video
00:03:22

Managing Cart Items

Video
00:10:10

Creating New Category Pages and Connecting Them to Navigation

Video
00:07:31

Configuring Navigation Workflows for a Seamless User Experience

Video
00:05:44

Adding Clickable Category Images for Easy Navigation Across the Site

Video
00:04:41

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:12

Automating Google Forms Data Collection usind Apps Script

Video
00:03:07

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:09

Designing the Hero Section & Freelance Market Layout

Video
00:05:26

Adding Navigation Links and Footer Section

Video
00:03:24

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:13

Designing & Structuring a Navigation Header with Text & Icons

Video
00:03:01

Adding & Customizing a Slideshow for Dynamic Image Display

Video
00:02:36

Refining the Header and Creating a Professional Footer

Video
00:04:25

Building the Homepage with Reusable Header and Footer

Video
00:02:45

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:51

Creating a Detailed View Page for Job Listings with Dynamic Data

Video
00:04:25

Adding Dynamic Job Pages with Workflows & Data Handling

Video
00:04:22

Enhancing Job Application Page with Dynamic Content & Action Buttons

Video
00:06:57

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

Figma Design

Mobile App Design, Setting Up the Frame and Status Bar

Video
00:10:23

Building a Real Estate Booking Platform

Video
00:12:14

Creating Property Cards and Customizing Content

Video
00:09:17

Adding Popular Locations and Real Estate Agents Sections

Video
00:13:12

Finalizing the Footer and Navigation Bar Design

Video
00:08:24

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:06

Building the Property Website Structure with Reusable Elements

Video
00:04:36

Adding and Styling Content Sections for the Landing Page

Video
00:06:08

Resizing and Formatting Images and Text Elements

Video
00:05:41

Creating and styling Property Website Section

Video
00:06:50

Structing Data for Real Estate Listings

Video
00:04:48

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:43

Building a My Favorites Page & Linking it to the Header

Video
00:12:31

Adding Confirmation Pop-Ups for Favorites with Dynamic Interactions

Video
00:03:55

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:27

Building the Navigation Bar with Logo, Links, Sign-Up Button

Video
00:03:31

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:00

Adding a Search Bar and call-to-Action Button

Video
00:05:04

Designing the Popular Specialties Cards Section

Video
00:04:07

Creating the Featured Doctors Section with Profile Cards

Video
00:05:36

Adding the Best Senior Doctors Section with Profile Cards

Video
00:05:03

Creating View Profile Buttons & Adding Specialty Icons via Plugin

Video
00:04:45

Starting the How it works Section with Background & Images

Video
00:04:05

Adding Step by Step Text & Footer Links with Social Media Icons

Video
00:04:05

Completing the Footer with additional Social Media Icons & Final Preview

Video
00:04:05

Bubble

Creating a New Bubble Project and Reusable Header Elements

Video
00:05:53

Designing a Login Page with Background Shapes & Slideshow

Video
00:07:39

Building a Functional & Stylish Header with Navigation

Video
00:05:42

Designing a Login Page with Background Shapes & Slideshow

Video
00:06:55

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:26

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:05

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:23

Designing the Header Adding Logo, Website Name, and Navigation Links in Figma

Video
00:03:22

Building the Navigation and Hero Section

Video
00:05:08

Showcasing Courses Designing Course Cards and Layout

Video
00:04:20

Designing a Testimonial Section for a Website

Video
00:05:08

Adding Team Section and Footer with Social Media Links

Video
00:04:22

Web Design with Bubble

Creating a New Project and Setting Up Reusable Elements

Video
00:03:29

Adding Containers, Backgrounds, Interactive Elements

Video
00:03:48

Creating Java, Python, DevOps, and AI Buttons

Video
00:04:01

Adding Slideshow and Text Elements

Video
00:03:24

Adding Dynamic Typewriter Text Effects to Your Hero Section

Video
00:03:14

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:36

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:10

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:44

Adding Slideshow, Call-to-Action Button, and Food Categories

Video
00:07:44

Adding Dynamic Text and Animations to the Homepage

Video
00:06:53

Creating the Database

Video
00:05:19

Displaying Restaurant List

Video
00:04:42

Creating the Restaurant Menu Page

Video
00:04:31

Adding Restaurant Information & Filter Options to the Menu Page

Video
00:05:02

Linking Cart Functionality

Video
00:05:22

Implementing Add to Cart & Remove from Cart Features

Video
00:09:59

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:05

Customizing the Header and Adding Buttons

Video
00:04:04

Designing and Adding a Reusable Footer

Video
00:03:06

Building an App Layout with Plugins & Dynamic Elements

Video
00:03:30

Designing Login and Signup Pages with Workflows

Video
00:05:53

Creating Dynamic Category Pages

Video
00:04:55

Building a Dynamic Product Page

Video
00:04:41

Enhancing the Product Page and Creating a Cart

Video
00:05:24

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:26

Designing the Main Content & Featured Destinations

Video
00:13:28

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:23

Adding a Confirmation Popup for My Trips Button

Video
00:02:37

Adding Sample Data and Finalizing Navigation

Video
00:04:15

Previewing & Finalizing the International Trips Page

Video
00:04:20

Final Walk-Through and App Review

Video
00:02:48

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:43

Web Design with Bubble

Creating the Header and Footer for Your Ride Rentals Application

Video
00:04:22

Enhancing the Header with Icons and Buttons

Video
00:04:28

Designing the Main Content Area and Adding Visual Elements

Video
00:07:03

Building the Login and Signup Pages with Workflows

Video
00:06:49

Setting Up Data Types and Option Sets for Your Car Rental App

Video
00:05:49

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:11

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:27

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:44

Creating the Booking Cart Workflow and Managing Items

Video
00:03:29

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:12

Automating Google Forms Data Collection with Firebase Using Apps Script

Video
00:03:07

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:45

Finishing Touches - Promotions, Footer, and Social Media for Your Website

Video
00:07:23

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:45

Order Confirmation and Workflow Setup for the Shopping Cart

Video
00:03:16

Building the Add to Cart Workflow and Connecting It to the Database

Video
00:03:28

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

tutor image

Mentor

45 Courses   •   3076 Students