awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
microsoft avatar

microsoft/frontend-bootcampArchived

0
View on GitHub↗
microsoft.github.io/frontend-bootcamp↗

Frontend Bootcamp

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.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
  • Full-Stack Web Application Workshops - The core workshop activity: building a complete web application from scratch over two days.
  • Workshop Progressions - Provides a structured two-day workshop progression from HTML/CSS/JS to TypeScript/React/Redux.
  • Semantic HTML Structures - Teaches structuring a recipe page with semantic HTML elements.
  • Todo List Managers - Teaches building a working todo list application with add, filter, and complete functionality.
  • Heading Hierarchies - Teaches using heading levels H1-H6 to create document outlines.
  • Content Grouping Containers - Teaches using div elements to group content for layout and styling.
  • JavaScript Language Instruction - Teaches fundamental JavaScript syntax and programming concepts.
  • Image Insertion Utilities - Teaches embedding images into web pages using HTML img tags.
  • Global State Stores - Teaches managing global application state through a single predictable state container.
  • Static Type Checking - Teaches adding static type checking with TypeScript to catch errors during development.
  • TypeScript Type Definitions - Teaches adding static types with TypeScript to catch errors during development.
  • Static Type Checking - Provides hands-on instruction in adding static type checking to JavaScript for improved code reliability.
  • TypeScript Type Checking Instruction - Teaches adding static type checking to JavaScript with TypeScript.
  • 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.
  • Component-Based Architectures - Teaches building reusable UI components with React's declarative component model.
  • HTML Fundamentals Instruction - Teaches foundational HTML structure and elements for building web pages.
  • 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.
  • Microsoft Frontent Bootcamp - Listed in the “Microsoft Frontent Bootcamp” section of the Frontend Developer Resources awesome list.
  • 10,792 stars·1,204 forks·TypeScript·CC-BY-4.0·15 views

    Star history

    Star history chart for microsoft/frontend-bootcampStar history chart for microsoft/frontend-bootcamp

    How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

    Frequently asked questions

    What does microsoft/frontend-bootcamp do?

    Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

    What are the main features of microsoft/frontend-bootcamp?

    The main features of microsoft/frontend-bootcamp are: Frontend Development Workshops, Full-Stack Web Application Workshops, Workshop Progressions, Semantic HTML Structures, Todo List Managers, Heading Hierarchies, Content Grouping Containers, JavaScript Language Instruction.

    Which projects share features with microsoft/frontend-bootcamp?

    Projects with overlapping indexed features include: midudev/jscamp — jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI… day8/re-frame — re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized,… vuejs/v2.vuejs.org — This is the comprehensive documentation website for the Vue 2 progressive JavaScript framework. It serves as a… semlinker/reactjs-interview-questions — This repository serves as a comprehensive knowledge base and study guide for developers preparing for technical… microsoft/typescript-react-starter — This project is a TypeScript React starter template and frontend development boilerplate. It provides a pre-configured… jossmac/react-toast-notifications — This library provides a centralized system for managing and rendering transient alert messages within React…

    Projects sharing features with Frontend Bootcamp

    These projects share indexed features with Frontend Bootcamp. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
    • midudev/jscampmidudev avatar

      midudev/jscamp

      3,811View on GitHub↗

      jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene

      JavaScriptbootcamp
      View on GitHub↗3,811
    • day8/re-frameday8 avatar

      day8/re-frame

      5,532View on GitHub↗

      re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur

      Clojureclojurescriptre-framereact
      View on GitHub↗5,532
    • vuejs/v2.vuejs.orgvuejs avatar

      vuejs/v2.vuejs.org

      4,981View on GitHub↗

      This is the comprehensive documentation website for the Vue 2 progressive JavaScript framework. It serves as a technical reference and development guide for building reactive user interfaces and single-page applications. The site provides a detailed JavaScript API reference and a web component directory. It covers the implementation of component-based architectures, reactive state management, and the use of a virtual DOM to synchronize application state with the browser. The documentation details capabilities including client-side routing, declarative DOM manipulation, and frontend build opt

      JavaScript
      View on GitHub↗4,981
  • semlinker/reactjs-interview-questionssemlinker avatar

    semlinker/reactjs-interview-questions

    2,171View on GitHub↗

    This repository serves as a comprehensive knowledge base and study guide for developers preparing for technical assessments and job screenings focused on React. It provides a structured collection of common industry inquiries and answers designed to build proficiency in the core concepts and patterns required for modern web interface development. The resource covers the fundamental pillars of the library, including component-based architecture, declarative rendering, and unidirectional data flow. It details essential patterns for managing both local and global application state, as well as te

    JavaScriptinterview-preparationinterview-questionsreact
    View on GitHub↗2,171
  • Compare all 30 related projects→