Dive into a comprehensive 7-hour course on the Svelte JavaScript framework. Master the fundamentals and advanced concepts through hands-on projects, including a Handwashing App, COVID-19 US Tracker, Project Estimator, and Tic-Tac-Toe game. Explore Svelte's core features, components, reactive variables, custom events, and state management with writable and readable stores. Learn to integrate external libraries like Chart.js and Axios, and gain practical experience with Sapper for server-side rendering. Discover best practices for deploying Svelte applications to various platforms, including GitHub Pages and DigitalOcean. By the end of this course, you'll have a solid foundation in Svelte development and be equipped to build dynamic, efficient web applications.
Overview
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.
Taught by
freeCodeCamp.org
