Meeting 7– 12/4/15

• Update, Progress, Pace, Question, Concerns?• Catching up?• Skype Calls?

Web Site / Page Goals

• Structure and Style the web page • e.g. banner, background image, Menu, Header,

Footer, Side panel, correctly position the div• After a while you may find it difficult or very tedious to

do all the styling and structuring, therefore we will learn:

• CSS Library called 'bootstrap' which can help tremendously on structuring and styling a Web Page

• https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)

• Website Implementation vs simulation

• jQuery is a JavaScript library designed to simplify javascript programming in Web page.

• It is the most popular or one of the most popular libraries • https://en.wikipedia.org/wiki/JQuery

• jQuery features: – Select & Manipulate existing HTML element

• e.g. 'select' a <div> by its id or class name and 'manipulate' its content(value) or properties(e.g. text color, background color, font size, CSS class name)

– “Manipulate” means add, read, update, delete. – Dynamically Add New HTML elements – Handle events

• e.g. you want to do something WHEN the following 'events' happened: page loaded, mouse clicked on an element, mouse on top of an element, mouse left an element.

– Effects & Animation• e.g. an element slide down, fade in/out, explode, bounce, slide, draggable, resizable

Putting all this together…

• Java Script is a programming language, it has nothing to do with HTML.

• When JavaScript runs in the browser , it adds some features that allow you to “manipulate” the HTML

• Without jQuery, JavaScript can still do these manipulations, but jQuery makes it so much easier.

• How to pull JavaScript in with HTML in the browser.

– [script.src = javascriptfilename.js]– [script.src = jQuery.js]

Java Script is a programming language, it has nothing to do with HTML.

When JavaScript runs in the browser , it adds some features that allow you to “manipulate” the HTML

https://codecademy-school.s3.amazonaws.com/uk-curriculum/javascript.pdf

This Week’s Coding:

• Skype Calls / Code as a group• Thinking ahead – Actual Website,

Winter Break, Second Semester, Arduino

Next Week…?

For next time…• JavaScript! (work up to Lesson 10 Contact

List)

• Trial Skype Call Meeting instead of AC Meeting?

• Available Days and Time?

• Thanks for a great meeting!