Intro to Backend

Intro to Backend

  • Review Internet Basics
  • Static Vs. Dynamic Sites
  • Stacks/Back End Technologies

Static

Vs.

Dynamic

HTML

CSS

JS

Server 

Backend

Language/app

Database

A Generic Stack

HTML

CSS

JS

nginx

Python /Flask

postgresql

Reddit's Stack

(Backbone)

Express

Node JS

HTML

CSS

JS

MongoDB

Our Stack

Check if the user is logged in

HTML

CSS

JS

Potential Backend Features

Sign Up a User

Create new comment

Add new post to DB 

Figure out what HTML, CSS, and JS to send to the User

Sort/Rank posts

Create subreddit

remove post from DB

Add to newsletter

Backend

Frontend

1. Ask for reddit homepage

2.Get top posts from DB

send back home page content

3. Browser renders home page

5.Finds all posts in DB about "dogs"

4.User enters "dogs" in search box and submits form

6.Sends back HTML for the search results page

7.Browser renders search page

Where to Next?

  • Reviewing HTTP Requests
  • Setting up Dev Environment
  • Starting Node JS
  • Writing Web Apps with Express
  • Adding a Database with MongoDB
Made with Slides.com