Lesson 1 Introduction to Web Programming Outlines Overview

Lesson 1 Introduction to Web Programming

Outlines › Overview › Web Programming Triangle › Web Architecture › Web Platform › HTML › CSS › JS

Overview › Know as web development › 2 broad divisions: – Front end – Back end › Front end: user side (HTML, CSS, JS) › Back end: server side (PHP/Ruby/Phyton, etc)

Web Programming. Triangle

Web Architecture › Conceptual structure of WWW › Medium: communication between among users

Web Architecture › Three type – 1 tier architecutre – 2 tier architecture – 3 tier architecture

Web Architecture

Web Platform › A collection of technologies developed as open standards by the World Wide Web Consortium

HTML › Hyper. Text. Markup Language (HTML) › The Visual Appearance of a Web Site › HTML 5 is the latest

HTML

CSS › CSS – Cascading Style Sheets › Styles define how to display HTML elements › CSS is used to control the style and layout of multiple Web pages all at once › Three ways to insert CSS

CSS

CSS

CSS

CSS

CSS

JS › Java. Script is the programming language of the Web › All modern HTML pages are using Java. Script › Java. Script is the default scripting language in all modern browsers, and in HTML 5 › Java. Script is probably the most popular programming language in the world

JS vs. JAVA › Java. Script and Java are different languages, both in concept and design

JS