קורס
Next.JS


הקורס של חברות ההייטק

הצטרפו לחברות וארגונים מובילים שבחרו בנו לשדרג את הידע המקצועי של העובדים שלהם

Paloalto
Intel
HP
Rapyd
Moon active
Aquant
Microfocus
Winbond
Earnix
NSO Group
Payoneer
Radcom
Cobwebs
Bolt
Ness

מוכנים להפוך למומחי Next.Js?

מתעניינים ב-Next.Js? השאירו פרטים

 

Next.JS הינה סביבת עבודה (Framework) לפיתוח אפליקציות Web מבוססות React.

Next.JS היא למעשה סביבה עשירה יותר של אפלייקצית React עם יכולות מתקדמות כגון Server Side Rendering ו Static Web Sites.

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

הקורס מיועד לבעלי רקע בפיתוח Web ומועבר ב 2 מתכונות: מתכונת ארוכה לחסרי רקע ב React ומתכונת קצרה לבעלי רקע ב React.

הקורס מועבר במתכונת Extreme70 הפרקטית בארץ וזאת על מנת להקנות נסיון מקסימלי למשתתפים וכולל 2 פרוייקטים (אופציונלי) 

כל השיעורים מוקלטים לחזרה ותגבור והמשתתפים מקבלים תמיכה וליווי גם מחוץ לשעות ההדרכה.

תמונת פורטרט של יניב ארד

יניב ארד
מייצר מומחי Next.JS!

יניב ארד הוא מהמדריכים והמנטורים הטכנולוגיים המובילים בארץ למקצועות הפיתוח וה Data. יניב והצוות שלו הכשירו למעלה מ 9000 בוגרים בלמעלה מ 200 חברות הייטק ו Startups מהמובילים בארץ. הקורסים של יניב מועברים במתכונת Extreme70 הפרקטית בארץ לצבירת נסיון אמיתי כבר במהלך ההכשרה.

מוכנים להפוך למומחי Next.Js?

מתעניינים ב-Next.Js? השאירו פרטים

אז מה המסלול שמתאים לך?

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

חברות כבר בחרו
+ 0
בוגרים שהוכשרו
+ 0
Paloalto
Intel
HP
Rapyd
Moon active
Aquant
Microfocus
Winbond
Earnix
NSO Group
Payoneer
Radcom
Cobwebs
Bolt
Ness

מדוע לבחור ביניב ארד
להכשרת אנשי הארגון?

הקלטות של השיעורים לצפייה גם אחרי השיעור

צבירת נסיון אמיתי בזכות מודל Extreme70

ליווי ותמיכה מחוץ לשעות ההדרכה

מוכנים להפוך למומחי Next.Js?

מתעניינים ב-Next.Js? השאירו פרטים

מה אומרים הלקוחות שלנו?

צבירת נסיון אמיתי בזכות מודל Extreme70

הקלטות של השיעורים לצפייה גם אחרי השיעור

ליווי ותמיכה מחוץ לשעות ההדרכה

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

הקורס מיועד לבעלי רקע בפיתוח: בין אם מפתחים בעלי נסיון בתעשייה, בוגרי לימודים מתאימים (בוגרי תואר ראשון במקצועות המחשוב) וכל מי שיש לו זיקה לפיתוח תוכנה. אחרת – לא ניתן לצלוח את הקורס ברמה המאפיינת אותו. אה,כן… ואתה צריך להיות עם ״רעל בעיניים״. לא פחות. לא לפחד מאתגרים. להאמין שבסוף הדרך המאתגרת אתה מפתח מוכשר, מנוסה ונדרש בתעשיית ההייטק. אין לך ״רעל בעיניים״? לא נצא לדרך.

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

מאוד פשוט. תשכח כל מה שאתה יודע על קורסים. מצגות יפות? הרצאות? לא אצלי..לא כך צוברים נסיון. זה פשוט לא עובד. אצלי תצבור נסיון אמיתי: כל הלימוד הוא תוך כדי כתיבת קוד. אתה תאכל, תשתה ותנשום קוד. ואז עוד. תוך כדי הכנת 2 פרוייקטים. תגיע לסיום הקורס (וסיום בניית הפרוייקטים) עם נסיון של 3-4 חודשים – וזה הנסיון הנדרש בתעשייה, גם מג׳וניורים.  

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

אני בונה איתך את קורות החיים ומדגיש את הנסיון שצברנו.

אני הולך לחשוף את קורות החיים שלך בין למעלה מ 20,000 קשרים עסקיים ב LinkedIn עם המלצה חמה שלי (וזה שווה המון).

אני הולך להכין אותך לראיונות העבודה.

אני איתך יד ביד – עד הכניסה לתעשייה.

תמיד עם הגרסה העדכנית ביותר, על מנת שתהיו הכי מוכנים למה שמחכה לכם בתעשייה.
 

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

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

מועד פתיחה

9.10.2023

ימים ב' 17:30-21:30

תנאי קדם

מפתחי Front End עם ידע ב HTML ו Java Script.
 

משך הקורס

7 מפגשים 

הקורס הבא

14.12.2023

React & Redux

  • Component Driven Development
  • Development Environments
  • Virtual DOM
  • JSX & Babel
  • Component Declaration
  • Component Instantiation
  • Component API
  • Multiple Components
  • External CSS
  • Inline styling
  • Dynamic Styling
  • Implementing Bootstrap
  • Component Lifecycle Events
  • Initializing with Props
  • Declare init State
  • Unidirectional Data Flow
  • State Management
  • State lifecycle
  • useState hook
  • Dynamic Rendering
  • Components Composition
  • Nested Components
  • Components Communication : Parent to Child
  • Components Communication : Child to Parent
  • Data drill down with Context API
  • Modern Web Architecture
  • RESTfull services
  • Communicating with Server
  • Working with Axios
  • Working with Promises & Observables
  • Working with async-await
  • Architectural Considerations
  • Async Flow
  • The role of service
  • useEffect hook
  • Mounting phase
  • Updating phase
  • Unmounting phase
  • Nested components life cycle
  • Introduction to SPA
  • Routing & Navigation
  • Router
  • Nested Routing
  • Passing Parameters
  • Working with Forms
  • Hook Form
  • Redux Design pattern
  • Reducers
  • Actions
  • Store

–    Data Flow

  • Intro to Firebse
  • End-2-End with React & Firebase
  • Intro to Material UI
  • Rendering life cycle
  • Memoization basics
  • memo
  • useMemo & useCallback hooks
  • Context API + Hooks vs. Redux

פרטי הקורס

תנאי קדם

Experienced FED developers

משך הקורס

40 שעות אקדמיות (5 ימים)

צרו קשר לפרטים נוספים

Next.Js

  • Next.JS vs React
  • Architecture
  • Installation
  • Create the first project
  • Defining routes
  • Pages and layouts
  • Fetching, Caching & Revalidation
  • Data fetching patterns
  • Server Components
  • Client Components
  • Composition Patterns
  • Edge and Node.js Runtimes
  • Caching
  • CSS Modules
  • Tailwind CSS
  • CSS – in – JS
  • Sass
  • Images
  • Fonts
  • Scripts
  • Metadata
  • Static Assets
  • Analytics
  • OpenTelemetry
  • Instrumentation
  • Font
  • Image
  • Link
  • Script
  • default.js
  • error.js
  • layout.js
  • not-found.js
  • page.js
  • route.js
  • Route Segment Config
  • Template.js
  • favicon, icon, and apple-icon
  • Manifest.json
  • Opengraph-image and twitter- image
  • Robots.txt
  • Sitemap.xml
  • Cookies
  • draftMode
  • fetch
  • generatelmageMetadata
  • headers
  • ImageResponse
  • NextResponse
  • notFound
  • redirect
  • revalidatePath
  • revalidateTag
  • Server Actions
  • useParams
  • usePathname
  • useReportWebVitals
  • useRouter
  • useSearchParams
  • useSelectedLayoutSegment
  • appDir
  • assetPrefix
  • basePath
  • compress
  • devIndicators
  • distDir
  • env
  • eslint
  • exportPathMap
  • generateBuildId
  • generateEtags
  • headers
  • httpAgentOptions
  • images
  • incrementalCacheHandlerPath
  • mdxRs
  • onDemandEntries
  • optimizePackageImports
  • output
  • pageExtensions
  • poweredByHeader
  • productionBrowserSourceMaps
  • reactStrictMode
  • redirects
  • rewrites
  • serverComponentsExternalPackages
  • trailingSlash
  • transpilePackages
  • turbo
  • typedRoutes
  • typescript
  • urlImports
  • webpack
  • webVitalsAttribution
  • Accessibility
  • Fast Refresh
  • Next.js Compiler
  • Supported Browsers
  • Turbopack
  • Working with Forms
  • Routing & SPA
  • Master – Details data management
  • Server access architectures
  • Components communications
  • Global state management with Redux
  • Server access architectures
  • ContextAPI

העתיד שלך בהייטק מתחיל כאן
צור איתי קשר עוד היום

דילוג לתוכן