Skip to main content
  • 한국어
    • English
    • 简体中文
    • Deutsch
    • Polski
    • العربية
    • Nederlands
    • Français
    • Magyar
    • Italiano
    • 日本語
    • 한국어
    • Português
    • Română
    • Русский
    • Español
Home

Certificate Authentication

React - Material UI - D3.JS bespoke Certificate for Ding Yi

Add to LinkedIn

Certificate ID: 
780571
Authentication Code: 
22eec
Certified Person Name: 
Ding Yi
Trainer Name: 
Łukasz Sokołowski
Duration Days: 
4
Duration Hours: 
28
Course Name: 
React - Material UI - D3.JS bespoke
Course Date: 
1 October 2024 08:30 to 4 October 2024 15:30
Course Outline: 

REACT - strongly with TS - (2-2.5 days)

 

  • Design Principles behind React
  • Understanding the React Shadow DOM
  • Setting up your Development Environment
  • Advanced components in React
  • The Component Life Cycle
  • Overview of JSX Syntax, quick intro only
  • Overview of React Hooks, best practices, scenarios
    • when does it make sense to build your own react hooks
    • useQuery and other hooks to optimize caching huge amount of data on the client side
  • Components' Relationships, best practices
  • Event Handling and Conditional Rendering
  • Container vs Presentational Components
  • Implementing Forms and Processing User Input
  • Testing Your React Web Application, vitest
    • best practices
    • proper mocking in isolation
    • in the context of Redux
  • Integrating React with other Frameworks and Plugins
  • Deploying your React Application
    • vite, deploying at one time approach
  • Debugging, strict mode, rendering twice
  • Redux, quick intro (hooks, practices)
    • sagas and reducers, states

 

MATERIAL UI - (around 0.5 days)

  • Overview of Material UI Resources and Tools
  • Understanding the patterns
    • implementing a Navigation Bar
    • implementing a List of Products
  • Creating a Custom Theme, advanced configuring
  • Testing the Application
  • Debugging the Application
  • Styling React components, in the MUI context
    • best practices

 

D3.JS - (1 day)

  • Overview of the data visualization process
  • Data visualization components: HTML, CSS, Javascript, DOM, D3, SVG
  • Overview of D3 methods: scaling, events, transitions and animations
  • Attaching your data to DOM (Document Object Model) elements
  • Using CSS3, HTML and/or SVG to showcase data
  • Making data interactive with D3.JS data-driven transformations and transitions
  • Working with layouts
  • Exporting SVG
  • Unit Testing D3
  • Troubleshooting 
  • Summaries and Conclusions
Staff Login