Dark background with a subtle purple gradient and grid pattern on the right side

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

ברוכים הבאים לקורס Next.js (v14/15), הקפיצה שתהפוך אתכם למתכנתי אתרים מומחים. בקורס זה נצלול עמוק יותר למושגים מסובכים יותר כמו SSR ו-ISR, ותצליחו למקסם את הביצועים והגמישות של אתרים שלכם. הצטרפו אלינו ושדרגו את האתרים שלכם.

יש לי קוד קופון

</למי מיועד הקורס?>

מיועד למתכנתים עם רקע ב-React, שמעוניינים להעצים את היכולות שלהם בפיתוח צד לקוח. הקורס מתמקד ב-Next.js, טכנולוגיה מתקדמת וחדשנית המבוססת על React, ומציעה יכולות רנדורינג וביצועי SEO - Search engine optimization משופרים.

</מה תלמדו בקורס?>

בקורס Next.js שלנו, אתם תהפכו למתכנתים מיומנים בפיתוח אתרים סטטיים ודינמיים. אנחנו נעמיק במונחים מרכזיים וחשובים כמו SSG, SSR, ISR ו-CSR, שיאפשרו לכם להבין באופן מעמיק את מבנה ותכלית של אתרים מודרניים.\n\nהקורס דורש ידע מקדים ב-React, מכיוון שהוא הליבה של Next.js. במהלך הקורס, נשלב APIs ונבנה פרויקטים שונים. בסיום הקורס, לא רק שתהיו מסוגלים לבנות אתרים מהירים, יעילים ומותאמים ל-SEO, אלא תצאו עם הבנה עמוקה ומעשית של ארכיטקטורה נכונה.

</האם יש תמיכה במהלך הקורס?>

כמובן! אנו מספקים תמיכה לאורך כל הקורס. אם יש לכם שאלות כלשהן או שאתם זקוקים לסיוע, אתם יכולים לשלוח לנו אימייל, ואנו נשאף לענות על כל השאלות במהירות האפשרית. המטרה שלנו היא להבטיח חווית למידה חלקה ומעשירה לכל תלמידינו.

</פרטי הקורס>

נדרש ידע ב-React וב-TypeScript. ידע בבקאנד יתרון, אך לא הכרחי.

119 שיעורים

14h 21m שעות צפייה

תרגולים ופרוייקטים

תמיכה מלאה במהלך הקורס

איכות הצפייה (Full High Definition)

גישה לכל החיים

תעודת גמר (Certificate of Completion)

תשלום חד פעמי בסך 149.90

</הכנס קוד קופון >

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

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

11 שיעורים

1 שעות ו-2 דקות

מה זה Next.js

4 דק'

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

7 דק'

מה זה Web Crawlers

7 דק'

מה זה רנדור (Rendering)

2 דק'

Client-side rendering (CSR)

7 דק'

Server-side Rendering Strategies

1 דק'

Static Site Generation (SSG)

5 דק'

Server-side rendering (SSR)

10 דק'

סטרימינג (Streaming)

11 דק'

Hybrid Rendering

5 דק'

שיחת סיכום

3 דק'

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

4 שיעורים

22 דק'

התקנת VS Code

2 דק'

התקנת Node.js

4 דק'

הכרות בסיסית עם הכלים

5 דק'

התקנת Next.js

10 דק'

Pages and Routing

21 שיעורים

2 שעות ו-52 דקות

Defining Routes

12 דק'

app folder VS src folder

4 דק'

Routes Exercise

8 דק'

Route Groups

13 דק'

layout.tsx

12 דק'

Nested Layouts

6 דק'

not-found.tsx

6 דק'

Dynamic Routes

11 דק'

Nested Dynamic Routes

5 דק'

generateStaticParams() function

10 דק'

Catch-all Segments

12 דק'

Handling Errors in Nested Routes

11 דק'

Handling Errors in Layouts

3 דק'

Parallel Routes Intro

8 דק'

Nested Components vs. Parallel Routes

10 דק'

Implementing Parallel Routes

12 דק'

Parallel Routes Navigation

10 דק'

default.tsx

5 דק'

default.tsx Implementation

9 דק'

Conditional Routes

5 דק'

Intercepting Routes

2 דק'

Linking and Navigating

9 שיעורים

1 שעות ו-2 דקות

Linking and Navigating

6 דק'

Link Component

7 דק'

Linking to Dynamic Segments

6 דק'

Checking Active Links

9 דק'

Scrolling to an id

6 דק'

useRouter() hook

6 דק'

useRouter() hook methods

6 דק'

usePathname() hook

8 דק'

useSearchParams() hook

8 דק'

Client and Server Components

9 שיעורים

1 שעות ו-26 דקות

הקדמה

3 דק'

Client and Server Components

6 דק'

היתרונות של Server Components

8 דק'

היתרונות של Client Components

4 דק'

Integrating Server and Client Components

10 דק'

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

13 דק'

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

14 דק'

יישום בשטח Incremental Static Regeneration (ISR)

18 דק'

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

10 דק'

Data Fetching and Caching

11 שיעורים

1 שעות ו-53 דקות

HTTP Methods

3 דק'

Fetch API Basic

11 דק'

Fetch API Advanced

23 דק'

Error Handling

12 דק'

Data Fetch in CSR

9 דק'

הכנת סביבה ל-SSR Fetching

6 דק'

Fetch and Cache Options

12 דק'

Server-Client Composition Patterns

11 דק'

מהם Server Actions

8 דק'

ישום Server Actions

12 דק'

יתרונות וחסרונות של Server Actions

6 דק'

Styling in Next.js

6 שיעורים

32 דק'

CSS Modules

10 דק'

Global Styles

5 דק'

External Stylesheets

5 דק'

Tailwind CSS

4 דק'

Sass

4 דק'

CSS-in-JS

4 דק'

SEO (Metadata) in Next.js

8 שיעורים

50 דק'

הקדמה

6 דק'

Title & Description

7 דק'

layout.tsx

4 דק'

Robots Meta Tags

5 דק'

Canonical Tag

3 דק'

Open Graph (OG) Protocol

6 דק'

Twitter Card Tags

9 דק'

generateMetadata() function

9 דק'

Built-in Optimizations

11 שיעורים

1 שעות ו-31 דקות

Image Optimization Intro

4 דק'

Image Formats Explained

9 דק'

Best practice

10 דק'

Loading attribute

7 דק'

Image component

2 דק'

הקדמה ל-Fonts

8 דק'

Google Fonts

11 דק'

Local Fonts

9 דק'

Font display

10 דק'

Script Optimization

12 דק'

Other Optimizations

9 דק'

Route Handlers

12 שיעורים

59 דק'

הקדמה

4 דק'

Download Postman

2 דק'

GET request

6 דק'

POST request

5 דק'

Dynamic Route Segments

7 דק'

PUT PATCH & DELETE requests

5 דק'

URL Query Parameters

5 דק'

הקדמה ל-Cookies

3 דק'

Login Route

10 דק'

Protected Route

5 דק'

Logout Route

5 דק'

Form Data

3 דק'

Final Project (ToDoo)

17 שיעורים

1 שעות ו-53 דקות

הצגת הפרויקט הסופי

5 דק'

הכנת תשתית

7 דק'

הכנת ה-Models

9 דק'

Serverless נגד Server-Based

6 דק'

Cloud Computing Services

4 דק'

חיבורי מסד נתונים

4 דק'

MongoDB Atlas

8 דק'

Mongo DB Connection

6 דק'

User Registration

15 דק'

User Login

6 דק'

User Logout

7 דק'

Create a Todo

10 דק'

Get Todos

3 דק'

Get Todo by Id

3 דק'

Update a Todo

5 דק'

Delete a Todo

3 דק'

Deploying to Vercel

12 דק'

</חוות דעת>

הקורס כולל בתוכו הרבה תוכן מקצועי שלא הייתי חשופה קודם. הייתי שמחה אם היה ניתן להכניס יותר מידע על נושאים מסוימים בקורס.

Katyaruk

SEO Mastery

המרצה מדגיש בקורס גם את הפרטים הקטנים, מה שהופך את הלמידה למקצועית ומשמעותית.

Israel Mark

Node.js Mastery

לקחתי את הקורס SEO. הקורס מוקלט בצורה טובה (סאונד איכותי) ודוגמאות לעניין. הקורס שיפר את האתר שלי ואת הביצועים שלו ואני מרגיש שקיבלתי ערך לתמורה שלי.

Hdriel

SEO Mastery

אני יכול להשוות מנקודת מבט של חניך גם בקורס וגם כאחד שעבר על הקורס באתר. הקורס באתר מסודר, ממוקד ונוח לצפייה ואין בו בזבוזי זמן מיותרים.

Meni

CSS3 & HTML5 Mastery

</שאלות נפוצות FAQs>

האם יש הטבה לחיילים ולסטודנטים?

כן! חיילים וסטודנטים יכולים ליהנות מהטבה של 10% על כל הקורסים שלנו. לקבלת ההנחה, אנא שלחו לנו צילום של תעודת זהות, חוגר (לחיילים) או תעודת סטודנט (לסטודנטים) לכתובת codingwithsaar@gmail.com או בוואטסאפ שלנו.