# Session 13 - SSG, SSR, CSR (oh my)

Harvard Extension School
Fall 2024

Course Web Site: https://cscie12.dce.harvard.edu/

### Topics

1. SSG, SSR, CSR
2. Example of SSG
3. SSR with Web CMS (Content Management Systems)
4. "Back end" (Server-Side) Web Development
5. Server Side Rendering of Content (SSR)
6. PHP Example with Courses Database
7. Separation of Concerns
8. {{Mustache}} Templates
9. Improving the Hello! Greeting
10. Sending Email
11. CSR (Client Side Rendering)

Session 13 - SSG, SSR, CSR (oh my), slide1
Final Project Notes and Observations, slide2
SSG, SSR, CSR, slide3
SSG - Static Site Generation, slide4
SSR - Server Side Rendering, slide5
CSR - Client Side Rendering, slide6
Example of SSG, slide7
SSR with Web CMS (Content Management Systems), slide8
"Back end" (Server-Side) Web Development, slide9
Server Side Rendering of Content (SSR), slide10
A Personal Greeting, slide11
A Personal Greeting, slide12
PHP Example with Courses Database, slide13
Harvard Extension Course Data, slide14
Data Table in a Relational Database, slide15
PHP Script to Connect to Database and Get List of Departments, slide16
Turn this into HTML Output, slide17
The entire "departments-simple.php", slide18
Adding another view - Department Course Listings, slide19
courses.php, slide20
Separation of Concerns, slide21
{{Mustache}} Templates, slide22
Mustache Departments, slide23
Mustache Courses, slide24
Improving the Hello! Greeting, slide25
Hello! Greeting, Improved, slide26
Sending Email, slide27
CSR (Client Side Rendering), slide28
Getting JSON from HTTP request, slide29
Let's Try It Out!, slide30
Apples, slide31
Apples, slide32
JS and fetch, slide33
Courses — PHP and JSON data, slide34
Front-end courses, slide35

Presentation contains 35 slides

- img
- img
- img
- img
- img