HTML, CSS, Bootstrap Framework What we will talk about: Front-end vs Back-end coding at bswift Defining HTML, CSS and Javascript How the client stylesheets work Examples Tools Static Pages / Dynamic Pages SERVER page.html page.html page.html A static website is a group of self-contained, individual pages (or page), sent to the browser from the server one-page-at-a-time. .net SERVER page.html SQL databases HTML Dyamic web content is built when it is requested, by the user directly, or programmatically while a user is on a page (e.g., facebook updates). Most websites contain both static and dynamic elements. front-end HTML SERVER CSS REQUEST Javascript thanks! Can I have a webpage, please? .net SERVER RESPONSE SQL databases back-end “recipe” Server-side / Client-side aka Back End / Front-end .net page.html SERVER BROWSER .asp style.css SQL etc script.js Client-side (front-end) coding includes HTML, CSS and Javascript. This just means that our code will be downloaded from the server and then compiled entirely in the browser. HTML, CSS, Javascript Three layers of web design: Structure, Style, Behavior