In this lesson, we learned about communication between the front-end and back-end of an application and the different ways of rendering a web app. Let’s recap some key takeaways from this lesson:
- Front-end web development concerns all aspects of a web app that a user can see and directly interact with.
- Back-end web development concerns how a website functions, and the storage and retrieval of data.
- Websites can be rendered on the client-side or server-side. Hybrid rendering combines both of these approaches.
- With server-side rendering, the server sends the content to the browser. Static content is quickly viewable in the browser, but rich site interactions can take longer to load.
- Server-side rendering is ideal for mostly static sites, where there is not a lot of user interaction.
- Hybrid rendering models attempt to optimize speed, performance, and SEO by combining aspects of client and server-side rendering.
Here are some questions to test your understanding of key concepts. Try answering the question on your own first. Then click on the “Check Answer” button to check your answer.
What is the difference between the front-end and the back-end of a website?
The front-end of a website are the features that a user can see and directly interact with. The back-end of a website are the features that allow it to function, and store and retrieve data.
What are the respective roles of the browser and server in client-side rendering?