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

Epic Web – Ship Modern Full-Stack Web Applications

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

1. Full Stack Foundations
  • 01. Intro to Full Stack Foundations Workshop
  • 02. Intro to Styling
  • 03. Manage Asset Links in a Remix Application
  • 04. Using Remixs Links Component
  • 05. Asset Import Caching Issue
  • 06. Caching the Favicon
  • 07. Add Custom Fonts to the Global CSS
  • 08. Adding Global Styles to a Remix App
  • 09. Using PostCSS and Tailwind CSS in Remix
  • 10. PostCSS and Tailwind CSS Configuration
  • 11. Bundling CSS in Remix
  • 12. Configure CSS Bundling
  • 13. Dad Joke Break
  • 14. Intro to Routing
  • 15. Routing in Remix
  • 16. Creating User Profile and Notes Pages with Remix Routes
  • 17. Adding Navigation Links
  • 18. Adding Absolute and Relative Links
  • 19. Adding Dynamic Parameter Support
  • 20. Access Params with useParams
  • 21. Adding a Resource Route
  • 22. Example Resource Route Usage
  • 23. Dad Joke Break 2
  • 24. Intro to Loading
  • 25. Loading Data to Your Database
  • 26. Efficient Data Loading in a Remix App
  • 27. Handling Error Messages
  • 28. Handling Error Responses with Remix
  • 29. Dad Joke Break Loading
  • 30. Intro to Mutations
  • 31. Building Forms
  • 32. Creating Form Components with Remix
  • 33. Handling POST Requests for Form Submission
  • 34. Handling Form Submissions and Mutations
  • 35. Handling Form Errors and User Mistakes
  • 36. Form Data Types and Validation
  • 37. Button Forms Data
  • 38. Form Submissions and Mutations
  • 39. Handling Multiple Actions in a Single Action Function
  • 40. Leveraging Name and Value in Buttons for Multiple Form Submissions
  • 41. Dad Joke Break Mutations
  • 42. Intro to Scripting
  • 43. JavaScript in Remix- From Optional to Essential
  • 44. Improving User Experience with Client-Side JavaScript
  • 45. Page Navigation with Scroll Behavior
  • 46. Enhancing Scroll Restoration
  • 47. Environment Variables for Client-Side and Server-Side
  • 48. Exposing Environment Variables in a Web Application
  • 49. Optimizing Resource Loading with JavaScript Prefetching
  • 50. Enhancing User Experience with Prefetching
  • 51. Improve the UX with Pending UI
  • 52. Adding Pending State to Form Submissions with Remix
  • 53. Dad Joke Break Scripting
  • 54. Intro to Search Engine Optimization (SEO)
  • 55. Configuring Meta Tags
  • 56. Meta Tags for Better SEO and UX
  • 57. Dynamic Metadata for Different Routes
  • 58. Managing Meta Tags and Descriptions in RemixRunReact
  • 59. Customizing Meta Tags with Dynamic Data
  • 60. Handling Dynamic Data with Remixs Meta Function
  • 61. Optimizing Metadata for User Info
  • 62. Implementing Dynamic Meta Data for Routes in a TypeScript Application
  • 63. Dad Joke Break - SEO
  • 64. Intro to Error Handling
  • 65. Improving Error Handling and UI on User Profile Page
  • 66. Error Handling and Error Boundaries
  • 67. Handling Expected Errors with Error Boundaries
  • 68. Improving Error Messages for User
  • 69. Streamlining Error Handling in Routes with a General Error Boundary
  • 70. Error Boundaries and Handling in Nested Routes
  • 71. Improving Error Handling with a Document Component
  • 72. Refactoring App Components for Better Error Handling
  • 73. Handling 404 Errors in React Router with Splat Routes
  • 74. Handling 404 Errors with Splat Routes in Remix
  • 75. Dad Joke Break 3
  • 76. Outro to Full Stack Foundations Workshop

  • 2. Professional Web Forms
  • 01. Intro to Professional Web Forms Workshop
  • 02. Intro to Form Validation
  • 03. Required Field Validation for User Input
  • 04. Form Validation for Accessibility
  • 05. Server-side Validation and Custom Error Messages
  • 06. Server-Side Form Validation and Error Handling
  • 07. Dynamic Error Validation with Hooks
  • 08. Form Validation with Client-Side Hydration
  • 09. Dad Joke Break From Validation
  • 10. Intro to Accessibility
  • 11. Fixing Form Reset Button and Accessibility Issues
  • 12. Improving Accessibility and Form Associations
  • 13. Error Messages and Accessibility with ARIA Attributes
  • 14. Accessible Forms with ARIA Attributes
  • 15. Focus Management for Better User Experience
  • 16. Managing Focus for Form Errors
  • 17. Dad Break Joke Accessibility
  • 18. Intro to Schema Validation
  • 19. Schema Validation
  • 20. Schema Validation with Zod
  • 21. Form Data Parsing with Conform
  • 22. Form Submission and Error Handling with Conform & Zod
  • 23. Type Safety with Conform
  • 24. Simplifying Form Handling with Conform and Schema Validation
  • 25. Dad Joke Break Schema Validation
  • 26. Intro to File Upload
  • 27. File Upload Functionality
  • 28. Image Upload with Form Data and Memory Upload Handling
  • 29. TypeScript Integration
  • 30. Validating File Uploads with Zod Schema in a Web Application
  • 31. Dad Joke Break File Upload
  • 32. Intro to Complex Structures
  • 33. Grouping and Managing Related Fields in Form Objects
  • 34. Implementing Image Field Set with Conform and TypeScript
  • 35. Multiple Image Uploading
  • 36. Dynamic Image Lists with Field Sets
  • 37. Interactive Image Management
  • 38. Dynamically Delete and Add Buttons
  • 39. Dad Joke Break Complex Structures
  • 40. Intro to Honeypot
  • 41. Adding a Honeypot to Protect Against Spam Bots
  • 42. Honeypot Fields in Sign Up Forms
  • 43. Honeypot Fields for Form Security
  • 44. Honeypots for Form Security
  • 45. Honeypot Protection
  • 46. Consistent Encryption with Honeypot Server
  • 47. Setting Up Honeypot Security for Server Environment Variables
  • 48. Dad Joke Break Honeypot
  • 49. Intro to CSRF
  • 50. CSRF Protection with Cookies
  • 51. Creating and Managing CSRF Tokens With Node.js
  • 52. Authenticity With Token Protection
  • 53. Security with Authenticity Token and CSRF Validation
  • 54. Dad Joke Break CSRF
  • 55. Intro to Rate Limit
  • 56. Optimizing Your Express Server with Rate Limiting Middleware
  • 57. Safeguarding Your Server- Adding Rate Limit Configuration
  • 58. Tiered Rate Limiting with Custom Middleware
  • 59. Applying Rate Limiting
  • 60. Dad Joke Break Rate Limit
  • 61. Outro to Professional Web Forms Workshop

  • 3. Data Modeling Deep Dive
  • 01. Intro to Data Modeling Deep Dive Workshop
  • 02. Intro to Database Schema
  • 03. Setting Up the Database with Prisma
  • 04. Database with Prisma and SQLite
  • 05. Dad Joke Break Database Schema
  • 06. Intro to Data Relationships
  • 07. One-to-Many Relationships
  • 08. One-to-Many Relationships in Prisma
  • 09. Database Design
  • 10. One-to-One and One-to-Many Relationships in Prisma
  • 11. Dad Joke Break Data Relationships
  • 12. Intro to Data Migrations
  • 13. Creating Migration Files for Database Management with Prisma
  • 14. Database Migrations with Prisma
  • 15. Dad Joke Break Data Migrations
  • 16. Intro to Seeding Data
  • 17. Configuring Prisma for Seed Script Execution
  • 18. Creating and Managing Data with Prisma Seed Scripts
  • 19. Optimizing Queries with Nested Mutations in Prisma
  • 20. Nested Queries in Database Operations
  • 21. Dad Joke Break Seeding Data
  • 22. Intro to Generating Seed Data
  • 23. Generating Fake Data for Efficient Testing
  • 24. Generating Random User Data with Faker.js for Database Seeding
  • 25. Dynamically Generating Data
  • 26. Generating Dynamic Seed Data
  • 27. Creating Unique User Data with Enforce Unique Library
  • 28. Generating Unique and Valid Usernames in Seed Data
  • 29. Dad Joke Break Generating Seed Data
  • 30. Intro to Querying Data
  • 31. Connecting to a Real Database with Prisma and SQLite
  • 32. Optimizing Prisma Client for Efficient Database Operations
  • 33. Transitioning to Real Database with Prisma API
  • 34. Using Prisma to Retrieve User Data from a SQLite Database
  • 35. Database Queries and Migrating to Prisma
  • 36. Efficient Data Retrieval with Prisma and Subselects
  • 37. Dad Joke Break Querying Data
  • 38. Intro to Updating Data
  • 39. Mutating Data with Prisma
  • 40. Deleting Data with Prisma
  • 41. Updating Page Mutations for Images and Notes with Efficient Cache Control
  • 42. Efficiently Updating and Deleting Data in a Form with Prisma
  • 43. Implementing Transactions for Reliable Data Operations
  • 44. Implementing Transactions with Prisma for Atomic Database Operations
  • 45. Optimizing Database Calls with Nested Queries in Prisma
  • 46. Efficient Database Updates with Prismas Nested Queries
  • 47. Dad Joke Break Updating Data
  • 48. Intro to SQL
  • 49. SQL Queries for User Search in Prisma
  • 50. User Search with Prisma and SQL
  • 51. Handling TypeScript Errors and Runtime Type Checking with Prisma and Zod
  • 52. Runtime Type Checking and Parsing in Prisma with Raw Queries
  • 53. Working with Joins in SQL
  • 54. Left Joins with Prisma and SQLite
  • 55. Sorting Users by Recent Entry with Raw SQL
  • 56. Leveraging AI Assistance for Writing SQL Queries
  • 57. Dad Joke Break SQL
  • 58. Intro to Query Optimization
  • 59. Optimizing Query Performance with Indexes in Prisma
  • 60. Optimizing Database Queries with Indexes
  • 61. Optimizing User Search Query Performance with Indexing
  • 62. Query Performance with Indexes in SQLite
  • 63. Dad Joke Break Query Optimization
  • 64. Outro to Data Modeling Deep Dive Workshop

  • 4. Authentication Strategies & Implementation
  • 01. Intro to Authentication Strategies & Implementation Workshop
  • 02. Intro to Cookies
  • 03. Implementing Theme Switching with Conform and UseFetcher
  • 04. Creating a Theme Switcher with Form Submission and Fetcher in React
  • 05. Adding User Preference for Dark Mode
  • 06. Implementing Cookies for Theme Selection
  • 07. Implementing Optimistic UI for Theme Switching
  • 08. Implementing Optimistic UI with Remix
  • 09. Dad Joke Break Cookies
  • 10. Intro to Session Storage
  • 11. Toast Messages with Cookies
  • 12. Configuring Cookie Session Storage for Toast Messages
  • 13. Adding Toast Notifications to Delete Functionality
  • 14. Managing Toast Messages with Cookie Sessions
  • 15. Improving Note Deletion Functionality with Multiple Cookies
  • 16. Efficiently Updating and Serializing Cookies
  • 17. Implementing Flash Messages for Temporary Notifications
  • 18. Efficiently Removing Toast Messages with Flash API
  • 19. Dad Joke Break Session Storage
  • 20. Intro to User Sessions
  • 21. Managing User Sessions with Separate Cookies
  • 22. Secure Cookie Session Storage
  • 23. User Authentication and Session Management
  • 24. User Authentication and Session Management with Login Forms
  • 25. Load User Avatars
  • 26. Handling User Authentication and Session Management with Prisma
  • 27. Dad Joke Break User Sessions
  • 28. Intro to Password
  • 29. Creating an Optional Password Model in Prisma Schema
  • 30. Model Relationships and Handling Passwords in Database Schema
  • 31. Generating Passwords for Secure User Creation
  • 32. Secure Password Creation with Prisma
  • 33. Enhancing User Creation by Adding Passwords
  • 34. Creating and Hashing Passwords for User Sign-Up
  • 35. Dad Joke Break Password
  • 36. Intro to Login
  • 37. Secure Password Authentication with bcrypt Compare in Node.js
  • 38. Implementing Secure Password Verification in User Login
  • 39. Securing UI Elements
  • 40. Dad Joke Break Login
  • 41. Leveraging Utility Functions for User Data Handling and UI Customization
  • 42. Intro to Logout
  • 43. Transforming a Logout Link into a Secure Logout Form
  • 44. Logout Functionality with Session Storage and CSRF Protection
  • 45. Implementing Remember Me Functionality for Login Sessions
  • 46. Implementing Remember Me Functionality
  • 47. Managing Inactive User Sessions
  • 48. Destroying Sessions and Handling Weird States
  • 49. Implementing Automatic Logout with Modals
  • 50. Auto-Logout Functionality
  • 51. Dad Joke Break Logout
  • 52. Intro to Protecting Routes
  • 53. Creating Protected Routes
  • 54. Creating an Auth Utility
  • 55. Building a Profile Page
  • 56. User Authentication and Authorization
  • 57. Securing User Access
  • 58. Authorization and User Authentication
  • 59. Redirect Functionality
  • 60. Handling Redirects Safely in User Authentication
  • 61. Dad Joke Break Protecting Routes
  • 62. Intro to Permissions
  • 63. Role-Based Access Control with Prisma
  • 64. Modeling Permissions and Roles in Prisma Database
  • 65. Managing Roles and Permissions
  • 66. Seed Data
  • 67. Implementing User Permissions and Authorization Logic
  • 68. Implementing Role-Based Permissions
  • 69. Securing Admin Pages with User Permissions
  • 70. Implementing Role-based Access Control and Permissions
  • 71. Dad Joke Break Permissions
  • 72. Intro to Man Sessions
  • 73. Managing User Sessions and Allowing Data Downloads
  • 74. Integrating User Sessions into the Login Process
  • 75. Implementing Session-Based Authentication
  • 76. Authentication Logic with Session IDs and User Creation
  • 77. Improving Login and Signup Flows with Session Management
  • 78. Updating Login and Signup Routes to Use Sessions instead of User IDs
  • 79. Proactive Session Management
  • 80. Managing Sessions and Sign Out in Web Applications
  • 81. Dad Joke Break Man Sessions
  • 82. Intro to Email
  • 83. Integrating Email Services
  • 84. Sending Emails with the Resend API using Fetch
  • 85. Mocking APIs with MSW and Testing
  • 86. Setting Up a Mock Server with MSW Node
  • 87. Email Verification Flow
  • 88. User Verification Emails
  • 89. Secure Email Transfer and Storage with Cookies for Onboarding
  • 90. Passing Data Between Routes
  • 91. Dad Joke Break Email
  • 92. Intro to Verification
  • 93. Implementing One-Time Password Verification with Database Storage
  • 94. Creating a Verification Model in Prisma for User Verification
  • 95. User Verification Workflow
  • 96. Generating One-Time Passwords and Verification URLs in a Signup Flow
  • 97. Implementing User Code Verification with TOTP
  • 98. Verification Flow and Dynamic Query Parameters
  • 99. Dad Joke Break Verification
  • 100. Intro to Reset Password
  • 101. Implementing Forgot Password and Reset Password Flows
  • 102. Resetting Passwords and Handling Verification
  • 103. User Authentication and Password Reset Flow
  • 104. Secure Password Reset Flow Implementation
  • 105. Dad Joke Break Reset Pass
  • 106. Intro to Change Email
  • 107. Implementing Email Verification for Changing Email Addresses
  • 108. Implementing Email Change Verification
  • 109. Handling Email Verification and Updates
  • 110. Implementing a Secure Email Change Flow
  • 111. Dad Joke Break Change Email
  • 112. Intro to Enable Two-Factor Authentication
  • 113. Implementing Two-Factor Authentication Verification
  • 114. Two-Factor Authentication with TOTP Codes
  • 115. Generating Two-Factor Authentication Codes and QR Codes
  • 116. Generating QR Code and Auth URI for Two-Factor Authentication
  • 117. Testing the Two-Factor Authentication Setup
  • 118. Two-Factor Authentication Code Verification
  • 119. Dad Joke Break Enable Two-Factor Authentication
  • 120. Intro to Verify Two-Factor Authentication (2FA)
  • 121. Two-Factor Authentication and Session Verification
  • 122. Implementing Two-Factor Authentication Flow
  • 123. Switching to Verified Session ID After Code Verification
  • 124. Two-Factor Authentication Login in Node.js
  • 125. Dad Joke Break Verify Two-Factor Authentication (2FA)
  • 126. Intro to Two-Factor Authentication Check
  • 127. Two-Factor Authentication Deletion
  • 128. Disabling Two-Factor Authentication
  • 129. Adding User Re-Verification for Critical Operations
  • 130. Implementing Verification Age Check for Disable 2FA
  • 131. Managing User Verification and Two-Factor Authentication
  • 132. Redirecting Users to Re-verify for 2FA Disabling
  • 133. Session Expiry Issue During 2FA Disablement Flow
  • 134. Fixing Session Expiration Behavior in 2FA Disablement Flow
  • 135. Dad Joke Break Two-Factor Authentication Check
  • 136. Intro to Oauth
  • 137. Integrating GitHub Authentication
  • 138. Setting up OAuth Authentication with GitHub
  • 139. Testing the OAuth Flow with GitHub Authentication
  • 140. Implementing OAuth2 Flow with GitHub for User Authentication
  • 141. Simulating Third-Party Dependencies
  • 142. Simulating GitHub Authentication Flow with Mocks
  • 143. Updating Prisma Schema for GitHub Login
  • 144. Establishing Connections and Seed Script in Prisma for GitHub Authentication
  • 145. Dad Joke Break Oauth
  • 146. Intro to Provider Errors
  • 147. Handling Errors in Third-Party API Calls
  • 148. Handling Errors and Redirecting with GitHub Authentication
  • 149. Handling Connection Errors and Duplication in Account Management
  • 150. Handling Existing Connections in AuthProvider Callback
  • 151. Dad Joke Break Provider Errors
  • 152. Intro to Third Party Login
  • 153. Implementing GitHub Login with Two-Factor Authentication
  • 154. Refactoring Login Logic and Implementing GitHub Login
  • 155. Sign Up with GitHub and Handling Mocked Data
  • 156. Onboarding and User Authentication with Third-Party Providers
  • 157. Dad Joke Break Third Party Login
  • 158. Intro to Connection
  • 159. Connecting Website and GitHub Accounts
  • 160. Automatically Connecting User Profiles with Existing Accounts
  • 161. Adding Multiple GitHub Connections to User Accounts
  • 162. Connecting Existing Accounts with an Auth Provider
  • 163. Dad Joke Break Connection
  • 164. Intro to Redirect Cookie
  • 165. Managing Redirects in Forms and Handling Cookies for Persistent Navigation
  • 166. Adding Redirect Functionality to Login and Signup Forms
  • 167. Handling Redirects and Cookies
  • 168. Handling Authentication Redirects and Cookies
  • 169. Handling Redirects
  • 170. Managing Redirects and Cookies
  • 171. Dad Joke Break Redirect Cookie
  • 172. Outro to Authentication Strategies & Implementation Workshop

  • 5. Web Application Testing
  • 01. Intro to Web Application Testing Workshop
  • 02. Intro to End-to-End
  • 03. Writing Automated Tests with Playwright UI Mode
  • 04. Writing and Asserting Playwright Tests for Search Functionality
  • 05. Isolating Tests for Better Reliability and Flexibility
  • 06. Creating and Interacting with User Data
  • 07. Test Isolation in End-to-End Testing
  • 08. Proper Setup and Teardown of Testing for Database Cleanup
  • 09. Implementing Fixtures to Ensure User Deletion in Playwright Tests
  • 10. Playwright Fixtures for Testing
  • 11. Dad Joke Break E2E
  • 12. Intro to E2E Mocking
  • 13. Writing Emails to the File System for Test Automation
  • 14. Handling Emails in Node.js using File System
  • 15. Reading Email from Disk in Test Environment
  • 16. Communicating Between Processes with File System in Node.js
  • 17. Dad Joke Break E2E Mocking
  • 18. Intro to Auth E2E
  • 19. End-to-End User Flow Testing and Authentication Utility
  • 20. Login and Setting Cookies for Browser Testing
  • 21. Dad Joke Break Auth E2E
  • 22. Intro to Unit Test
  • 23. Unit Testing a Function for Error Messages
  • 24. Writing Unit Tests for Utility Functions
  • 25. Managing Test Output and Error Logging with Console Mocking
  • 26. Testing Console Error with Spies
  • 27. Implementing Test Hooks for Error Restoration in Playwright
  • 28. Effective Error Handling and Console Capture Testing
  • 29. Creating a Setup File for Test Environment Setup
  • 30. Setting Up Test Environment and Utilizing Setup Files with VTest
  • 31. Dad Joke Break Unit Test
  • 32. Intro to Component Testing
  • 33. Error List Component with React Testing Library
  • 34. Testing React Components with JSDOM
  • 35. Proper DOM Cleanup for Reliable Testing
  • 36. Ensuring Isolation and Proper Test Execution
  • 37. Dad Joke Break Component Test
  • 38. Intro to Hooks
  • 39. Double Confirmation Feature
  • 40. Testing Custom React Hooks with RenderHook and Act
  • 41. Custom Test Components vs Render Hook Utility
  • 42. Testing React Hooks
  • 43. Dad Joke Break Hooks
  • 44. Intro to Testing Remix
  • 45. Creating a Stub for Testing Component Logic in Remix
  • 46. Rendering Components with Mock Data
  • 47. Creating a Parent Route for Accessing Root Data
  • 48. Creating Routes and Context in Remix
  • 49. Dad Joke Break Testing Remix
  • 50. Intro to Http Mocking
  • 51. GitHub Sign-In Callback
  • 52. Testing OAuth2 Flow and Mocking GitHub API Responses
  • 53. Testing Error Handling in GitHub API Interceptor
  • 54. Testing Error Handling and Assertions with Mock API Calls
  • 55. Streamlining Repetitive Test Setup for Optimal Efficiency
  • 56. Efficient Code Organization with Setup Functions
  • 57. Dad Joke Break Http Mocking
  • 58. Intro to Auth Integration
  • 59. Testing Authenticated Requests and Connection Creation
  • 60. Creating and Authenticating Users for Connection Setup
  • 61. Assertions for GitHub Login Session Creation
  • 62. Verifying Session Creation and User Authentication
  • 63. Integrating Real Database with User Routes
  • 64. Authentication in Database Integration Tests
  • 65. Dad Joke Break Auth Integration
  • 66. Intro to Custom Assertions
  • 67. Custom Matchers for Assertions
  • 68. Custom Assertions with Jests Expect Library
  • 69. Dad Joke Break Custom Assertions
  • 70. Intro to Test Database
  • 71. Setting Up a Test Database for Prisma Integration Tests
  • 72. Setting Up an Isolated Database for Tests
  • 73. Optimizing Database Seeding for Faster Execution
  • 74. Optimizing Database Seeding for Faster Execution 2
  • 75. Managing Test Databases for Parallel Testing
  • 76. Isolating Test Databases for Efficient Testing
  • 77. Optimizing Test Setup
  • 78. Optimizing Test Setup with Global Database Configuration
  • 79. Dad Joke Break Test Database
  • 80. Outro to Web Application Testing Workshop
  • 179,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 28209
    حجم: 6411 مگابایت
    مدت زمان: 1393 دقیقه
    تاریخ انتشار: ۲۰ دی ۱۴۰۲
    طراحی سایت و خدمات سئو

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