Solid JS & Firebase – The Complete Guide (Twitter Clone App)

سرفصل های دوره

Build a Twitter-like app with Solid JS and Typescript. Unleash Solid JS reactivity. Use Firebase as the data store.

1. Introduction

1. Introduction

2. How to resolve issues

3. Few words before start

2. Init Project

1.1 Code.html

1.2 Complete Course.html

1. Init Project

2.1 Code.html

2. Open Coding Editors

3.1 Code.html

3. Create entry files

4.1 Code.html

4. Tailwind css

5. Quiz.html

6.1 Code.html

6. Layout

7.1 Code.html

7. Init Icons + Popup menu

8.1 Code.html

8. Base Layout Done

9. Quiz.html

3. Components & Modularity

1.1 Code.html

1. Sidebar Components

2. Quiz.html

3.1 Code.html

3. Trends Data

4.1 Code.html

4. For Loop

5.1 Code.html

5. Layouts

6.1 Code.html

6. Main Layout

7. Quiz.html

4. Reactivity

1.1 Code.html

1. Create signal

2.1 Code.html

2. Create glide function

3.1 Code.html

3. Add more content to the glide

4. Quiz.html

5.1 Code.html

5. Glide Post Component

6.1 Code.html

6. Pass props to glide post

7.1 Code.html

7. Glide Type

8.1 Code.html

8. Simplify Getters

9. Quiz.html

5. Routing

1.1 Code.html

1. Screens

2.1 Code.html

2. Login and Register layout

3.1 Code.html

3. Router

4.1 Code.html

4. Lazy loading

5.1 Code.html

5. Main navigation Links

6.1 Code.html

6. A Router Component

7. Quiz.html

6. Popup

1.1 Code.html

1. Show content conditionaly

2.1 Code.html

2. Fallback and lifecycle functions

3.1 Code.html

3. Simple Popup

4.1 Code.html

4. Pass component to Popup

5.1 Code.html

5. Improve look of popup

6.1 Code.html

6. Create effect

7.1 Code.html

7. Adjust popup

8.1 Code.html

8. Set popup position

9.1 Code.html

9. Close popup on outside click

10.1 Code.html

10. Portal

11.1 Code.html

11. Resize Event

12.1 Code.html

12. Dont close on popup click

13. Quiz.html

7. Create Root

1.1 Code.html

1. Pagesize createroot

2.1 Code.html

2. Track resize

3.1 Code.html

3. Display icon conditionaly

4.1 Code.html

4. Pagesize tracking

5. Quiz.html

8. Context and Provider

1.1 Code.html

1. Auth Provider

2.1 Code.html

2. Auth context values

3.1 Code.html

3. Stores

4.1 Code.html

4. Set Auth State

5. Quiz.html

6.1 Code.html

6. Loader

7.1 Code.html

7. Display loader conditionally

8.1 Code.html

8. Routing Layouts

9.1 Code.html

9. Redirects

10. Quiz.html

9. Register Form

1.1 Code.html

1. Set value in the form

2.1 Code.html

2. Function to handle input changes

3. Quiz.html

4.1 Code.html

4. Register form type

5.1 Code.html

5. useForm hook

6.1 Code.html

6. Move functionality to useForm

7.1 Code.html

7. SubmitCallback

8.1 Code.html

8. Generic types

9. Quiz.html

10. Validation

1.1 Code.html

1. Custom directive

2.1 Code.html

2. On Blur, On Input

3.1 Code.html

3. Move Validate Out

4.1 Code.html

4. Simple validation

5.1 Code.html

5. Simple Max length validator

6.1 Code.html

6. Max length validator

7.1 Code.html

7. Reusable validators

8.1 Code.html

8. Run all validators

9.1 Code.html

9. First letter uppercase validator

10. Quiz.html

11. Validation - part 2

1.1 Code.html

1. Produce Function

2.1 Code.html

2. Errors Array

3.1 Code.html

3. Form error component

4.1 Code.html

4. Display error messages

5.1 Code.html

5. Simpler form errors

6. Quiz.html

7.1 Code.html

7. More validators

8.1 Code.html

8. Nice names

9.1 Code.html

9. Validator Config

10.1 Code.html

10. Validate on Submit

11.1 Code.html

11. Is Form Valid

12. Quiz.html

13.1 Code.html

13. On input validation

14.1 Code.html

14. Pass form into validator

15.1 Code.html

15. Compare with

12. Firebase

1.1 Code.html

1. useRegister

2.1 Code.html

2. Init Firebase

3.1 Code.html

3. Get Collection from Firebase

13. RegisterLogin & Logout

1.1 Code.html

1. Register User

2.1 Code.html

2. Extend User Type

3.1 Code.html

3. Create user in Firestore

4.1 Code.html

4. Authenticate user

5.1 Code.html

5. Logout User

6.1 Code.html

6. Login Form

7.1 Code.html

7. Login user

8.1 Code.html

8. Rename Register

9. Quiz.html

14. Authenticate

1.1 Code.html

1. Use Auth

2.1 Code.html

2. Replace login and register

3.1 Code.html

3. Redirect user

4.1 Code.html

4. Get User

5.1 Code.html

5. Auth Loading

6. Quiz.html

15. Snackbars

1.1 Code.html

1. Display User Info

2.1 Code.html

2. Snackbar start

3.1 Code.html

3. UI Context

4.1 Code.html

4. More Complex Snackbars

5.1 Code.html

5. UI Dispatch

6.1 Code.html

6. Push new glide to store

7.1 Code.html

7. Remove snackbar function

8.1 Code.html

8. Remove snackbar

9. Quiz.html

10.1 Code.html

10. Auto Hide Snackbar

11.1 Code.html

11. Snackbar progress

12.1 Code.html

12. Display snack on authentication

16. Messenger

1.1 Code.html

1. Use Messenger

2.1 Code.html

2. Messenger Component

3.1 Code.html

3. Cleanup message

4.1 Code.html

4. Auto size textarea

5.1 Code.html

5. Check auth state

6.1 Code.html

6. Create glide api

7.1 Code.html

7. Create glide try catch

8.1 Code.html

8. Save glide to FS

9. Quiz.html

17. Use Glides Hook

1.1 Code.html

1. Use Glides Hook

2.1 Code.html

2. Fetch Glides

3.1 Code.html

3. Get Glides with users

4.1 Code.html

4. Constraints

5.1 Code.html

5. Change Glides Format in Store

6.1 Code.html

6. Add Glide to State

7.1 Code.html

7. Add user to created glide

8.1 Code.html

8. Check for undefined glide

9. Quiz.html

18. Pagination Start

1.1 Code.html

1. Paginated Glides Component

2.1 Code.html

2. Glide Loading

3.1 Code.html

3. Data Loader

4.1 Code.html

4. Check when to load new items

5.1 Code.html

5. Keep Last Glide

6.1 Code.html

6. Load More Data

7.1 Code.html

7. Stop Loading Condition

8. Quiz.html

19. Profile Screen

1.1 Code.html

1. Profile Screen

2.1 Code.html

2. Page Title

3.1 Code.html

3. Use users hook

4.1 Code.html

4. Get users

5.1 Code.html

5. Fetch all but logged in user

6.1 Code.html

6. Loader while loading users

20. Follow User

1.1 Code.html

1. Follow user feature

2.1 Code.html

2. Hide followed users

3.1 Code.html

3. UX Improvement in Follow

4.1 Code.html

4. Auth Dispatch

5.1 Code.html

5. Update user

6.1 Code.html

6. Check if user is not null

7.1 Code.html

7. Check if already follow user

8.1 Code.html

8. Remove user from users

9.1 Code.html

9. Display message when following all users

10.1 Code.html

10. Disable send button

21. Subscribe to Glides

1.1 Code.html

1. Fetch glides of followed users

2.1 Code.html

2. Subscribe to new glides

3.1 Code.html

3. Unsubscribe from glides

4.1 Code.html

4. Get data from sub

5.1 Code.html

5. Store fresh glides to store

6.1 Code.html

6. Show more glides button

7.1 Code.html

7. Wrapper button

8.1 Code.html

8. Display fresh glides

22. Glide Detail

1. How to store glides

2.1 Code.html

2. Store glide lookup

3.1 Code.html

3. Glide Detail Page

4.1 Code.html

4. Get routing params

5.1 Code.html

5. Get lookup

6.1 Code.html

6. Get Glide By Id

7.1 Code.html

7. Display Glide with Create Resource

8.1 Code.html

8. Back button

9.1 Code.html

9. Add messenger to detail

23. Get Subglides

1.1 Code.html

1. Use Subglides

2.1 Code.html

2. Load Subglides

3.1 Code.html

3. Pass lookup to fetch glides

4.1 Code.html

4. Fetch subglides

5.1 Code.html

5. Answer To

6.1 Code.html

6. Get collection to add glide to

7.1 Code.html

7. Paginated Glide on Detail

8.1 Code.html

8. Update subglide count

9.1 Code.html

9. Update subglide count in real time

10.1 Code.html

10. Add glide in real time

24. Subglide Pagination

1.1 Code.html

1. Refactor where to load subglides

2.1 Code.html

2. Refetch Data

3.1 Code.html

3. Reset Pagination

4.1 Code.html

4. Pagination subglides

5.1 Code.html

5. Display message when no glides

6.1 Code.html

6. Handle Times

25. Modal with Messenger

1.1 Code.html

1. Modal Component

2.1 Code.html

2. Open Modal

3.1 Code.html

3. Open component in Modal

4.1 Code.html

4. Pass props back to props

5.1 Code.html

5. Close Modal on outside click

6.1 Code.html

6. Provide messenger to modal

7.1 Code.html

7. Pass glide to messenger

8.1 Code.html

8. Pass children as a component

9.1 Code.html

9. Disable scrolling

26. Image Upload

1.1 Code.html

1. Handle Image Selection

2.1 Code.html

2. Array buffer

3.1 Code.html

3. Image url

4.1 Code.html

4. Set Image to Signal

5.1 Code.html

5. Upload Image Function

6.1 Code.html

6. Upload Image Success

7.1 Code.html

7. Create glide with image

8.1 Code.html

8. Clean Image and Display It

27. Deployment

1. Github repo

2. Deployment to Vercel

3. Application Testing

28. Persistence

1.1 Code.html

1. Persistence Provider

2.1 Code.html

2. Set and Get Value

3.1 Code.html

3. Get value type

4.1 Code.html

4. Store Selected Glide

5.1 Code.html

5. use revalidate

6.1 Code.html

6. Revalidate getter function

7.1 Code.html

7. Get value from persistence

29. Revalidate

1.1 Code.html

1. Revalidate

2.1 Code.html

2. Compare persisted and fetched data

3.1 Code.html

3. Set latest data in store

4.1 Code.html

4. Add callback to revalidate

5.1 Code.html

5. On Glide added update store

6.1 Code.html

6. Clear persistence

7.1 Code.html

7. Final Lecture

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training