README.md

Welcome to ReDI's Full Stack Bootcamp 🚀

Here you can find an overview of the ReDI Full Stack bootcamp projects. The repo contains four projects which are at the core of this bootcamp.

• Are you a new volunteer? Take a look at our Volunteer Guide for some practical tips on how to get started!
• Are you a new student? Be sure to get started with our Welcome Guide to see how to prepare for your first session and beyond!

The Bootcamp

ReDI's Full Stack Bootcamp is a part-time (20 hours per week) bootcamp lasting for 18 weeks. It has a strong focus on front end and gives an introduction to back end elements. The goal is to support participants prepare for an internship in the industry.

Our learning approach builds on learning by doing. Students work on three hands-on projects throughout the bootcamp. Each project lasts 4 weeks and contains 3 Milestones plus a Bonus Milestone. We aim to be as close as possible to a real work environment where juniors receive deliverables, work on them, run into issues, seek support and present their solutions to seniors. Students work in peer to peer sessions, in small groups with coaches and in input sessions with experts. However, the majority of the workload is the actual project work where students individually progress their project by working on the weekly milestone.

Overview

ReDI's Full Stack Bootcamp curriculum consists of 4 modules, spread over 18 weeks. In the following diagram you'll find the sequence of all the modules included:

Learning goals

If you follow the program you'll learn the following skills:

• Ability to build a basic modern web application (using NodeJS and React)
• Get experience with pair programming
• Knowing how to learn and self-teach new programming concepts
• How to use third-party libraries/APIs
• Have a basic understanding of what it means to work on digital products

1. Project: HTML & CSS

Welcome to your Bootcamp. In your first project you will learn the basics of HTML and CSS. You will write your first HTML page, and style is with CSS by using in your IDE. In particular, you will build an e-commerce with three pages: home, electronics, and clothing categories.

Learning Goals: By the end of this module, you should have a familiarity with and basic understanding of the following:

• Git & GitHub: Understanding version control, basic commands, and repository management.
• CLI (Command Line Interface): Basic navigation and commands.
• HTML elements and tags: Structure of HTML documents, commonly used tags.
• CSS basics: Introduction to styling with CSS, syntax, and basic properties.
• Positioning: Techniques for positioning elements (relative, absolute, fixed, sticky).
• Flexbox: Creating flexible and responsive layouts.
• Grid: Grid layout system for complex designs.
• Responsive design: Techniques for making web pages responsive across different devices.

Link to Project: 01_ecommerce

2. Project: Javascript

Deep dive into JavaScript, covering everything from variables and loops to complex concepts like DOM manipulation, asynchronous coding, and error handling. You’ll become proficient in crafting interactive and dynamic web applications.

Learning Goals: By the end of this module, you should have a familiarity with and basic understanding of the following:

• Variables and Types: Declaring and using variables, understanding data types.
• Operators, Conditionals & Loops: Basic operations, control flow with if/else and loops.
• Arrays and Functions: Working with arrays, defining and invoking functions.
• Scope: Understanding variable scope.
• Callbacks: Handling asynchronous operations with callbacks.
• Event handling: Managing user interactions.
• DOM Manipulation: Interacting with the Document Object Model.
• Dynamic rendering: Updating the UI dynamically.
• Async coding and Promises: Managing asynchronous operations with promises.
• JSON and HTTP: Working with JSON data and HTTP requests.
• CRUD operations: Create, Read, Update, Delete operations in web development.
• Async/await: Simplifying asynchronous code with async/await.

Link to Project: 02_javascript

3. Project: React

Deep dive into JavaScript, covering everything from variables and loops to complex concepts like DOM manipulation, asynchronous coding, and error handling. You’ll become proficient in crafting interactive and dynamic web applications.

Learning Goals: By the end of this module, you should have a familiarity with and basic understanding of the following:

• Single Page Application: Understanding SPA architecture.
• React from zero with Vite: Setting up a React project using Vite.
• Thinking in React: Core principles and concepts.
• React Components: Creating and using components.
• Internal state: Managing component state.
• Components and hierarchy: Structuring and nesting components.
• Props: Passing data between components.
• Rendering: Understanding React rendering process.
• Hooks (useState, useEffect): Using hooks for state and side effects.
• React styles: Styling React components.
• React Router: Implementing routing in React applications.
• API with React: Fetching and using API data.
• Global state: Managing state across the application.
• Error handling: Managing errors in React applications.
• Next.js with Server Side Rendering: Introduction to Next.js and server-side rendering.

Link to Project: 03_react

4. Project: Career Preparation

In the final project, you create a powerful LinkedIn profile, CV, and portfolio, work on a case study, and learn how to apply for your first job.

Learning Goals: By the end of this module, you should have a familiarity with and basic understanding of the following:

• LinkedIn: Create and optimize a LinkedIn profile based on industry feedback.
• CV: Update and refine CV with professional feedback.
• Professional Identity: Sharpen and articulate a clear professional identity.
• Coding Challenge: Complete and review a coding challenge to showcase technical skills.
• Application Process: Understand and navigate the job application process.
• Mock Interview: Participate in a mock interview to receive feedback and improve performance.

Link to Project: 04_career

Graduation! What's next?

The final stage is graduation! You receive your certificate if you fulfill all requirements (you find the here: TBD). Now it is time to apply for internships, further improve your skill set and prepare for the job market. ReDI will assist you in this phase as well, but the responsibility is still on you. Check out our Talent Success Offers (LINK) for further support.

Keep on Learning and Preparing: Your journey towards a junior position is most likely not over yet. We encourage you to further sharpen our skills for the job profile you aim for. We will share further projects and resources you can use to continue preparing for your career while you apply.

Resources

ReDI School Website - Gitbook

Evaluation

During the course of each project, coaches will individually monitor your work. Each week students finish one milestone. They receive feedback and support by Coaches in the Monday Coaching Session. However, the milestones are not evaluated.

Students hand in their project at the end of each project cycle. Relevant for the evaluation are the deliverables per milestone. Remember that the learning objectives are more important than the completeness of your project.

At the end of your project, you present your work to the coaches and will receive feedback. Before this session, you will need to reflect and self-evaluate against the learning objectives. In this feedback session, you will validate your self-evaluation with your coaches. If some objectives have not been met, the coaches may recommend to proceed to achieve the missing learning objectives, which could involve continuing with the current project (more time) or doing a complementary project. Remember that everyone learns at their own pace, and it is important to gradually acquire the skills associated with the learning objectives. Your coaches and peers are there to support you.

Final words

Mastering front end and full stack development is a challenging journey, but with the right resources and guidance, it's definitely achievable. This curriculum is designed to support your ambition. Feel free to use it to your advantage. If you find any areas for improvement, please let us know or contribute with a pull request. Best of luck on your path, and happy coding!

Contributors

A big thank you to everyone who is contributing to this repository. We gradually add the contributors.

Angelo Gulina 💬

Cas 💻 📖

Omar Moharem 💻 📖

Yennefer 💻 📖

Licence & Copyright

ReDI's curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License. Our curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it:)