{"lesson":{"name":"Lesson 01 - Choosing a Javascript Framework","demoSubdomain":"1-choosing-a-framework","description":"

This series will build the same app in 4 different Javascript meta-frameworks - Next 13, Remix 1.10, Nuxt 3, and SvelteKit 1.0

You can choose to follow only one framework, or watch multiple versions to see how they're similar and different. If you're not sure which framework you prefer, then definitely watch all the versions of at least this first video.

For this series, I recommend that you already know basic html/css/javascript. It's also helpful to have some experience with a framework like React, Vue, or Svelte (or Angular or Ember), but not required.

The demo you see behind you is the completed app. We'll be using the SvelteKit version of the app for our demos, but they should all act the same as far as the user is concerned.

\n","implementations":[{"framework":"SvelteKit 1.0","githubUrl":"https://github.com/jeffreybiles/evil-commerce/commits/lesson-01","youtubeId":"_FJy4yUSmfc"},{"framework":"Nuxt 3","githubUrl":"","youtubeId":"0W16DJeAsFM"},{"framework":"Next 13","githubUrl":"","youtubeId":"ypY-HuJP95k"},{"framework":"Remix 1.10","githubUrl":"","youtubeId":"ypY-HuJP95k"}]},"nextLesson":{"name":"Lesson 02 - Setting up our App","demoSubdomain":"lesson-02-setup","description":"

We'll get our app set up with our chosen framework, then go over the basics of how the pregenerated code works.

We'll be using TypeScript, but you can follow along in Javascript simply by removing the type annotations.

We'll learn:

How to set up a new app
How to run the app
How html, css, and javsacript work together
How to change data in the route component

","implementations":[{"framework":"SvelteKit 1.0","githubUrl":"https://github.com/jeffreybiles/evil-commerce/commits/lesson-01","youtubeId":"_FJy4yUSmfc"},{"framework":"Nuxt 3","githubUrl":"","youtubeId":"0W16DJeAsFM"},{"framework":"Next 13","githubUrl":"","youtubeId":"ypY-HuJP95k"},{"framework":"Remix 1.10","githubUrl":"","youtubeId":"ypY-HuJP95k"}]}}

charizard-mega-y

No charizard-mega-y in your pokedex yet