Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Connecting Front-End to Back-End

via Codecademy

Overview

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.

Syllabus

  • 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

Taught by

Jiwon Shin

Reviews

4.3 rating at Codecademy based on 64 ratings

Start your review of Connecting Front-End to Back-End

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.