Clarity on Stack | Pantech University

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Internship on Full Stack Web Development

Private Community

Mandatory to 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" (11:17)

[Recordings - Fullstack Bootcamp Session]

[Recordings] JavaScript - 3Hrs (229:41)

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)

Authentication Functionality in application

Introduction to Authentication System (4:04)
Setting up Application with Authentication (13:57)
Demo of our Application (10:21)
Start Writing Code for our Application with authentication System (24:17)

Fullstack Application - Video Testimonial Tool

Overview & Structure of the Application (11:56)
Setting up Google Cloud for Drive API (13:19)
Running Our Video Testimonial Tool (3:14)
Task on Improvising Video Testimonial Tool (2:22)

Fullstack Application TO Do App

Complete Demo on To Do Application (14:59)
Back-end (22:56)
Front-end (Embedded Javascript) (23:00)
Final Demo on TO Do App on New Database (5:29)

Introduction to testing MOCHA - JEST

Introduction to Testing , Types & Tools (11:19)
Jest for Frontend Testing (12:28)
Mocha for Backend Testing (10:42)
Writing Integration Test (19:14)
Mini Project on Testing (12:21)
General Discussion (4:05)

Introduction to Deployment - Docker

Introduction to Docker (13:33)
Installing Docker (6:55)
Creating Docker Application (22:57)
Testing Docker Application (5:38)
Final Overview (5:31)

Git & GitHub

Introduction to Version Control (6:37)
Installing Git (4:01)
Create Account in Github (3:25)
Setting up Github Repository (6:37)
Exploring Various Git Commands (29:49)

CI/CD Pipeline - Heroku

Introduction to CI-CD Pipeline (7:59)
Create Simple NodeJS Application (7:27)
Setting up GitHub Repository (8:51)
Setting up CI (Continuous Intergration) (10:31)
Download & Install Heroku (7:27)
Deploy Application in Heroku (13:19)
Setting up CD (Continuous Deployment) (17:22)
Final Overview on Testing CI-CD Pipeline (5:22)

Working on Various Framework & Library (React)

Comparing React, Angular & Vue.JS (10:08)
Creating React Application (3:44)
Creating Component (23:02)
Adding routing, Modifying App File & Final Demo (8:58)

Working on Various Framework & Library (Angular)

Hands-on Typescript (33:39)
Installing Angular CLI (6:54)
Creating Angular Application (8:12)
Creating Angular Components (21:55)
Creating Stage-management (9:15)
Adding Routing (3:01)
Modifying App File (4:33)
Final Demo (6:16)

Various Frameworks & Library - Vue

Installing Vue CLI (3:24)
Creating Vue Application (3:30)
Creating Vue Components (16:15)
Modifying App File (1:59)
Adding Routing (2:51)
Adding Main js & Final Demo (2:40)
Complete Overview of Various Framework (8:03)

Introduction to Python based Framework Flask & Django

Exploring Python Frameworks - Python & Flask (10:01)
Installing Python & Setting up vscode (8:29)
Creating account in Open AI & Get Your API Key (8:14)
Creating Final Application (27:24)
Additional Discussion on Application (6:40)

LIVE Recordings

Planning and Design Conceptualization of the web application idea (93:41)
Deploying Application STATIC WEBSITE - 1 (52:23)
Security best Practices (59:14)
Scalable Architectures (61:35)
Building Portfolio (50:40)
GenAI based Web Application using Python (96:12)
Freelancing - Fullstack Web Development (61:13)
ResumeBuilding (75:29)

[Recordings - Fullstack Bootcamp Session]

[Recordings] HTML- 2Hrs

Private Community

Mandatory to Join Private Community

Teach online with

Clarity on Stack

Lesson content locked

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

Enroll in Course to Unlock