Qverview of SPA vs MPA | Pantech University

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Internship on Full Stack Web Development

Mandatory Step First Step - Join the Community Here

VIP Telegram Group For Live Updates
Join Private Community

Course Repository

Download Now

Welcome

Welcome to this Master Class (5:38)

Introduction to Web Development

Clarity on Stack (24:03)
Type of Stack (6:29)
Understanding the internet (8:54)
Introduction to Webserver & hosting (3:41)
Installing Software's (7:47)

HTML

Clarity on Front-end & Setting up VS Code (9:25)
How to Write Code & See the Output (4:13)
Doc type, HTML & Head Tags (15:42)
Body & Footer Tag (32:42)
Creating Project Page (7:09)
Final output (2:39)

CSS

Overview & Setting up VS Code (2:52)
Cheat Sheet (4:02)
Types of CSS (5:19)
Your 1st CSS Code Project (31:56)
External CSS (14:32)
Exploring CSS Options - Demo using Page Builder in Wordpress (18:02)
Final output of CSS (8:12)
Other Discussion (Syntax) (3:12)

Responsive Design

Overview is Inspect Page (9:19)
Media Query - How to Works (6:23)
Flex vs Grid (4:19)
Demo - how it works - page builders (11:42)
Example - Flex VS Grid - VS Code (21:18)
Final demo on the Responsive (25:25)

JavaScript

Introduction & write your 1st JS Code (8:39)
Setting up VS Code for Java Script (11:22)
Basic JavaScript Code Variables (10:10)
Functions (2:46)
Control flow (8:18)
Array (8:53)
Other Concepts (7:06)
In Out Project - Typing Text Animation (14:00)
Different Animation in My "Skills"

DOM-JavaScript

Overview of DOM (4:43)
Demo on DOM (8:44)
Dark/Light Mode in Our page using DOM (22:09)
Creating Progress Bar Animation (17:37)
Project Thumbnail Showcase (10:47)

Personal Website - Front End

Recap (Optional) (5:43)
No.1 Quality of Developer (10:32)
Our New Personal Website - Frontend (5:34)
Step : 1 Navigation Menu (8:17)
Step 2 : Project Section (2:44)
Step : 3 Popup, Model Box (12:26)
Task & Fixing errors & Understanding Programs (14:28)

Advanced CSS

Importance of Optimizing Code (3:37)
CSS Preprocessor (5:30)
Demo on SASS & SCSS (29:10)
Demo on SASS with More Features (16:16)
Overview of Netflix hero Section Clone (10:34)
step 1:Video background & hero section (10:16)
step 2: Navigation bar (11:19)
Bonus : Movie Database (2:51)

Modern Javascript

Weather App using Public API Showcase (12:08)
Exploring Modern JavaScript Syntax in Weather App (44:28)
Creating Weather Web Application using Public API (11:45)

React

Qverview of SPA vs MPA (10:09)
Library vs Framework (6:44)
Intro to React JS with example (10:04)
Creating React Application (17:53)
Sample Demo on React (18:08)
To Do List App with & without Themes (15:26)

State Management

To Do List Web App Recap (5:12)
Must Know Concept on React JS (10:50)
Overview on State Management (5:44)
Approach on State Management (Context API & Redux) (8:16)
Demo on Creating React Application for Context API & Redux (10:27)
Demo on To Do List App Using Context API (23:37)

Introduction to Back-end Development

Introduction to Back-end (6:04)
Libraries & Framework in Backend (8:01)
Basic Demo on Back-end (9:38)
Must Know Concept Before Developing Projects (10:14)
API Testing using CURL Method (11:50)
API Testing using Postman App (9:37)
Building a simple REST API (7:30)

Database Integration

Introduction to Various (17:54)
Download & Install PostgreSQL (20:39)
Demo on PostgreSQL Database Integration (13:45)
Demo on MongoDB Database integration (14:56)
Comparing PostgreSQL & Mongodb code (3:26)

LIVE Recordings

Authentication for Webpage (63:09)
Connecting Front-end to Back-end (50:24)

Teach online with

Qverview of SPA vs MPA

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock