React: Build Highly Interactive Web Applications培訓
React is an open source Javascript library that can be used to create interactive web and mobile applications. It is often compared to MVC frameworks such as Angular, Ember and Backbone, however, React is distinct in its focus on the UI of the application (the View in MVC). Its unique approach to rendering highly interactive UIs is both powerful and liberating and has led to React's popularity.
In this instructor-led, live training, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.
By the end of this course, participants will be able to:
- Understand React's design philosophy.
- Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
- Understand React concepts such as components, props, state, and lifecycle.
- Implement related technologies such as Babel, Webpack, and JSX.
- Build, test and deploy an interactive web application.
With an emphasis on hands-on practice and the completion of a real application, this training will be invaluable to web application developers wishing to use React to boost their productivity and value.
Format of the Course
- Overview of React's features and capabilities along with step-by-step development of a real-world web application.
課程簡介
Introduction
- React vs Angular vs Vue.js vs other MVC frameworks
Design Principles behind React
Understanding the DOM
Setting up Your Development Environment
How Components Work in React
The Component Life Cycle
Overview of JSX Syntax
Rendering an Element
Building Your First Component
Handling State in React
Defining Your Components' Parent/Child Relationships
Event Handling and Conditional Rendering
Container vs Presentational Components
Implementing Forms and Processing User Input
Testing Your React Web Application
Integrating React with Other Frameworks and Plugins
Deploying your React Application
Summary and Conclusion
最低要求
- Basic familiarity with HTML & CSS.
- Basic knowledge of JavaScript and programming.
- Familiarity with ES6 syntax and features.
Audience
- Front-end developers
- Web developers
- Javascript programmers
Open Training Courses require 5+ participants.
React: Build Highly Interactive Web Applications培訓 - Booking
React: Build Highly Interactive Web Applications培訓 - Enquiry
React: Build Highly Interactive Web Applications - 咨詢詢問
咨詢詢問
客戶評論 (7)
very hands on. trainer was very clear and knowledgavle
Li Fang Bren Ong - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
The explanation to the concept is clear.
Noorazare Puasa - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
Learning was comprehensive and catered to.
Wei Lin Tan - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
How react work.
Yechun Wang - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
That the for the most part of the course the topics were quite atomic and well explained before moving forward.
Piotr - SPOC SA
Course - React: Build Highly Interactive Web Applications
I mostly liked the topics and great lecturer!.
Adam Gozdziewski - SPOC SA
Course - React: Build Highly Interactive Web Applications
I mostly liked the many examples and use cases.
Mateusz Grzeskowiak - SPOC S.A.
Course - React: Build Highly Interactive Web Applications
Provisional Upcoming Courses (Require 5+ participants)
相關課程
Reactive Programming with Angular RxJS
14 時間:ReactIVE 程式設計 是一種異步程式設計範式,它通過在底層執行模型和從一個元件到另一個元件發出的數據流之間建立定義的依賴關係來關注數據流和數據傳播。在構建異步 UI 時,許多 Angular 應用程式設計效率低下的問題可以通過使用 RxJS 庫提供的反應式樣式模式來解決。
在這個 由講師指導 的現場 培訓中 ,參與者 將 學習如何 將 Observable 模式實現到他們的 Angular 應用程式設計中,同時逐步 完成一系列案例,展示常見的角度設計問題以及他們如何從回應式程式設計設計中受益。
在 本次 培訓結束時 , 參與者 將能夠 :
- 了解回應式程式設計範式和 RxJS 庫。
- 使用反應式程式設計模式構建UI繁重的 Angular應用程式,同時考慮可擴充性、靈活性和回應能力。
課程形式
- 互動講座和討論。
- 大量的練習和練習。
- 在即時實驗室環境中動手實施。
課程自定義選項
- 要申請本課程的定製培訓,請聯繫我們進行安排。
Ant Design
7 時間:This instructor-led, live training in 香港 (online or onsite) is aimed at developers who wish to use Ant Design to enhance the User Experience for their React application.
By the end of this training, participants will be able to implement Ant Design's React components to develop beautiful enterprise-class web applications.
Web application development with Flask
14 時間:本實用課程面向Python開發者,他們希望創建並維護自己的第一個Web應用程序。同時,也適合已經熟悉其他Web框架(如Django或Web2py)的人,他們想了解使用微框架(即一種將第三方庫粘合在一起,而非提供自包含的通用解決方案的框架)如何改變開發過程。
課程的很大一部分並非專注於Flask本身(它非常小巧),而是專注於Flask項目中常用的第三方庫和工具。
Functional Reactive Programing with Java 9 and RxJava
14 時間:這種以講師為主導的現場培訓(現場或現場)面向希望使用 Java 9、Spring、Jersey、Akka 和 RxJava 2.0 反應式程式庫建立反應式應用程式的中級軟體開發人員和系統架構師。
培訓結束時,參與者將能夠:
- 瞭解回應式程式設計在應用程式和系統開發中的重要性和意義。
- 在 RxJava 2.0 上運行單元測試。
- 在回應式程式設計原則下使用 Akka 框架。
- 使用 Spring 來處理併發應用程式的開發。
- 使用 Java 9 的串流 API 開發響應式應用程式。
Next.js 14 Advanced Development
21 時間:這種以講師為主導的 香港(在線或現場)現場培訓面向希望探索 Next.js 14 的進步並獲得構建尖端Web應用程式的知識的中級到高級Web開發人員和技術架構師。
在培訓結束時,參與者將能夠:
- 充分利用 Next.js 14 的全部潛力來構建複雜的應用程式。
- 利用最新的功能,如中間件、React 伺服器元件和邊緣功能。
- 實施性能、可擴展性和 SEO 的最佳實踐。
- 有效地解決Next.js應用程式中的常見問題。
Next.js 14 - Advanced
21 時間:本次面向高級開發人員的教練主導的線上培訓(在線或現場)旨在使參加者掌握Next.js 14 中的最新特性、優化性能,並實現現代React 技術。
培訓結束時,參與者將能夠:
- 實現高級React hooks 和並發特性。
- 有效理解和利用Next.js 路由策略。
- 利用伺服器组件、伺服器動作和混合渲染方法。
- 優化數據獲取、緩存和增量靜態再生。
- 使用Next.js 作為具有邊緣函數和邊緣運行時的後端解決方案。
- 使用React Context、Redux 和原子狀態庫管理狀態。
- 針對 Web Core Vitals 優化應用程序性能。
- 高效測試、監控和部署Next.js 應用程序。
React with Next.js
14 時間:這種以講師為主導的 香港(在線或現場)實時培訓面向希望使用 Next.js 創建 React 應用程式的Web開發人員。
在培訓結束時,參與者將能夠:
- 在Next.js中開發伺服器端 Web 應用程式和靜態網站。
- 使用 MongoDB 處理和存儲數據。
- 使用 AuthO 身份驗證保護 Web 應用程式。
RxJava for Android Developers
21 時間:這個由 講師指導的 香港 現場培訓(在線或現場)面向希望使用 RxJava 開發和部署 Android 移動應用程式的開發人員。
在本次培訓結束時,參與者將能夠:
- 設置一個開發環境,其中包括開發反應式應用程式所需的庫、包和框架。
- 了解數據和事件流的發出和使用方式。
- 設計以優雅簡潔的方式對現實世界(基於事件的)情況進行建模的應用程式。
Reactive Programing for iOS with RxSwift
7 時間:這個 由講師指導的 香港 現場 培訓向參與者介紹了 RxSwift 提供的反應式技術,用於管理異步數據流的傳輸和組合、處理簡單的可觀察序列,以及 回應式、靈活且行業可擴展的 iOS 應用程式的架構和開發。
在 本次 培訓結束時 , 參與者 將能夠 :
- 理解 Swift 3 中響應式程式設計背後的基本概念。
- 將陣列和事件等各種項目轉換為可觀察的序列。
- 將各種過濾器應用於 observable 序列,轉換和組合 observable 序列。
- 針對 Rx 代碼編寫單元測試。
- 有效利用使用者介面元素中的盲數據。
Vert.x: Build a Reactive Application on JVM
14 時間:在這個由講師指導的香港現場培訓中,參與者將學習如何使用Vert.x創建一個異步的、基於事件的Web應用程式。
在培訓結束時,參與者將能夠:
- 瞭解並使用 Vert.x 堆疊中的不同元件(核心、Web、用戶端等)。
- 使用 Vert.x 建立網络實用程式、HTTP/REST 微服務、大容量事件處理、後端消息總線應用程式等。
- 執行可以使用最少內核線程處理高併發的應用。
- 使用 Vert.x 的 API 支援 Java、JavaScript、Groovy、Ruby、Ceylon、Scala、Kotlin 等。
- 使用 Vert.x-Unit 對異步代碼進行單元測試。
- 使用最少的硬體部署和擴展應用。
Web Application Development (Advanced Level)
28 時間:This instructor-led, live training in 香港 (online or onsite) is aimed at advanced-level web developers who wish to design, build, and deploy complex web applications using advanced tools and practices.
By the end of this training, participants will be able to:
- Design scalable web architectures with advanced front-end and back-end patterns.
- Work with modern frameworks like React, Angular, or Vue.
- Build secure, robust APIs using Node.js, Django, or PHP.
- Use Docker, CI/CD, and cloud-native tools for deployment.
- Explore emerging technologies like PWAs, Serverless, and WebAssembly.
Web Application Development (Basic Level)
28 時間:這是一個由講師指導的,在香港(線上或線下)進行的培訓,針對希望使用基礎網頁技術建立功能性和互動式網站的初學者級專業人士。
在培訓結束時,參與者將能夠:
- 了解網頁的工作原理(客戶端-伺服器架構、URL、瀏覽器)。
- 使用HTML5創建結構化的網頁。
- 使用CSS為網頁添加樣式和視覺效果。
- 使用JavaScript添加互動性和邏輯。
- 操作DOM以響應用戶事件。
Web Application Development in PHP
21 時間:本課程專為希望豐富知識並學習基於面向對象編程和設計模式的編程和Web開發技術的最佳實踐的中級PHP開發人員而設計。
Yeoman
7 時間:此講師指導的現場培訓在 香港(在線或現場)面向希望瞭解 Yeoman 並瞭解它將如何適應 Web 應用程式架構和開發工作流程的開發人員。
在本次培訓結束時,參與者將能夠:
- 瞭解在應用程式開發中使用 Yeoman 的功能和優勢。
- 學習和理解使用 Yeoman 構建和管理應用程式的過程。