React Templates & Themes Logo React Templates & Themes
Frontend Bootcamp screenshot

Frontend Bootcamp

Author Avatar Theme by Microsoft
Updated: 13 Jan 2022
10811 Stars

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

Github Live Preview

Categories

Express

Overview:

The Frontend Bootcamp is a two-day workshop designed to teach the fundamentals of frontend development while building a working web app. The first day covers basics like HTML, CSS, and JavaScript, suitable for both new and experienced developers. The second day delves into advanced topics such as TypeScript, state management, and testing. Participants are encouraged to have prior experience with programming and web technologies for an optimal learning experience.

Features:

  • Comprehensive Content: Covers HTML, CSS, JavaScript, React, TypeScript, state management, and more.
  • Hands-On Learning: Includes demos, exercises, and project steps to reinforce learning.
  • Up-to-Date Tools: Requires Node, NPM, Git, Visual Studio Code, and React Developer Tools.
  • Easy Installation: Step-by-step guide provided for setting up the project and dependencies.
  • Focused Lesson Structure: Offers walkthroughs of demo code and exercises for practical application.
  • Additional Resources: Includes links to MDN Web Docs, React Docs, and other useful references.

Installation:

  1. Ensure your computer has Node/NPM, Git, and Visual Studio Code installed.
  2. Open Visual Studio Code and use ctrl + \ to open the terminal.
  3. Clone the workshop code:
    git clone https://github.com/Microsoft/frontend-bootcamp.git
  4. Change directory to the bootcamp folder:
    cd frontend-bootcamp
  5. Install project dependencies:
    npm install
  6. Open project in VS Code:
    code -r .
  7. Run the development build:
    yarn start

Summary:

The Frontend Bootcamp offers a comprehensive two-day workshop for developers to learn and practice frontend development skills. From basic HTML, CSS, and JavaScript to advanced topics like TypeScript and state management, this workshop provides a structured and hands-on approach to improving participants’ frontend development capabilities. With a focus on practical exercises and access to additional resources, attendees can expect a well-rounded learning experience in this bootcamp.