For the first week, we’ll start by introducing you to the world of web development and the basics of using the command line. You’ll learn the fundamentals of JavaScript, including functions and arrays, as well as Git basics, including branching and merging.

In this week, we’ll dive deeper into JavaScript and teach you about objects, higher-order functions, constructors, and prototypes. You’ll also get hands-on experience with HTML and CSS, including building basic web pages and understanding layout.

In week 3, we’ll take your HTML and CSS skills to the next level by covering advanced techniques such as responsive design and CSS frameworks, like Bootstrap. Additionally, you’ll learn about databases, including SQL basics and associations.

In this week, you’ll learn more advanced JavaScript concepts such as promises, as well as working with PostgreSQL and KNEX. You’ll also get an introduction to Node.js, which will allow you to build server-side applications using JavaScript.

In week 5, you’ll be introduced to Ruby, a popular programming language used in web development. You’ll learn about basic Ruby concepts such as arrays, hashes, and methods, as well as more advanced topics such as object-oriented programming.

Moving on to weeks 6-8, we’ll dive into Ruby on Rails, a popular web development framework built on top of Ruby. This powerful framework is used to build robust web applications quickly and efficiently. With Ruby on Rails, you’ll learn about topics such as active record, CRUD (Create, Read, Update, Delete), authentication, authorization, and testing. 

Ruby on Rails is a crucial tool for web developers as it allows them to build complex web applications quickly and efficiently. With a strong understanding of Ruby and object-oriented programming, combined with knowledge of Ruby on Rails, web developers can create dynamic, database-driven websites that are scalable, secure, and easy to maintain.

The focus will be on the DOM manipulation, event bubbling and delegation, and leveraging AJAX for asynchronous HTTP requests. You’ll also work with JSON data structures and APIs, and learn about RESTful routing conventions with Rails.

You’ll dive into Single-Page Applications (SPAs), exploring how the virtual DOM works in React, and using JSX syntax to create user interfaces. You’ll also manage component state and lifecycle methods, and use React Router for navigating SPAs. The group project will offer a chance to practice Agile methodologies and Git workflows.

In week 11, we’ll dive deeper into React, covering topics such as state management and controlled forms. You’ll also learn about Webpack, a popular tool used in modern web development.

We’ll conclude our last week of the 12 Week course by delving even deeper into React.  Additionally, we’ll cover topics such as APIs and error handling to prepare you for some fun additions to add to your final project.  Finally, for the last day of class, we’ll do a one-class crash course of React Native to dip our toes into creating a mobile application, and to discuss how it differs from traditional web development. 

At the conclusion of the 12-week Bootcamp, you will have 7-10 (business) days to complete an individual project of your choice.  You’ll work on your final project at your own pace, applying everything you’ve learned throughout the bootcamp, with additional support from CodeCore staff to help you along the way.  You’ll have the opportunity to showcase your skills to your classmates and instructors, as well as potential employers.  This final project is typically a Bootcamp graduate’s first major project showcased in their Web Development portfolio.

during your final project in Week 13, you will be expected to apply a variety of the tools and technologies you’ve learned throughout the course. Here’s a list of key tools you should consider incorporating into your final project:

Frontend:

1. HTML5: For structuring your web page content.

2. CSS3: To style your web pages. You may also use advanced features like Flexbox and Grid for layout, and you may incorporate a CSS preprocessor like Sass or Less.

3. JavaScript (ES6+): To add interactivity to your site. You’ll be using advanced features like promises, async/await, destructuring, arrow functions, etc.

4. React: To build a dynamic, single-page application. You’ll use concepts like JSX, components, state management, hooks, and the context API.

5. Bootstrap or Material-UI: To speed up your development process with ready-made components.

6. Webpack: To bundle your JavaScript files and manage dependencies.

Backend:

1. Node.js: To build a scalable server-side application.

2. Express.js: As your server framework for handling routing and middleware.

3. Ruby on Rails: For backend MVC framework and routing, using ActiveRecord for ORM.

4. SQL or PostgreSQL: As your relational database for storing data.

5. Sequelize or KNEX.js: As an ORM for Node.js, if you choose to use Node.js in the backend.

Development Tools and Practices:

1. Git and GitHub: For version control and collaboration.

2. npm or Yarn: As your package manager to manage your project’s dependencies.

3. Babel: To transpile your ES6+ JavaScript code to a version compatible with older browsers.

4. ESLint: To keep your JavaScript code consistent and free of bugs.

5. Prettier: As your code formatter to keep your codebase clean and readable.

6. Jest: For unit and integration testing to ensure your code works as expected.

7. Postman or Insomnia: For API testing.

8. Docker: For creating isolated containers for your applications, ensuring consistency across development and production environments.

9. CI/CD tools like Jenkins or Travis CI: For continuous integration and continuous deployment, ensuring that the code is always deployable.

Remember, the choice of tools will depend on your specific project requirements and it’s crucial to demonstrate that you can use them effectively to build a comprehensive full-stack application.