Intro. Client-side Languages

HTML, CSS and JS

UIC logo

9-8 Plan

  • Agenda
    • Annoucements
      • Quiz this Friday: 30 Multiple choice ✓
      • Solidify Team Assignments and Accept Repository ✓
      • Asynchronous Class Next Friday - Recorded Video & Meet with your Team
  • Objectives
    • Review - IClicker Assessment
    • Context for HTML, CSS and JS
    • HTTP Header Information
    • CDN's Bootstap and other HTML based frameworks

Review Question 1

With consideration of the code below - select the correct option:

								
									
								<!DOCTYPE html>
								<html>
									<head>
										<title>Page Title </title>
										<style>
											body{
												color: black;
											}
											.aSection{
												color: green;
											}
											h1{
												color: blue;
											}
										</style>
									</head>
									<body>
										<section class="aSection">
											<h1>Section 1</h1>
										</section>
										<section class="aSection">
											<h1>Section 2</h1>
										</section>
										<section class="aSection">
											<h1>Section 3</h1>
										</section>
									</body>
								</html>


							
						

What color is the text?

  • A. Black
  • B. Green
  • C. Blue
  • D. Cannot be determined
  • E. The default color

Review Question 2

Which CSS Implementation is page specific?

  • A. Internal CSS
  • B. External CSS
  • C. Inline CSS
  • D. Cannot be determined
  • E. Page CSS

Review Question 3

What standards are we adhering to when we validate our code using the link below?

  • A. Mozilla Documentation and Standards
  • B. The standards of set forth by Browser
  • C. World Wide Web Consortium(W3C)

Getting up to Speed w/Client-side languages

Helpful Slides and Videos

Understanding HTML

Understanding CSS

How does the browser render the document?

Reviewing Response and Header Info.

Request Header
Response Header Info.

Utilizing CDN's, Opensource frameworks, Templates, Design Guides etc..

W3 Schools Bootstrap Tutorial

Bootstap's Actual site

Zurb Foundation

Free Opensource Templates

Design Guides

Questions?