**Prerequisites:**

- No prior knowledge is needed to start this chapter.

By the end of this unit, you will be able to:

- Basic knowledge about networks and how websites work.
- Master Git to manage different versions and team work.
- Get familiar with VS Code, and learn how to make use of its different features and extensions.

Preparatory Unit

**Prerequisites:
**
- Basic knowledge of how the web works.
- Good understanding of version control, Git workflow, and using Github.
- Comfortable with using VS Code as a code editor.

By the end of this unit, you will be able to:

- Understand what HTML is, and how to use its different elements and their corresponding attributes.
- Apply the acquired knowledge about CSS on styling websites.
- Add dynamic behavior to a website using JS.
- Understand what DOM is, and how to manipulate it.
- Build web pages using HTML, CSS and JS.
- Quickly design and customize responsive mobile-first websites with Bootstrap.

**Personal Website with HTML and CSS**

- Apply the acquired knowledge of HTML and CSS to the project.
- Make HTML forms, and structure them.
- Use CSS flexbox, and grid.
- Use media queries to take care of the website's responsiveness.

**Landing Web Page with Bootstrap**

- Build highly customizable UIs with Bootstrap.
- Apply the mobile first approach to the website.
- Apply basic JS knowledge through manipulating DOM, and working with JS events.

The Basics: HTML/CSS/JS

**Prerequisites:**

- Good grasp of Javascript concepts.

By the end of this unit, you will be able to:

- Understand the fundamentals of server-side development.
- Understand the basics of NodeJS.
- Create a password generator CLI app.
- Get experience using different NodeJS packages and modules.
- Have a better understanding of some networking concepts such as TCP/IP layers, DNS, and HTTP.
- Create network applications using NodeJS.

**"Scratchfy" a minimal REST API framework**

- Use Node Package Manager for manipulating different node modules.
- Practise using some NodeJS core modules.
- Apply advanced networking concepts to the project.

NodeJS Introduction

**Prerequisites:**

- Good knowledge of HTML, CSS and JavaScript.
- Basic understanding of ES6 features.
- Basic understanding of how to use the Node package manager (npm).

By the end of this unit, you will be able to:

- Get an idea about front-end javascript frameworks, and how they work.
- Understand the fundamentals of React (components, JSX, props, life cycle methods...).
- Use core React hooks, and build custom ones.
- Use routing for a web app using React Router.
- Understand advanced React concepts such as refs, context API and testing components.
- Centralize a React web application state, and manage it using Redux.
- (optional) Build better UIs for a web application with React-Bootstrap.
- (optional) Understand server side rendering with NextJS and static site generators with Gatsby JS.

**Keeper Clone Application**

- Use the learned React fundamentals for building the project.
- Create different routes for the application.
- Make use of React-Bootstrap for building an application UI.
- Use a centralized store, and manage a single global state with React Redux.

Modern Web Development with ReactJS

**Prerequisites:**

- Understand server-side development and networking fundamentals.
- Have a good knowledge of NodeJS, and how to build simple APIs with it.

By the end of this unit, you will be able to:

- Get started with web services.
- Build flexible web applications and APIs using the ExpressJS web framework.
- Build a todo list REST API.
- Get started with API testing with Postman.
- Design and document APIs at scale with Swagger.

Production Level APIs with ExpressJS

The web development bootcamp is an immersive program that will make you job-ready full-stack web developers. Learn how to code meaningful applications from scratch using first-class technologies, such as HTML/CSS and NodeJS.

Web Development Program

Financing Options

What will you learn?

Frequently Asked Questions

Ready to start your journey?