Web Programming Web Development Basics 2020

Model view controller framework (MVC)
"a separation of concern"

• Controller contains the code logics, routes
• View contains the aesthetics codes CSS

CSS

• Block versus inline
• Can use CSS layout
• build in tool called flexbox which can lay out automatically
• flex box is great for making a bunch of cards that rearrange themselves as we shrink the page
• 4 on each row
• 3 on each row
• ..
• 1 on each row stacking.

HTTP protocol

• Text protocol
• HTTP requests contains a header
• Key : value pairs
• Http status codes 1xx 2xx 3xx 4xx 5xx
• Http response

Cookies

Frameworks

• Using a web development framework allos us to by pass a lot of hard work and be able to write web apps quickly without knowing all the functions to call and libraries to import

Web hooks

Data

• D3 js visualize dataflow chart, org chart