Intro to Web and Mobile Apps

Web Diagram Svga

The three horsemen of the modern web

Html Css Js Shield Icons

HTML

Web Anatomy Html Screenshot

HTML

The First Web Page

Berners Lee First Web Page

Tim Berners-Lee, 1991

HTML

Also called "tags," "elements," "DOM" (Document Object Model)

Consists of branches and nodes

<window>
    ∟ <document>
         ∟ <head>
  	     ∟ <script>
         ∟ <body>
  	     ∟ <div>
  	         ∟ <form>
	         ∟ <image>

Can be nested as "parents" and "children"
Elements are always the same, just used in different combinations
You can view the tag tree with browser tools
You can modify the tag tree using JavaScript

HTML

🎗 Close tags twice

1. Close every tag with an angle bracket ("End angle")


	<div>

2. Close start tags with a bookend tag with a slash ("End tag")


	<div>Welcome to my page!</div>

CSS

Web Anatomy Css Screenshot

World Wide Web (W3) Consortium, 1996

CSS controls

Size

Position

Color

Font

HTML + CSS = Web design

Css Ninja Screenshots 1

Css Ninja Screenshots 2

Css Ninja Screenshots 3

Css Ninja Screenshots 5

Css Ninja Screenshots 4

Css Ninja Screenshots 6

JavaScript

Js Muscle Parti

Brendan Eich, 1995

HTML + CSS + JavaScript = Web development

Christmas Html Css Js Svg Game

Full-stack development

JavaScript on the server too

Mobile App 7 Js High

← →

/