Full Course on the Svelte JavaScript Framework.
⭐️ Code / Projects ⭐️
Handwashing App
🔗
🔗
COVID-19 US Tracker App
🔗
🔗
Project Estimator App
🔗
🔗
Tictactoe App
🔗
🔗
✏️ Created by by Coding With Noah:
⭐️ Course Contents ⭐️
⌨️ (00:01:02) What is svelte
⌨️ (00:01:25) What is Sapper
⌨️ (00:01:49) Svelte Demo
🔗 REPL Demo:
⌨️ (00:07:41) What we are building
⌨️ (00:10:48) What you will need
🔗
🔗
🔗
🔗
🔗
⌨️ (00:11:36) Installing Svelte
⌨️ (00:12:56) Clean up + tour
⌨️ (00:16:46) Installing CSS
🔗
🔗
npm install blueprint rollup-plugin-css-only –save-dev
@import url(‘
body {
font-family: ‘Lato’, sans-serif;
}
⌨️ (00:25:15) Components & HTML
🔗
⌨️ (
⌨️ (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
🔗
⌨️ (01:07:31) What we’ll be using to build covid-19 US Tracker
🔗
🔗
🔗
🔗
🔗
⌨️ (01:08:52) Tour of the app
🔗
⌨️ (01:10:49) Project Setup / Sapper Tour
⌨️ (01:20:48) Project Cleanup
⌨️ (01:25:21) NPM Install + Bulma Setup
npm install bulma rollup-plugin-css-only chart.js moment –save-dev
npm install –save axios
⌨️ (01:31:09) Page & Components
⌨️ (01:41:24) NavBar
🔗
⌨️ (01:51:39) About Pages + Titles
🔗
⌨️ (01:58:55) Getting data from an api
⌨️ (02:13:51) Populating CovidStat component with data
🔗
⌨️ (02:21:22) Error Page
⌨️ (02:24:51) CovidStat data for the states
⌨️ (02:45:30) Requesting & Parsing Chart Data
🔗
⌨️ (03:04:32) Covid Chart Component
⌨️ (03:21:39) Covid Chart State Component + Fixing Chartjs Errors
⌨️ (03:33:29) Request Data For States Table Component
⌨️ (03:41:48) Table Component
⌨️ (03:49:31) Filtering Table Component
⌨️ (04:12:03) Deploying Sapper
🔗
🔗
🔗
🔗
⌨️ (04:29:25) Final Touches + Redeploy
🔗
⌨️ (04:40:53) Project Estimator Introduction
⌨️ (04:41:44) Writable Store Demo
🔗
⌨️ (04:45:36) Project Setup
🔗
⌨️ (04:52:01) Component Setup
⌨️ (04:56:28) Form Components
⌨️ (05:12:27) Writable Stores
⌨️ (05:21:13) Table Component
⌨️ (05:32:52) Edit Item
⌨️ (05:43:31) Remove Item
⌨️ (05:50:31) Github Pages
⌨️ (5:53:50 )Fixing Bugs and Redeploying
🔗
🔗
⌨️ (06:01:44) Svelte Amazing Community
⌨️ (06:03:00) Readable Stores Example
🔗
⌨️ (06:05:53) Challenge Create HTML & CSS & Props
⌨️ (06:17:55) Node Server Tour
🔗
🔗
🔗
⌨️ (06:26:34) Readable Store
⌨️ (06:46:23) Websock
⌨️ (06:58:14) New Game
⌨️ (07:02:19) Deploying TicTacToe To Github
⌨️ (07:06:20) Other Resources and Libraries
🔗
🔗
🔗
🔗
🔗
🔗
🔗
🔗
🔗 The Return of ‘Write Less, Do More’ by Rich Harris:
🔗 Rich Harris: Thinking Reactively:
⌨️ (07:09:38) Congrats you completed the course
