This Typescript training course looks at how TypeScript and React can be used for creating single page applications in JavaScript and HTML. We also have a brief look at Angular and Vue.js. By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.
JBI run public Micro Frontends courses in London and custom onsite Micro Frontends training at your UK or worldwide offices.
We can make our custom Micro Frontends training even more engaging and relevant by encouraging delegates to use their own corporate data .
Front End Developers, team leads and architects involved in Javascript (or similar) software Development
"I like that we started from basics and we continued through more advanced concepts and we finished with practical usages of TypeScript by building simple React and Node + express app. It really gave me wider understanding of TypeScript as a language but also how it can be used in real life scenarios and problems."
BK, Software Engineer, Typescript, January 2021
• JavaScript versions
• working with modules
• functions and arrow functions
• classes
• functional programming in JavaScript (map, filter, ...)
• What are Vue.js and Angular
• Introduction
• Installing TypeScript
• Preparing a TypeScript Project
• Understanding Typing, Variables, and Functions
• Working with Classes and Interfaces
• Organizing Your Code with Namespaces
• Reusing Code through Modules
• Compiling, Testing and Running TypeScript
• Debugging TypeScript
• What is Node
• Installing node
• Introduction to npm
• How to use node in an app
• JavaScript-based template language: JSX
• setting element properties
• repeating elements
• if / else
• events
• CSS classes and styles
Managing state in React
• setting and changing the application state
• using the state hook and setState
• capturing the content of input elements in the state
Components: Building blocks of modern web applications
• defining custom HTML tags in React
• state, props & events
• data flow between components
• function components and class components
• using hooks in function components
• component lifecycle events (mount, update, unmount)
• including predefined components from a library
State management with Redux
• Redux basics: state mangment with pure functions, reducers and immutable data
• using the reducer hook in React
• integrating Redux into a React application
• presentational and container components
• the Redux ecosystem
• fetching data from a REST API
• React developer tools
• Redux developer tools
• Testing JavaScript with Jest
• Testing reducers
• Testing React components
• client-side routing
• displaying different views based on the current browser route
App development with React
• short overview of React Native
• creating an installable mobile and desktop application with Progressive Web Apps
• comparison of Progressive Web Apps and native apps
Receive Tech Updates directly to your inbox
CONTACT
+44 (0)20 8446 7555
enquiries@jbinternational.co.uk
Corporate Policies Terms & Conditions
JB International Training Ltd - Company number 08458005
Registered address Wohl Enterprise Hub 2B Redbourne Avenue London N3 2BS
POPULAR
AI & ML training course
React training course
Threat Modelling training course
Python for Data Analysts training course
Power BI training course
Machine Learning training course
Spring & Boot Microservices training course
Terraform training course
Kubernetes training course
C++ training course
Power Automate training course
