Hands-on Typescript | Pantech University

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Internship on Full Stack Web Development

Mandatory Step First Step - Join the Community Here

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

Teach online with

Hands-on Typescript

Lesson content locked

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

Enroll in Course to Unlock