single-page-application

Stage #2 Single Page Applications (SPAs) Without Frameworks 🌐

Module Overview 📚

The "Single Page Applications (SPAs) Without Frameworks" module is designed for a deep dive into building SPAs using vanilla JavaScript, HTML, and CSS. This course emphasizes SPA architecture, client-side routing, state management, and performance optimization, specifically targeting development without the use of frameworks.

Learning Objectives 🎯

Students will:

• Gain a clear understanding of SPA architecture and how it differs from traditional web applications.
• Develop a SPA using only vanilla JavaScript, HTML, and CSS.
• Master client-side routing techniques without relying on frameworks.
• Learn the essentials of state management in SPA environments.
• Enhance skills in optimizing SPA performance and user experience.

Approximate Module Completion Time ⏱️

• 5 hours

Theory 📖

Students are encouraged to explore the following resources:

1. SPA Fundamentals:

   • Introduction to Single Page Applications
   • Single Page Applications
   • What I wish I had known about single page applications

2. Client-Side Routing in SPAs:

   • History API
   • Native JavaScript Routing

3. Lecture Videos:

   • SPA Development [RU]
   • SPA Development Part 2 [RU]

Practice 💻

• Complete the test "[St2] Single Page Application" in the RS-App > Auto Test.

Additional Resources 📘

1. Creating markup with JS