Learn the Svelte JavaScript Framework - Full Course

Full Course on the Svelte JavaScript Framework. ⭐️ Code / Projects ⭐️ Handwashing App 🔗 https://phptuts.github.io/fcc-handwashing/ 🔗 https://github.com/phptuts/fcc-handwashing COVID-19 US Tracker App 🔗 https://covid-us.noahglaser.net/ 🔗 https://github.com/phptuts/fcc-covid-19-us Project Estimator App 🔗 https://phptuts.github.io/fcc-project-estimator-svelte/ 🔗 https://github.com/phptuts/fcc-project-estimator-svelte Tictactoe App 🔗 https://phptuts.github.io/fcc-tictactoe-svelte/ 🔗 https://github.com/phptuts/fcc-tictactoe-svelte ✏️ Created by by Coding With Noah: https://www.youtube.com/channel/UCjWnee4Cv1MESU8ALLsHdCA ⭐️ Course Contents ⭐️ ⌨️ (00:01:02) What is svelte ⌨️ (00:01:25) What is Sapper ⌨️ (00:01:49) Svelte Demo 🔗 REPL Demo: https://svelte.dev/repl/856a0501186742b2b2446fd720271ed4?version=3.20.1 ⌨️ (00:07:41) What we are building ⌨️ (00:10:48) What you will need 🔗 https://nodejs.org/en/ 🔗 https://git-scm.com/ 🔗 https://github.com 🔗 https://code.visualstudio.com/ 🔗 https://marketplace.visualstudio.com/items?itemName=JamesBirtles.svelte-vscode ⌨️ (00:11:36) Installing Svelte ⌨️ (00:12:56) Clean up + tour ⌨️ (00:16:46) Installing CSS 🔗 https://www.npmjs.com/package/rollup-plugin-css-only 🔗 https://blueprintcss.dev/docs/grid npm install blueprint rollup-plugin-css-only --save-dev @import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap'); body { font-family: 'Lato', sans-serif; } ⌨️ (00:25:15) Components & HTML 🔗 https://www.who.int/gpsc/clean_hands_protection/en/ ⌨️ (https://)freesound.org/people/metrostock99/sounds/345086/ ⌨️ (00:42:06) Timer Component & Reactive Variables ⌨️ (00:55:39) Playing Sound & Custom Events ⌨️ (01:02:32) Github Pages npm install gh-pages --save-dev ⌨️ (01:06:41) What is Sapper 🔗 https://sapper.svelte.dev/ ⌨️ (01:07:31) What we'll be using to build covid-19 US Tracker 🔗 https://covidtracking.com/ 🔗 https://bulma.io/ 🔗 https://www.chartjs.or