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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 8189
    حجم: 11409 مگابایت
    مدت زمان: 1440 دقیقه
    تاریخ انتشار: ۷ فروردین ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید