Web Development

React with Typescript

מספר הקורס 3378

חשכ"ל

המועדים הקרובים

calendar-1.svg 01/07/2024
קורס בוקר
calendar-1.svg 01/12/2024
קורס בוקר
הקורס נפתח גם במתכונת Live class –  למידה און ליין בכיתות אינטראקטיביות עם מיטב המרצים והתכנים של ג’ון ברייס /המי”ל.
ניתן לפתוח קורס בהתאמה אישית לארגונים במועד שיתואם עימנו

משך הקורס

שעות אקדמיות:

40

מספר מפגשים:

קורס בוקר:

5

מספר מפגשים:

קורס בוקר:

5

מתכונת הקורס

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

המבחן של המדינה קבע שג'ון ברייס היא המכללה שמשלבת הכי הרבה בוגרים בעבודה בהייטק

Overview

This course focus on implementing Single Page Application via React technology using Typescript. The course details the SPA architecture and details about the different roles in client MVC design. The course walks through the way of designing and constructing a fully features SPA compliant web modules with React and covers both basics and advanced features.
This course focused on the new React versions and Hooks features combine functional programing with React.
These days, React technology becomes very popular for complex and advanced front end development and becomes a popular long-run solution for web based services.
We will combine an example using open AI to bring the latest innovations from the industry.

On Completion, Delegates will be able to

SPA

Describe React technology and application structure

Use React basic components

Use ECMAScript

Typescript

Combine Redux with React

Use routing and asynchronous messaging

Use some React advanced features

Who Should Attend

Web developers that choose React as their solution for constructing Single Page Applications and implement client side.

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

Full Syllabus
  • Introduction to SPA

• SPA Architecture
• Getting ready for future internet clients & IoT
• Overview of supporting technologies (AJAX, REST)
• Vite.js
JavaScript for react
• JavaScript latest features
• Using async await
• Functional programing
• Pure functions
• Higher order function
• Shallow copy VS Deep copy
• Understanding the JavaScript Closures
Typescript
• Interfaces
• Type declaration
• Classes & modifiers
• Generics
• Modules
• Type narrow
• Tools
Introduction to React
• React Lib concept
• Create react App
• Folder recommendation structure
• Dynamic Imports and file loading
• Component architecture
• The virtual DOM
React components & Lifecycle
• Basic components
• State & props
• Stateless components
• Stateful components
• Class component & lifecycle
• Function components
4
• Class vs function components
• Managing component state
• Pure components
• Hooks
o useState
o useEffect
o useMemo
o useCallback
o useDeferredValue
o useRef
o useId
• React children
Introduction to Redux with React
• Introduction to Redux
o Redux Flow
o Redux setup
o React-redux & redux
o Redux toolkit
• React terms:
o Store
o Action
o Reducer
o Middleware
• Combined with React
o Use store with React
o Using reducers and actions to manage component state
o useSelector & useDispatch
React routing
• React router
• Single routes
• Multiple routes
Advanced Redux – Middleware
• Async Actions
• Async functions
• Redux-thunk
Error Handling
• Error boundaries
5
• componentDidCatch
Testing react components
• Jest
• Mocha

Prerequisites

• Experience in client-side technologies based on HTML & CSS
• Experience in JavaScript programming
• Some background in REST and Web-Services

Schedule Appointment

Fill out the form below, and we will be in touch shortly.

לא הצלחנו לאתר את הטופס.

בודק...