Website Icon

קורס Next.js - מאסטר פיתוח אתרים

לפלייליסט המלא ביוטיוב

תוכנית לימודים

התאוריה מאחורי Next.js

11 שיעורים
1 שעות ו-2 דקות

שיעור 1 - מה זה Next.js

4 דק'

שיעור 2 - ההבדלים המרכזיים בין Next.js ל-React

7 דק'

שיעור 3 - מה זה Web Crawlers

7 דק'

שיעור 4 - מה זה רנדור (Rendering)

2 דק'

שיעור 5 - Client-side rendering (CSR)

7 דק'

שיעור 6 - Server-side Rendering Strategies

1 דק'

שיעור 7 - Static Site Generation (SSG)

5 דק'

שיעור 8 - Server-side rendering (SSR)

10 דק'

שיעור 9 - סטרימינג (Streaming)

11 דק'

שיעור 10 - Hybrid Rendering

5 דק'

שיעור 11 - שיחת סיכום

3 דק'

הכנת סביבת פיתוח

4 שיעורים
22 דק'

שיעור 12 - התקנת VS Code

2 דק'

שיעור 13 - התקנת Node.js

4 דק'

שיעור 14 - הכרות בסיסית עם הכלים

5 דק'

שיעור 15 - התקנת Next.js

10 דק'

Pages and Routing

21 שיעורים
2 שעות ו-58 דקות

שיעור 16 - Defining Routes

12 דק'

שיעור 17 - app folder VS src folder

4 דק'

שיעור 18 - Routes Exercise

8 דק'

שיעור 19 - Route Groups

13 דק'

שיעור 20 - layout.tsx

12 דק'

שיעור 21 - Nested Layouts

6 דק'

שיעור 22 - not-found.tsx

6 דק'

שיעור 23 - Dynamic Routes

11 דק'

שיעור 24 - Nested Dynamic Routes

6 דק'

שיעור 25 - generateStaticParams() function

13 דק'

שיעור 26 - Catch-all Segments

12 דק'

שיעור 27 - Handling Errors in Nested Routes

11 דק'

שיעור 28 - Handling Errors in Layouts

3 דק'

שיעור 29 - Parallel Routes Intro

8 דק'

שיעור 30 - Nested Components vs. Parallel Routes

10 דק'

שיעור 31 - Implementing Parallel Routes

12 דק'

שיעור 32 - Parallel Routes Navigation

10 דק'

שיעור 33 - default.tsx

5 דק'

שיעור 34 - default.tsx Implementation

9 דק'

שיעור 35 - Conditional Routes

5 דק'

שיעור 36 - Intercepting Routes

2 דק'

Linking and Navigating

9 שיעורים
1 שעות ו-2 דקות

שיעור 37 - Linking and Navigating

6 דק'

שיעור 38 - Link Component

7 דק'

שיעור 39 - Linking to Dynamic Segments

6 דק'

שיעור 40 - Checking Active Links

9 דק'

שיעור 41 - Scrolling to an id

6 דק'

שיעור 42 - useRouter() hook

6 דק'

שיעור 43 - useRouter() hook methods

6 דק'

שיעור 44 - usePathname() hook

8 דק'

שיעור 45 - useSearchParams() hook

8 דק'

Client and Server Components

9 שיעורים
1 שעות ו-26 דקות

שיעור 46 - הקדמה

3 דק'

שיעור 47 - Client and Server Components

6 דק'

שיעור 48 - היתרונות של Server Components

8 דק'

שיעור 49 - היתרונות של Client Components

4 דק'

שיעור 50 - Integrating Server and Client Components

10 דק'

שיעור 51 - יישום בשטח - (SSG) & (CSR)

13 דק'

שיעור 52 - יישום בשטח - (SSR) / Dynamic Rendering

14 דק'

שיעור 53 - יישום בשטח Incremental Static Regeneration (ISR)

18 דק'

שיעור 54 - יישום בשטח סטרימינג (Streaming)

10 דק'

Data Fetching and Caching

11 שיעורים
1 שעות ו-53 דקות

שיעור 55 - HTTP Methods

3 דק'

שיעור 56 - Fetch API Basic

11 דק'

שיעור 57 - Fetch API Advanced

23 דק'

שיעור 58 - Error Handling

12 דק'

שיעור 59 - Data Fetch in CSR

9 דק'

שיעור 60 - הכנת סביבה ל-SSR Fetching

6 דק'

שיעור 61 - Fetch and Cache Options

12 דק'

שיעור 62 - Server-Client Composition Patterns

11 דק'

שיעור 63 - מהם Server Actions

8 דק'

שיעור 64 - ישום Server Actions

12 דק'

שיעור 65 - יתרונות וחסרונות של Server Actions

6 דק'

Styling in Next.js

6 שיעורים
32 דק'

שיעור 66 - CSS Modules

10 דק'

שיעור 67 - Global Styles

5 דק'

שיעור 68 - External Stylesheets

5 דק'

שיעור 69 - Tailwind CSS

4 דק'

שיעור 70 - Sass

4 דק'

שיעור 71 - CSS-in-JS

4 דק'

SEO (Metadata) in Next.js

8 שיעורים
53 דק'

שיעור 72 - הקדמה

6 דק'

שיעור 73 - Title & Description

7 דק'

שיעור 74 - layout.tsx

4 דק'

שיעור 75 - Robots Meta Tags

5 דק'

שיעור 76 - Canonical Tag

3 דק'

שיעור 77 - Open Graph (OG) Protocol

6 דק'

שיעור 78 - Twitter Card Tags

9 דק'

שיעור 79 - generateMetadata() function

12 דק'

Built-in Optimizations

11 שיעורים
1 שעות ו-31 דקות

שיעור 80 - Image Optimization Intro

4 דק'

שיעור 81 - Image Formats Explained

9 דק'

שיעור 82 - Best practice

10 דק'

שיעור 83 - Loading attribute

7 דק'

שיעור 84 - Image component

2 דק'

שיעור 85 - הקדמה ל-Fonts

8 דק'

שיעור 86 - Google Fonts

11 דק'

שיעור 87 - Local Fonts

9 דק'

שיעור 88 - Font display

10 דק'

שיעור 89 - Script Optimization

12 דק'

שיעור 90 - Other Optimizations

9 דק'

Route Handlers

12 שיעורים
1 שעות ו-2 דקות

שיעור 91 - הקדמה

4 דק'

שיעור 92 - Download Postman

2 דק'

שיעור 93 - GET request

6 דק'

שיעור 94 - POST request

5 דק'

שיעור 95 - Dynamic Route Segments

9 דק'

שיעור 96 - PUT PATCH & DELETE requests

5 דק'

שיעור 97 - URL Query Parameters

5 דק'

שיעור 98 - הקדמה ל-Cookies

3 דק'

שיעור 99 - Login Route

10 דק'

שיעור 100 - Protected Route

5 דק'

שיעור 101 - Logout Route

5 דק'

שיעור 102 - Form Data

3 דק'

Final Project (ToDoo)

18 שיעורים
2 שעות ו-7 דקות

שיעור 103 - הצגת הפרויקט הסופי

5 דק'

שיעור 104 - הכנת תשתית

7 דק'

שיעור 105 - הכנת ה-Models

9 דק'

שיעור 106 - Serverless נגד Server-Based

6 דק'

שיעור 107 - Cloud Computing Services

4 דק'

שיעור 108 - חיבורי מסד נתונים

4 דק'

שיעור 109 - MongoDB Atlas

8 דק'

שיעור 110 - Mongo DB Connection

6 דק'

שיעור 111 - User Registration

15 דק'

שיעור 112 - User Login

6 דק'

שיעור 113 - User Logout

7 דק'

שיעור 114 - Create a Todo

10 דק'

שיעור 115 - Get Todos

3 דק'

שיעור 116 - Get Todo by Id

3 דק'

שיעור 117 - Update a Todo

5 דק'

שיעור 118 - Delete a Todo

3 דק'

שיעור 119 - Deploying to Vercel

12 דק'

שיעור 120 - Upgrading from 14 to 15

14 דק'

Greadme | SEO Testing & Analysis

2 שיעורים
10 דק'

שיעור 121 - היכרות עם Greadme

6 דק'

שיעור 122 - ניהול מלא של הבדיקות

5 דק'