Full-Stack Workshop

A full-stack workshop typically covers both front-end and back-end development, providing participants with a comprehensive understanding of building web applications from end to end. Below is a suggested outline for a full-stack workshop:

Day 1: Front-End Development with React

1. Introduction to Web Development
   • Overview of web development technologies.
   • Basics of HTML, CSS, and JavaScript.
2. Getting Started with React
   • Setting up a React development environment.
   • Creating a simple React component.
   • JSX syntax and expressions.
3. React Components and Props
   • Understanding the component structure.
   • Working with props and state.
   • Handling events in React.
4. React Router for Navigation
   • Implementing client-side routing with React Router.
   • Creating navigation menus and links.
5. State Management in React
   • Introduction to state management
   • Using hooks for state management (useState, useEffect)
   • Context API for global state

Day 2: Back-End Development with Java and SpringBoot

1. Introduction to Back-End Development
   • Overview of server-side development.
   • Introduction to Spring Boot.
2. Building a RESTful API with Express
   • Setting up an Spring Boot application.
   • Creating routes and handling HTTP methods.
3. Working with Databases (Postgres)
   • CRUD operations with Postgres.
   • Schema design and data modeling.

Day 2: Full-Stack Integration and Deployment

1. Integrating Front-End with Back-End
   • Making API calls from the React front-end.
   • Handling data in React components.
   • Authentication flow between front-end and back-end.
2. Deploying the Full-Stack Application
   • Deployment options (Heroku, AWS, etc.).
   • Configuring environment variables.
   • Deploying both front-end and back-end.
3. Continuous Integration and Deployment (CI/CD)
   • Setting up CI/CD pipelines with tools like GitHub Actions or Travis CI.
   • Automating the testing and deployment process.
4. Final Project, Q&A and, Certification
   • Participants work on a final project integrating both front-end and back-end concepts.
   • Q&A session to address any remaining questions.
   • Students will get a certificate.