Postman Livestream Web Dev Resources

Table of Contents

1. Responsive Web Design
2. Single Page Applications
3. Progressive Web Apps

Responsive Web Design

Responsive web design refers to an approach in web development that aims to create websites that adapt and respond to the user's device and screen size. With the increasing use of mobile devices and tablets to access the internet, it has become essential for websites to provide an optimal viewing and interaction experience across various devices.

Some helpful articles related to web design and development

• 10 best practices for responsive web design
• The Beginner’s Guide to Responsive Web Design (Code Samples & Layout Examples)

Some helpful video resources on responsive web design

• Introduction to Responsive Web Design - HTML & CSS Tutorial (Free Code Camp)

  

• Responsive Web Design | 10 principles

  

---

Single Page Applications

Single Page Applications are web applications that load and run entirely within a single web page, eliminating the need for page reloads or full page transitions.

Some helpful articles on Single Page Applications

• Single-Page Applications: A Guide
• SPA (Single-page application) | mdn web docs
• Understanding The Single-Page Application Architecture

Some helpful video resources on Progressive Web Apps

• What Is A Single Page Application?

  

• Build a Single Page Application with JavaScript (No Frameworks)

  

• Single Page Application Rendering | Fireship

  

---

Progressive Web Apps

A Progressive Web App (PWA) is a web application that uses modern web technologies to provide a native app-like experience to users.

Some helpful articles on Progressive Web Apps

• What are Progressive Web Apps?
• Overview of Progressive Web Apps (PWAs) | Microsoft Learn
• 30 Days of PWA | Microsoft
• Getting Started with PWAs | Chrome Developers

Some helpful video resources on Progressive Web Apps

• Progressive Web Apps in 100 Seconds // Build a PWA from Scratch

  

• PWA Tutorial for Beginners #1 - What Are PWA's?

  

• Progressive Web Apps (PWA) Tutorial for Beginners - Getting Started

  

---

Additional resources to help in your web development journey

• Frontend masters free web dev bootcamp
• Microsoft's Free Web dev course for beginners
• Free Code camp’s responsive web design course
• Modern JavaScript Tutorial 🔥🔥
• Learn JavaScript with Wes Bos | 30 days of building 30 things with 30 tutorials

BONUS!

• Check out these web features

  

---

Made with ❤ by Patrick

Until next time!