Ben Awad Courses

Refactoring into Components and Dealing with Timezones - Day 21

Learn to refactor code into components and handle timezone issues for database timestamps in this hands-on tutorial.

• YouTube
• 2 hours 1 minute
• Self-Paced
• Free Video

Coding a Card with Styled Components

Learn to create a Card component using styled-components in this hands-on tutorial. Explore practical techniques for building reusable UI elements and enhancing your React development skills.

• YouTube
• 1 hour 39 minutes
• Self-Paced
• Free Video

useRef Hook with Prism - React Hooks Tutorial - Day 15

Explore the useRef hook in React with practical implementation, focusing on code optimization and real-world application in web development.

• YouTube
• 1 hour 22 minutes
• Self-Paced
• Free Video

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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• Free Video