Learn the Svelte JavaScript Framework - Full Course

Overview

This course on the Svelte JavaScript Framework aims to teach learners the following: - Understanding Svelte and Sapper - Building various projects like a Handwashing App, COVID-19 US Tracker App, Project Estimator App, and Tictactoe App - Installing necessary tools like Node.js, Git, and Visual Studio Code - Working with components, HTML, CSS, and reactive variables - Implementing custom events and playing sounds - Utilizing external APIs and libraries like Chart.js and Axios - Deploying projects using tools like gh-pages and DigitalOcean The course employs a hands-on approach with project-based learning, providing practical experience in developing web applications using Svelte and related technologies. It is suitable for individuals interested in frontend web development and JavaScript frameworks.

Syllabus

What is svelte.
What is Sapper.
Svelte Demo.
What we are building.
What you will need.
Installing Svelte.
Clean up + tour.
Installing CSS.
Components & HTML.
Timer Component & Reactive Variables.
Playing Sound & Custom Events.
Github Pages.
What is Sapper.
What we'll be using to build covid-19 US Tracker.
Tour of the app.
Project Setup / Sapper Tour.
Project Cleanup.
NPM Install + Bulma Setup.
Page & Components.
NavBar.
About Pages + Titles.
Getting data from an api.
Populating CovidStat component with data.
Error Page.
CovidStat data for the states.
Requesting & Parsing Chart Data.
Covid Chart Component.
Covid Chart State Component + Fixing Chartjs Errors.
Request Data For States Table Component.
Table Component.
Filtering Table Component.
Deploying Sapper.
Final Touches + Redeploy.
Project Estimator Introduction.
Writable Store Demo.
Project Setup.
Component Setup.
Form Components.
Writable Stores.
Table Component.
Edit Item.
Remove Item.
Github Pages.
Svelte Amazing Community.
Readable Stores Example.
Challenge Create HTML & CSS & Props.
Node Server Tour.
Readable Store.
Websock.
New Game.
Deploying TicTacToe To Github.
Other Resources and Libraries.
Congrats you completed the course.