Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
Features
Frontend Development Workshops - Delivers an intensive two-day workshop teaching modern frontend development from HTML/CSS/JS through TypeScript, React, and Redux.
React Component Testing - Teaches verifying UI components render and behave correctly with automated unit tests.
Unit Testing Frameworks - Teaches automated unit testing with Jest to verify functions and components behave correctly.
Jest Workshop Modules - Run automated unit tests to verify that individual functions and components behave correctly.
React Components - Teaches constructing interactive UI components using React's component model and declarative rendering.
Workshop Exercises - Provides practical exercises in building reusable UI components with React's declarative component model and state management.
CSS Styling - Teaches core CSS rules for styling web page layout, colors, and typography.
Declarative Rendering Frameworks - Teaches React's declarative rendering model that updates the UI automatically when data changes.
State-Driven UI Rendering - Teaches automatically refreshing the UI when underlying application data changes.
Foundational Web Technology Curricula - Provides a structured learning path covering foundational web technologies including semantic HTML, CSS styling, and JavaScript programming.
Reusable UI Components - Teaches building reusable interface elements by composing smaller React components.
Centralized State Management - Teaches centralizing application state in a single store and synchronizing UI components with state changes through dispatched actions.
Hyperlink Definitions - Teaches creating hyperlinks using anchor tags to link to external resources.
Paragraph Elements - Teaches separating text into paragraphs using HTML paragraph elements.
React Application Development - Teaches creating a single-page application by composing React components and managing state.
React State Bindings - Teaches binding React components to state changes for automatic UI re-rendering.
Training Curricula - Provides hands-on instruction in adding static type checking to JavaScript for improved code reliability and developer experience.
Component Context Sharing - Teaches passing data through the component tree without prop drilling using React Context.
Frontend Unit Testing - Teaches running unit tests from the command line to verify frontend application behavior.
Component Testing - Teaches isolating and testing individual React components with mock data.
Design System Components - Teaches applying pre-built themed components from a design system for consistent interfaces.
UI Component Libraries - Teaches using pre-built, themed components from a design system for consistent interfaces.
