Connecting Front-End to Back-End

Learn how to join the front-end and the back-end by creating REST APIs and using the MVC architecture.

### Why Connecting Front-End to Back-End?

Joining the front-end and back-end in a full-stack application is essential in providing a seamless user experience and a smooth deployment process. Learn how to connect the two to gain a powerful skill, become a better web developer, and improve your understanding of how web apps work. In this course, you’ll learn about the various methods for rendering a website, how to structure a REST API, and how to design apps using the Model, View, Controller (MVC) pattern. You'll also practice what you've learned by building a client-side rendered app using React and Node.js.

### Take-Away Skills

In this course, you will learn:
* The difference between client-side rendering and server-side rendering and when each is most appropriate
* How to write code that enables the front-end and back-end of your web application to communicate with each other
* How to design a RESTful API
* How to use React and Node to build a cleanly structured, client-side rendered application
* How to implement MVC architecture in a full-stack application

### Note on Prerequisites

A strong foundation in Web Development (HTML, CSS, JavaScript), [Node.js](https://www.codecademy.com/learn/learn-node-js), and [React](https://www.codecademy.com/learn/react-101) are prerequisites for this course. We also recommend taking a look at the [Design Databases with PostgreSQL](https://www.codecademy.com/learn/paths/design-databases-with-postgresql) course before getting started.

• Welcome to Connecting Front-End to Back-End: Learn about what the Connecting Front-End to Back-End course has in store!
• Informational: Welcome to Connecting Front-End to Back-End
• Connecting Front-End to Back-End: Learn about client-side and server-side rendering and create REST API endpoints to connect the front-end to the back-end.
• Lesson: Connecting Front-End to Back-End
• Article: Code Generation
• Article: What is REST?
• Quiz: Connecting Front-End to Back-End
• Article: Creating REST API Endpoints
• Project: RESTful Restaurants
• Article: Server-Side API Calls to External APIs
• How to Structure Your Apps: Get an introduction to the Model, View, Controller design pattern and create full-stack apps using MVC architecture.
• Article: Introduction to Model View Controller
• Article: MVC Architecture for Full-Stack App
• Quiz: MVC: Model, View, Controller
• Project: To-Do List
• Next Steps: You've completed the Connecting Front-End to Back-End course! What's next?
• Informational: Connecting Front-End to Back-End: Next Steps