Build a web app without frameworks

In this section we will add some more tools to your toolbelt to build applications without any framework or build tools (React, Svelte, Webpack, ...)

Learn what we will do in this course and how it might help you in your job.

Let's setup our local development environment and get started with the project.

Let's setup our main script and introduce some useful shorthand methods to make our code less verbose.

Let's setup a global store so we can share data between components.

How do frameworks handle routing? Let's find out.

How can we create our own reusable components? Let's find out.

How can we make the UI update automatically when the data changes? Let's find out.

Finish up our components work for the app.

What are Progressive Web Apps? How do they work? Let's find out.

What are service workers and how do they work? Let's find out.

A great example of interactivity is a popover. Let's build one.

Lets put everything we learning together and do some exercises.