Svelte with Test Driven Development
The frontend world is having very popular frameworks which are heavily used in most of the applications. Svelte is joining this competition by bringing lots of cool, developer friendly features. After practicing svelte, it will be hard to go back and work with other frameworks. You will be amazed when you see how much you can do with less code.
Read more
The frontend world is having very popular frameworks which are heavily used in most of the applications. Svelte is joining this competition by bringing lots of cool, developer friendly features. After practicing svelte, it will be hard to go back and work with other frameworks. You will be amazed when you see how much you can do with less code.
The frontend world is having very popular frameworks which are heavily used in most of the applications. Svelte is joining this competition by bringing lots of cool, developer friendly features. After practicing svelte, it will be hard to go back and work with other frameworks. You will be amazed when you see how much you can do with less code.
In this course we will be learning Svelte by creating a web application with it. Also we will apply test driven development (TDD) methodology from beginning to the end.
We will use one of the most popular test libraries of javascript. jest and testing-library
while building this application, we will learn
client-side routing. we will apply our custom implementation then we will use svelte-routing library
internationalization
global state management in a component based application
and we will see
how test driven development works.
how it's affecting our code quality, reusability
how it's giving us the confidence about refactoring our implementation
how to avoid implementation details while creating tests
This course is purely built on practice. Each code piece we write, will be for our actual application implementation.
In each section we will gradually build our application. We will not jump ahead and add functionality not needed for that moment. We will implement one requirement at a time. Each implementation will bring the next requirement to us.
And following this practice, will help you to get a solid foundation about overall web application requirements and how to implement one of them with Svelte by following test driven development methodology.
After completing the course, you will be able to use Svelte in your next project and you will experience the benefits of test driven development.
What's inside
Learning objectives
- Build application with svelte 3
- Build an application with internationalization (i18n)
- Build an application with client side routing
- Store, actions, reactive declarations and many more features of svelte
- Practice test driven development in a complete project from beginning to the end.
- Learn the test runner, jest and understand how to structure test modules
- How to mock external dependencies in testing.
- Feel how the test driven development is giving confidence when refactoring your application.
- Build application with svelte 3
- Build an application with internationalization (i18n)
- Build an application with client side routing
- Store, actions, reactive declarations and many more features of svelte
- Practice test driven development in a complete project from beginning to the end.
- Learn the test runner, jest and understand how to structure test modules
- How to mock external dependencies in testing.
- Feel how the test driven development is giving confidence when refactoring your application.
Syllabus
Introduction
Methodology
Create Project
Running the App
Read more
Syllabus
If you see an issue with npm install for backend.zip you can try backend-without-db.zip which requires minimal dependencies.
Good to know
Save this course
Save
Activities
Review CSS Fundamentals
Show steps
Ensure a solid foundation in CSS to effectively style your Svelte applications.
Browse courses on
CSS
Show steps
-
Review core CSS concepts
-
Practice writing CSS rules
Tutor a Beginner in Svelte
Show steps
Reinforce your knowledge by guiding a beginner through their Svelte journey.
Show steps
-
Find a beginner who needs help with Svelte
-
Provide one-on-one support and guidance
-
Share resources and best practices
Explore the Svelte Kitchen Sink
Show steps
Gain hands-on experience with Svelte by following guided tutorials and experimenting with the Kitchen Sink.
Show steps
-
Start the Svelte Kitchen Sink
-
Explore the component gallery
-
Try out different Svelte features
Four other activities
Expand to see all activities and additional details
Show all seven activities
Build a Tic-Tac-Toe Game in Svelte
Show steps
Practice Svelte's core concepts by building a simple but engaging game.
Browse courses on
Tic-Tac-Toe
Show steps
-
Create a new Svelte project for the game
-
Implement the game logic
-
Design the game's user interface
-
Test the game's functionality
Create a To Do List App in Svelte with Jest
Show steps
Reinforce your understanding of Svelte by developing a real-world application and testing it with Jest.
Show steps
-
Set up a new Svelte project
-
Create a simple to-do list interface
-
Implement Jest for testing
-
Write tests for the to-do list functionality
Design a Svelte Component Library
Show steps
Deepen your understanding of Svelte by creating a reusable component library that solves a specific problem.
Browse courses on
Component Library
Show steps
-
Identify a problem that can be solved with reusable Svelte components
-
Design the components and their functionality
-
Develop and test the component library
-
Document and share your library
Participate in a Svelte Hackathon
Show steps
Challenge yourself and apply your Svelte skills in a competitive environment.
Show steps
-
Find an upcoming Svelte hackathon
-
Form a team or work solo
-
Develop a Svelte-based project within the hackathon's timeframe
-
Present your project and compete for prizes
Review CSS Fundamentals
Show steps
Ensure a solid foundation in CSS to effectively style your Svelte applications.
Browse courses on
CSS
Show steps
- Review core CSS concepts
- Practice writing CSS rules
Tutor a Beginner in Svelte
Show steps
Reinforce your knowledge by guiding a beginner through their Svelte journey.
Show steps
- Find a beginner who needs help with Svelte
- Provide one-on-one support and guidance
- Share resources and best practices
Explore the Svelte Kitchen Sink
Show steps
Gain hands-on experience with Svelte by following guided tutorials and experimenting with the Kitchen Sink.
Show steps
- Start the Svelte Kitchen Sink
- Explore the component gallery
- Try out different Svelte features
Build a Tic-Tac-Toe Game in Svelte
Show steps
Practice Svelte's core concepts by building a simple but engaging game.
Browse courses on
Tic-Tac-Toe
Show steps
- Create a new Svelte project for the game
- Implement the game logic
- Design the game's user interface
- Test the game's functionality
Create a To Do List App in Svelte with Jest
Show steps
Reinforce your understanding of Svelte by developing a real-world application and testing it with Jest.
Show steps
- Set up a new Svelte project
- Create a simple to-do list interface
- Implement Jest for testing
- Write tests for the to-do list functionality
Design a Svelte Component Library
Show steps
Deepen your understanding of Svelte by creating a reusable component library that solves a specific problem.
Browse courses on
Component Library
Show steps
- Identify a problem that can be solved with reusable Svelte components
- Design the components and their functionality
- Develop and test the component library
- Document and share your library
Participate in a Svelte Hackathon
Show steps
Challenge yourself and apply your Svelte skills in a competitive environment.
Show steps
- Find an upcoming Svelte hackathon
- Form a team or work solo
- Develop a Svelte-based project within the hackathon's timeframe
- Present your project and compete for prizes
Career center
Reading list
Share
Similar courses
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
