Web Development Stacks

1. Prerequisites#

• Web Mechanics

2. Web Development Stacks#

• WEB DEVELOPMENT explained in 10 minutes (2020)

3. Client Server#

• What is Client Server Architecture?
• Static vs Dynamic Website → Static vs dynamic website | Cyfuture
• How Web Browsers Function
• Server-Side Rendering (SSR)
  • Server-Side Rendering | Explained Briefly
  • Animated Server Side Rendering
• Client-Side Rendering (CSR)
  • Client-Side Rendering | Explained Briefly
  • Animated Client Side Rendering

4. Frontend#

• Frontend Web Development → This video explains every technology needed to build a frontend web application.

  • Frontend vs Backend
  • HTML
  • CSS
  • JavaScript & JavaScript Framework
  • Bundler & Transpiler
  • CSS Preprocessor
  • CSS Framework
  • HTTP
  • Review & conclusion
  
  

• Document Object Model (DOM)

  • What is DOM | Document Object Model | Beginner Tutorial
  • An Introduction to the DOM (Document Object Model) in JavaScript
  
  

• UI/UX Design

  • What is UI/UX Design?
    • What is UI vs. UX Design? A Practical Example in Under 6 Minutes
    • What is UI vs. UX Design? | What’s The Difference? | UX/UI Explained in 2 Minutes For BEGINNERS.
  • Type of Design Approaches → Responsive vs. Adaptive vs. Fluid Design: What’s the Difference?
  • Responsive Web Design
    • What is Responsive Web Design?
      • What is Responsive Web Design?
      • Responsive Web Design | ## Basics → This video explains the fundamentals and the “must-haves” of responsive web design.
    • Mobile First Responsive Web Design → What is Mobile First Responsive Web Design?

• Mobile

  • Progressive Web App (PWA) → What Is A Progressive Web App (PWA) - Why Is It A Game-Changer In eCommerce
  • Native vs. Cross-platform vs. Hybrid App

5. Backend#

• How The Backend Works

• Backend Web Development → This video explains every backend technology needed to build a web application.

  • What is a Server?
  • Backend Programming Language
  • Backend Framework
  • Package Manager
  • Database
  • Request Response Cycle
  • API
  • REST API
  • Cloud Computing and IaaS (Infrastructure as a Service)
  • VMs and Load Balancers
  • PaaS (Platform as a Service)
  • Microservices
  • SaaS (Software as a Service)
  • Additional technologies
  • Backend review

• Database

  • Learn What is Database → This video explains everything we need to know about Databases. Relational database and also other types of database like the NoSQL Database or Non Relational database.
    • Introduction
    • What is Database?
    • Evolution of Database
    • Relational Database
    • Table Relations
    • Non-Relational Database
    • Key Value Database (Key Value Store)
    • Document Database (Document Store)
    • Graph Database
    • Wide Column Database (Column Family Database)
  • SQL → Basic SQL
  • NoSQL → How do NoSQL databases work? Simply Explained!

6. Backend-Frontend Communication#

• API

  • API Architecture Styles → Top 6 Most Popular API Architecture Styles

  • REST API

    • What is REST API?
      • What is a REST API?
      • What Is REST API? Examples And How To Use It: Crash Course System Design #3
    • HTTP Methods → 9 HTTP methods and how to use them
    • Media Types
      • What are Media Types? → REST Api: The missing piece: Media Types
      • What is JSON? → What Is JSON | JSON Explained In 1 Minute
      • JSON vs YAML → What is the difference between YAML vs JSON?
      • JSON vs CSV vs XML → The Big 3 Programming Data Formats (JSON, CSV, XML)
    • REST API Response Format → REST API response format based on some of the best practices
    • Consume REST API
      • APIs for Beginners - How to use an API (Full Course / Tutorial)
      • Postman Beginner’s Course - API Testing
    • Pagination
      • How to design API that display and filter through millions of products.REST API Filters & Pagination
      • Web API Pagination | Offset-based vs Cursor-based
    • API Versioning
      • Web API Versioning | Additive Change Strategy
      • Web API - Explicit Versioning | URI vs Headers vs Request Params | SemVer | Sunset Headers
    • API Rate Limiting → Web API Rate Limiting - Why it’s so IMPORTANT for your APIs

  • GraphQL

    • What Is GraphQL?
      • What Is GraphQL? REST vs. GraphQL
      • GraphQL Explained in 100 Seconds
      • GraphQL vs REST APIs | What’s the Best Kind of API?
    • Consume GraphQL → GraphQL in Postman Demo

• API Security

  • Authentication & Authorization
    • What is Authentication & Authorization
      • Authentication Vs Authorization in plain English - Security - Session 1
      • Authorization vs Authentication - Whats the Difference? | Developer Concepts Explained
    • Different types of Authentication
      • REST Assured Tutorial ### - Different types of Authentication
      • Web API Security | Basic Auth, OAuth, OpenID Connect, Scopes & Refresh Tokens
      • What Is Single Sign-on (SSO)? How It Works
    • Cookies, Session and Tokens
      • Session vs Token Authentication in 100 Seconds
      • Difference between cookies, session and tokens
  • Password Storing
    • T he BEST Ways to Store Passwords in Your Database
    • What is Hashing? Hash Functions Explained Simply

• API Gateway → What is API Gateway?

• AJAX

  • JavaScript Tutorial - What is AJAX?
  • Ajax - Introduction with Example