Single-Page Applications & Interfaces with Vue.js
DGMD E-28 Instructor: Susan Buck (firstname.lastname@example.org)
What is a single page application (SPA)?
In a traditional website, much of the processing is done on the server, where content is loaded and then delivered to the browser for rendering. For example, imagine a site like Wikipedia.org - you click a link and you're led to a page where all the content is loaded and displayed. If you click on another link, the same process happens again, reloading all the content you see in the browser. We can categorize this approach as a multiple-page application as new content is delivered via a new page request for every action.
Now compare this experience to using a more robust web applications like Gmail where the actions we take (e.g., applying a label to a message) create an almost immediate response in the browser, changing just the content relevant to the action we took. This latter approach falls under the umbrella of a single-page application because the majority of the experience happens within a single page, without the need to entirely reload the page from the server.
Note: This course pairs well with CSCI E-15 Web Server Frameworks with Laravel/PHP where you can learn how to build a web service to act as a data source for your single-page applications.
This course is available online and delivered asynchronously.
Every Tuesday by 8pm Eastern, materials for that week will be posted via a link on the schedule and will include the following content:
- 4-6 short lecture videos, totaling about 2 hours on average
- An outline of topics and notes
- Link to that week’s assignment
This course does not have sections; supplemental help is available via the course forum and optional one-on-one Zoom meetings with the instructor.
Other courses by Susan BuckI teach three courses at the Extension School:
- DGMD E-2 Web Programming for Beginners with PHP
- DGMD E-28 Single-Page Applications & Interfaces with Vue.js (Currently viewing)
- CSCI E-15 Web Server Frameworks with Laravel/PHP
- Example Course Example Course
In the following “mini-class” I explain what each of these courses cover and how they relate to one another: