WDS 06: MORE CSS 10/03/17

REVIEW:
Read: Chapter 11 and 13.
Complete Code review for 11 and 13
Create 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes
— Did you implement “External CSS”? If not, Convert your pages to External CSS.
Show us!!

READING:
Review CSS priorities
Demo – Google > Developer Tools
Old Web Emulator

Ch. 11
Color names
Opacity
Opacity – roll over using JavaScript:
Try it using the CSS – hover property

Ch. 13
Make sure you are familiar with this.
And, you did all of these…
display /BlockInline

Studio 06: CSS Review
HTML/CSS:
Read: Chapter 3, 15, and 16.
Complete Code review for 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

WDS 05: CSS 09/26/17

INTRO:
Read: 10.
Complete Code review for 10
HTML/CSS: Use the META tag to refresh and redirect

REVIEW:
Ch. 10.
CSS in Action!
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class
External CSS. Here is how
Class, ID and Grouping Book, pg. 238.
Cascading – Book, pg. 239.
CSS priorities

Studio 05: HTML/CSS:
Read: Chapter 11 and 13.
Complete Code review for 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

PFC 04: Review

Try a “Hello World!” program in Javascript

alert(“Hello, World!”); or console.log(“Hello, World!”);

What if I want to write?
document.write(“Hello World!”);

Try a Hello World! program in Unity (Demo and compare)
Look at the code. What is MonoBehaviour?
How do I use these functions?
Awake and Start

What is an API and how will it help me?
A function in JS
function functionName(parameters) {
code to be executed
}

Try Calling a function in JavaScript
What is the difference between JS and C#?
What about Functions in Unity and the required Syntax?
Try calling a function in Unity (look up and Demo next week)

ASSIGNMENT:
IF statements
Loops

WDS 04: Forms and Markup + CSS intro 09/19/17

INTRO:
Read: Chapter 7 and 8.
Complete Code review for 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML. Present in class
Tables: background attribute

REVIEW:
7. Forms – Practice formatting.
Code review for 7
Adding PHP and functionality.
Example
Download the code

8. Extra Markup
Code review for 8.
Review types of HTML
ID and Class, Declaration or “Doctypes”
Comments are useful.
Be very clear on Block and Inline elements
iframes are everywhere.
Meta basics – Here are EXAMPLES
Meta from Google
Meta today
Special Characters, Escape
Ch8, Summary

INTRO TO CSS:
CSS in Action!
CSS Intro
CSS parts

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for 10
HTML/CSS: Use the META tag to refresh and redirect

PFC 03: Functions & Variables

FROM LAST WEEK:
Try a “Hello World!” program in Javascript
Try a Hello World! program in Unity (look it up and demo next week)
Try Calling a function in JavaScript
Try calling a function in Unity (look up and Demo next week)

I assigned starter tutorials:
UNITY: Make sure you know how to move around the editor, pan the Scene view, etc.

Make Up times:
Thursday Morning 09/21. Next Week – Tuesday Morning, Wednesday after noon.

For next Class:
Variables and Functions
Syntax

PFC 02: Programming pt. 2, Unity


This Class is now also on Digication

Is HTML/CSS programming?
The first published Program by Ada Lovelace
When Hardware was King
DE gears: Analog Computing
Mechanical Counters
Measure Distance
Differential Analyzer and other Analog Computers
Analog Computing is deadly
Konrad Zuse
What he used for storage
Enter ENIAC
Before ENIAC, but Classified
The role of women in Programming

Hello World! – JS example
How about calling a function?
How would you do that in Unity?

ASSIGNMENT:
Try a “Hello World!” program in Javascript
Try a Hello World! program in Unity (look it up and demo next week)
Try Calling a function in JavaScript
Try calling a function in unity (look up and Demo next week)
What built-in functions are included in Unity’s API? (Research)
Read Unity Documentation
Review and complete this scripting tutorial (Unity)