Ben Awad Courses

Lazy Loading Prismjs Languages for Code Syntax Highlighting - Day 13

Optimize Prismjs performance through lazy loading languages, exploring alternatives, and implementing automatic language detection for efficient syntax highlighting.

• YouTube
• 2 hours 2 minutes
• On-Demand
• Free Video

Optimizing Database Calls with Dataloader and Setting Up Prismjs - Day 12

Optimize database calls with Dataloader and implement syntax highlighting using Prismjs. Learn efficient data fetching techniques and enhance code presentation.

• YouTube
• 2 hours 25 minutes
• On-Demand
• Free Video

Coding File Path Breadcrumb Navigation in Code Ponder - Day 9

Implement GitHub-style file path breadcrumb navigation in Code Ponder project. Learn React, TypeScript, and web component techniques for efficient coding and UI development.

• YouTube
• 1 hour 4 minutes
• On-Demand
• Free Video

Next.js Server-Side Rendering with Multiple Apollo Clients

Learn to implement server-side rendering with Next.js using multiple Apollo clients for GraphQL endpoints, focusing on authentication, routing, and data management techniques.

• YouTube
• 41 minutes
• On-Demand
• Free Video

Coding File Tree UI Component - Day 7

Learn to create a File Tree UI Component with step-by-step guidance on design, implementation, and testing for an interactive and visually appealing file structure display.

• YouTube
• 1 hour 3 minutes
• On-Demand
• Free Video

Setting up GitHub OAuth for Login and Redis Sessions - Day 4

Implement GitHub OAuth login with Redis sessions. Learn to set up user authentication, persist sessions, and integrate with web applications for secure access control.

• YouTube
• 1 hour 25 minutes
• On-Demand
• Free Video

Live Coding: Username in Navbar - Part 8

Live coding session: Build a dynamic navbar displaying the current user's username, enhancing user experience and personalization in web applications.

• YouTube
• 1 hour 18 minutes
• On-Demand
• Free Video

Creating a Semantic UI Card Grid for Code Reviews - Part 7

Learn to create a grid of code review cards using Semantic UI in this live coding session, focusing on React and UI implementation.

• YouTube
• 58 minutes
• On-Demand
• Free Video

Live Coding: Creating a Login Mutation - Part 2

Develop a backend login mutation through live coding, covering user persistence, custom contexts, and schema generation for a robust authentication system.

• YouTube
• 51 minutes
• On-Demand
• Free Video

Styled Components with TypeScript in React - Part 8

Learn to style React components using Styled Components and TypeScript, covering global styles, input components, and form layouts for enhanced UI development.

• YouTube
• 36 minutes
• On-Demand
• Free Video

Creating a GraphQL Higher Order Component for Listing Mutation - Part 38

Develop a GraphQL higher-order component for executing mutations, focusing on creating listings with efficient caching and component integration.

• YouTube
• 22 minutes
• On-Demand
• Free Video

Email Confirmation Link with Redis - Part 9

Implement email confirmation links using Redis for enhanced security. Learn to create, store, and validate tokens, integrating with Express for a robust user authentication system.

• YouTube
• 22 minutes
• On-Demand
• Free Video

Typescript Basics

Learn TypeScript fundamentals including variables, functions, destructuring, unions, interfaces, and if statements in this concise tutorial.

• YouTube
• 21 minutes
• On-Demand
• Free Video

Canceling Edit in React Material UI Table

Implement cancel edit functionality in React Material UI Table, enhancing user experience with error handling and form management techniques.

• YouTube
• 31 minutes
• On-Demand
• Free Video

File Uploads with React Dropzone and GraphQL - Part 1

Learn to implement file uploads in React using React Dropzone and GraphQL. Covers setup, drag-and-drop functionality, and integration with Apollo Upload Client for efficient file handling.

• YouTube
• 31 minutes
• On-Demand
• Free Video