Developing and Hosting SPA (ReactJS), WASM (Blazor) & PWA Course.

React is a JavaScript library for building user interfaces. As a developer, you can create large web applications in order to change data without reloading the page by using ReactJS. According to SimilarTech, the demand for remote React developers and ReactJS services have been growing exponentially over the past few years. It has become the best choice for users due to its simplicity, user-friendliness, native approach, data binding, performance, and testability. Blazor, part of the ASP.NET development platform for web apps, is an open source and cross-platform web UI framework for building single-page apps using .NET and C# instead of JavaScript, the traditional nearly ubiquitous go-to programming language for the web.

 

Course outline –

Introduction to React

Understand how react makes things perform, learn how to set up, run and debug a react app.

  • What is React?
  • Why React?
  • React version history
  • Just React – Hello World
  • Using create-react-app
  • Anatomy of react project
  • Running the app

 

Templating using JSX

Understand the significance of JSX and know its syntax and features.

  • Working with React create Element
  • Expressions
  • Using logical operators
  • Specifying attributes
  • Specifying children

 

React Components

Understand the significance of component architecture and learn how to decompose UI into components and compose them back to make UI.

  • Significance of component architecture
  • Types of components
  • Functional
  • Class based
  • Component Composition

 

Rendering lists

Learn how to render lists and use key prop.

  • Using react key prop
  • Using map function to iterate on arrays to generate elements

 

Event handling in React

Learn about React’s synthetic event system and its working.

  • Understanding React event system
  • Understanding Synthetic event
  • Passing arguments to event handlers

 

Working with forms

Understand how to handle forms in react.

  • Controlled components
  • Uncontrolled components
  • Understand the significance to defaultValue prop

 

Introduction to Blazor.

Understand how Blazor makes things perform, learn how to set up, run and debug.

  • Components
  • Web Assembly
  • Blazor Server

 

Layouts

Understand how Blazor layout works in web page

  • Creating a Blazor layout
  • Using a layout
  • Nested layouts

 

Routing

Understand how Blazor routing technique for inspecting the browser’s URL and matching it up to a page to render.

  • Defining routes
  • Route parameters
  • Constraining route parameters
  • Optional route parameters
  • 404 – Not found

 

Forms

Learn how to create Blazor Forms

  • Editing form data
  • Descending from InputBase
  • Validation
  • Handling form submission
  • Accessing form state

 

For Training Requirement Contact-

udithait@gmail.com

training@bluechiptraining.biz

 

Sri Lanka

+94 0716092918

Singapore-
+65 86738158

Leave a Reply

Your email address will not be published. Required fields are marked *