Web Development Bootcamp

Learn how the Web Developer program is structured. Get familiar with the organizational aspects of the training process.

In this sprint, you’ll learn web development fundamentals, including the basics of HTML and CSS, to kickstart your journey as a future web developer. We’ll do this by working on a series of mini-projects on the interactive platform before creating your first independent project. Chapter 1: Introduction to HTML and CSS Chapter 2: Main CSS properties Chapter 3: More CSS Chapter 4: Your first independent project PROJECT 1: Introductory project

In your second sprint, you’ll learn to work with layouts using Flexbox and semantic tags. You’ll also be introduced to BEM and DevTools in preparation for later sprints and your projects. Chapter 1: Flexbox Chapter 2: Meta tags and semantics Chapter 3: DevTools Chapter 4: BEM methodology PROJECT 2: Triple Peaks Library. Part 1

In this sprint, you’ll learn to organize your project workflow: you’ll use the command line and manage your project with Git. Finally, you’ll put all this knowledge into practice to complete your project. Chapter 1: File structure and file paths Chapter 2: Introduction to Git and the command line Chapter 3: Version control with Git and GitHub Chapter 4: Positioning elements PROJECT 3: Triple Peaks Library. Part 2

In this sprint, you’ll bring your page to life with embedded content. You’ll learn to use forms to gather user information and develop your BEM skills from Sprint 2. Then, you’ll put all this knowledge into practice to create your next homepage. Chapter 1: Advanced HTML and CSS capabilities Chapter 2: Embedding content Chapter 3: Forms Chapter 4: BEM file organization PROJECT 4: Triple Peaks Café

Web development teams must be able to take design specifications and turn them into real products. In this sprint, you’ll do just that: bring designs from Figma and specification sheets to life. You’ll also learn to adapt your interface to a variety of devices. Chapter 1: Working with designs and specifications Chapter 2: Designing for a world of ever-changing devices Chapter 3: Creating an interface for different devices Chapter 4: Debugging responsive designs Chapter 5: Adding fonts to a web page with @font-face Chapter 6: Advanced Git PROJECT 5: From Homeland to Homeland. Part 1

This is the final sprint focused on creating layouts. You’ll learn to organize your page with a grid layout and make it visually appealing by adding shadows and gradients. Your Git skills will also be enhanced as we teach you some advanced features. Chapter 1: Grid Layout Chapter 2: Shadows and gradients with CSS Chapter 3: Advanced Git PROJECT 6: From Homeland to Homeland. Part 2

This sprint begins with a crash course on one of the most popular programming languages: JavaScript. Web development teams often use JavaScript to manipulate a page’s layout, so we’ll dive deeper into your browser to better understand the DOM. Once you’ve written your code, you’ll likely encounter some bugs, so you’ll also learn debugging in a dedicated chapter. Chapter 1: JavaScript crash course Chapter 2: The inner workings of a browser: DOM Chapter 3: Debugging Chapter 4: Advanced Git PROJECT 7: Around the U.S. Part 1

At this stage of the program, we dive deeper into JavaScript. You’ll learn about object-oriented programming, asynchronous code, and how to interact with servers. You’ll also get familiar with tools used to package project files, add third-party dependencies, and deploy your project online. Chapter 1: Primitive values, conditions, and loops Chapter 2: Arrays Chapter 3: Functions Chapter 4: DOM manipulation Chapter 5: Working with documentation Chapter 6: Managing the Git story PROJECT 8: Around the U.S. Part 2

In this sprint, you’ll dive into advanced programming concepts like objects and events. You’ll also learn to work with forms and validate them using JavaScript. This sprint concludes with an extra lesson on debugging JavaScript. Chapter 1: Objects Chapter 2: Event handling Chapter 3: Working with forms Chapter 4: Form validation Chapter 5: Debugging in JavaScript PROJECT 9: Around the U.S. Part 3

In this sprint, you’ll deepen your understanding of object-oriented programming (OOP) and learn to create efficient reusable code. You’ll also explore how to modularize your JavaScript for use in other projects and import only what you need. Chapter 1: Object-oriented programming Chapter 2: OOP Interfaces. Part 1 Chapter 3: Modular JavaScript PROJECT 10: Around the U.S. Part 4

Learn to destructure arrays and objects using modern syntax. Dive further into OOP while exploring interfaces and utilize Webpack for bundling your code. Chapter 1: Destructuring syntax Chapter 2: OOP Interfaces. Part 2 Chapter 3: Project building with Webpack PROJECT 11: Around the U.S. Part 5

Now, it’s time to learn advanced techniques like asynchronous programming. You’ll work with APIs to fetch data from across the web and start preparing for interviews with a lesson on object prototypes. Chapter 1: Advanced JavaScript: Asynchronous programming Chapter 2: Working with APIs Chapter 3: Object prototypes — Interview preparation PROJECT 12: Around the U.S. Part 6

In Sprint 11, you’ll try React for the first time. Learn the basics of the React library, explore various tools to use with React, and take a look at React Hooks, an alternative to class components. Chapter 1: Introduction to React Chapter 2: React tools Chapter 3: React Hooks Chapter 4: Advanced JavaScript: this — Interview preparation PROJECT 13: Around the U.S. Part 7

Continue working with React as we cover more advanced topics like React Router, working with data in React, and advanced React techniques. This sprint’s interview preparation introduces whiteboard programming. Chapter 1: React Router Chapter 2: React and data Chapter 3: Advanced React Chapter 4: Whiteboard programming — Interview preparation PROJECT 14: Around the U.S. Part 8

To become a full-stack web developer, you need to learn server-side development. In this sprint, you’ll set up a simple server with Node.js and deploy it using Express.js. You’ll also prepare for interviews with a chapter on algorithmic complexity analysis. Chapter 1: Server-side development with Node.js Chapter 2: Express.js 101 Chapter 3: Algorithmic complexity analysis — Interview preparation PROJECT 15: Around the U.S. Part 9

Learn to prepare a server for front-end interaction. Begin by analyzing REST API principles and working with databases. You’ll also learn about regular expressions. Chapter 1: Building a REST API Chapter 2: Databases Chapter 3: Error handling — From theory to practice Chapter 4: Regular expressions Chapter 5: Functions under the microscope — Interview preparation PROJECT 16: Around the U.S. Part 10

Learn to create fully functional applications and divide users into groups with different access levels. Start by reviewing essential back-end authentication concepts, then move to front-end user authentication with React. Finally, discuss web application security and potential vulnerabilities. Chapter 1: Authentication and authorization. Part 1 Chapter 2: Front-end authentication with React Chapter 3: Web application security PROJECT 17: Around the U.S. Part 11

First, you’ll learn how to create server-side authentication. We’ll cover user creation (registration, authentication) and token creation. Then, explore automated testing and deploy the back-end to a remote server. Chapter 1: Authentication and authorization. Part 2 Chapter 2: Automated testing Chapter 3: Back-end deployment preparation and deployment PROJECT 18: Around the U.S. Part 12

Put everything you’ve learned into practice and demonstrate that you have what it takes to work in web development. In these lessons, you’ll have a task and a deadline, and rely solely on your skills, knowledge, and search engines—just like real life.