Course Outline

Development of Modern Front-End Applications for Government

  • Overview and Comparison of React, Angular, and Vue.js
  • Declarative Rendering Techniques
  • Components: Defining Custom HTML Tags
  • Using create-react-app to Initialize a React Project for Government

Modern JavaScript for Government

  • Developing Applications with Node.js and npm
  • Understanding Different JavaScript Versions
  • Working with Modules in JavaScript
  • Functions and Arrow Functions in Modern JavaScript
  • Classes in JavaScript for Structured Programming
  • Functional Programming Concepts (map, filter, etc.)

TypeScript for Government

  • Static Typing vs. Dynamic Typing in TypeScript
  • Declaring Types for Variables, Functions, and Classes
  • Fundamental Data Types in TypeScript
  • Tuples and Objects in TypeScript
  • Using Interfaces to Define Object Shapes
  • Generics for Flexible Type Definitions

React Template Language for Government

  • Introduction to JSX: JavaScript-Based Template Language
  • Setting Element Properties in JSX
  • Repeating Elements with JSX
  • Conditional Rendering (if/else) in JSX
  • Handling Events in React Components
  • Applying CSS Classes and Styles in JSX

Managing State in React for Government

  • Setting and Changing the Application State
  • Using the State Hook and setState Method
  • Capturing Input Element Content in the State

Components: Building Blocks of Modern Web Applications for Government

  • Defining Custom HTML Tags in React for Government
  • Understanding State, Props, and Events in Components
  • Data Flow Between Components in React
  • Function Components vs. Class Components in React
  • Using Hooks in Function Components for Enhanced Functionality
  • Component Lifecycle Events: Mount, Update, Unmount
  • Including Predefined Components from Libraries

State Management with Redux for Government

  • Redux Basics: State Management Using Pure Functions, Reducers, and Immutable Data
  • Using the Reducer Hook in React for Efficient State Handling
  • Integrating Redux into a React Application for Government
  • Distinguishing Between Presentational and Container Components
  • Exploring the Redux Ecosystem for Enhanced Functionality
  • Handling Asynchronous Events with Thunk in Redux
  • Fetching Data from a REST API Using Redux

Developer Tools and Testing for Government

  • Utilizing React Developer Tools for Debugging
  • Leveraging Redux Developer Tools for State Management
  • Testing JavaScript Code with Jest for Reliability
  • Testing Reducers for Correctness and Efficiency
  • Testing React Components to Ensure Functionality

React Router for Government

  • Implementing Client-Side Routing in React Applications
  • Displaying Different Views Based on the Current Browser Route

App Development with React for Government

  • Brief Overview of React Native for Cross-Platform Development
  • Creating Installable Mobile and Desktop Applications with Progressive Web Apps (PWA)
  • Comparing Progressive Web Apps to Native Apps for Government Use Cases

Requirements

  • Fundamentals of HTML
  • Prior experience with JavaScript
For government professionals, these skills are essential for developing and maintaining robust web applications that align with public sector standards.
 21 Hours

Number of participants


Price per participant

Testimonials (7)

Upcoming Courses

Related Categories