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

139,000 تومان

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

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

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

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