SolidJS - Zero To Pro: The Complete Guide to SolidJS

Focused View

Fikayo Adepoju

8:04:09

198 View

1. Welcome

1. Introduction.mp4

02:14

2. Setting up your Development Environment and Creating your first App

1. Installing Node and NPM.mp4

01:57

2. Installing Vite.mp4

06:12

3. Creating Your First SolidJS Project.mp4

07:16

4. SolidJS Javascript Project Walkthrough.mp4

09:21

5. TypeScript Project Walkthrough.mp4

08:59

6. Using Environment Variables.mp4

04:06

3. Working with Components

1. Creating Your First Component.mp4

12:58

2. Creating a SolidJS Component in Typescript.mp4

08:59

3. Using Fragments.mp4

04:50

4. Using Props in Components.mp4

09:14

5. Props in TypeScript.mp4

07:07

6. Setting Default Props.mp4

07:39

7. Spreading Props Data.mp4

05:09

8. Using Children Props.mp4

09:35

9. State Management Basics with createSignal.mp4

24:37

10. Using-Derived-Signals.mp4

05:20

11. Responding to Changes with Effects.mp4

08:54

12. Conditional Rendering with Show .mp4

13:01

13. Conditionals with Switch and Match.mp4

17:02

14. Looping Collections with For .mp4

13:03

15. Looping Collections with Index .mp4

03:51

16. Handling User Events.mp4

16:22

17. Styling Components with Inline styles.mp4

08:49

18. Working with Classes.mp4

18:43

19. Using CSS Modules.mp4

05:39

20. Using Refs.mp4

11:13

21. Forwarding Refs.mp4

07:53

22. Performing pre-tasks with onMount().mp4

16:37

23. Clean up tasks with onCleanup().mp4

12:57

4. Routing in SolidJS

1. Installing and Configuring the SolidJS Router.mp4

10:43

2. Adding Routes.mp4

05:56

3. Lazy-loading Routes.mp4

08:27

4. Adding Page links with A.mp4

16:06

5. Dynamic Navigation with useNavigate() and Navigate .mp4

23:24

6. Using Dynamic Parameters and Optional Parameters in Routes.mp4

26:47

7. Using Wildcard Routes and Defining Multiple Routes.mp4

10:19

8. Nested Routes.mp4

11:08

9. Creating Page Layouts.mp4

08:24

10. Config-based Routing.mp4

12:55

5. State Management in SolidJS Applications

1. State Management with Stores.mp4

04:03

2. Creating Stores with createStore.mp4

07:23

3. Mutating Stores with Store Setters.mp4

09:20

4. Mutating Objects in Stores.mp4

09:59

5. Mutating Arrays in Stores.mp4

22:27

6. Seamless Store Mutations with produce().mp4

07:11

Description

Learn how to Build User Interfaces with SolidJS

What You'll Learn?

How to setup your development environment for development with SolidJS
In-depth knowledge of using SolidJS Components to build and compose frontend applications
Routing in SolidJS
State Management with Signals
Handling Asynchronous operations

Who is this for?

Frontend Developers who want to build User Interfaces with a modern framework

ReactJs Developers looking for a more convention-driven approach to development

Frontend Developers who do not want to deal with the complexities of research

Frontend Developers who want to take full advantage of Signals for State Management

What You Need to Know?

Understanding of Javascript

Basic knowlegde of HTML and CSS

More details

Description
"SolidJS: Zero to Pro," is designed to provide learners with a thorough understanding of SolidJS, a modern framework for building efficient and reactive web applications. It covers the essential aspects of SolidJS, from setting up the development environment to creating complex applications with advanced features.
The course begins with an introduction to Setting Up Your Development Environment and Creating Your First App. This section is aimed at getting learners up and running with the necessary tools and configurations required for SolidJS development. It includes step-by-step instructions on how to install SolidJS and create a basic application, serving as the foundation for more advanced topics.
Following the setup, the course progresses to Working with Solid Components, where learners are introduced to the concept of components in SolidJS. This section focuses on the creation, composition, and management of components, emphasizing the reusability and scalability that SolidJS components offer for user interface development.
Routing in SolidJS is the next key area covered. It provides learners with knowledge on implementing client-side routing in their applications. This is essential for creating single-page applications (SPAs) that require navigating between different views without reloading the page.
The course also includes a comprehensive module on State Management in Solid, where the focus is on using Signals and Stores for managing application state. This approach is compared with traditional state management techniques, highlighting the simplicity and efficiency of SolidJS's methods.
Finally, Handling Asynchronous Operations is covered in detail. This section teaches how to perform asynchronous tasks such as making API calls and fetching data. It is crucial for developing applications that need to interact with backend services and dynamically update the UI based on external data.
"SolidJS: Zero to Pro" is structured to cater to a wide range of learners, from those new to web development to experienced developers looking to add SolidJS to their skill set. Through a combination of theoretical explanations and practical exercises, participants will gain a solid understanding of SolidJS and its applications, preparing them for real-world development projects.
Who this course is for:
Frontend Developers who want to build User Interfaces with a modern framework
ReactJs Developers looking for a more convention-driven approach to development
Frontend Developers who do not want to deal with the complexities of research
Frontend Developers who want to take full advantage of Signals for State Management

User Reviews

Rating

average 0

Total votes0

Focused display

Fikayo Adepoju is a Full-stack developer, technical writer and tech content creator proficient in Web and Mobile technologies and DevOps with over 10years experience developing scalable distributed applications. With over 40 articles written for Twilio, CircleCI, Auth0 and The New Stack blogs and also on his personal medium page, Fikayo loves to share his knowledge to as many developers as would benefit from it.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.