Page Comparison

...

• History of the Internet
• How the Web works.
• Basic Introduction to HTML and CSS.
• The CSS Box Model.

Exercises Exercises

1. Install the Atom Code Editor.
2. Start with writing some HTML for your Portfolio.
3. Start with writing some CSS to style your Portfolio.

...

• Advanced Introduction to HTML and CSS.
• Inline and Block Elements.
• Float Layouts.

...

Exercise

Create a list of your projects with titles, images and descriptions.

3. Basic Logic (29.4)

• Basic Introduction to JavaScript.

  • Differences to Processing (Compiled, Interpreted)

  • Variables (var (Number, Array, ...) vs. int, float, ...)

  • Similar Conditionals & Loops

  • Functions

• Working with jQuery.

  • .$()

  • .click()

  • .text()
  • .css()

Exercise

Create a Calculator with jQuery.

4.

...

GUI Element Creation (13.5, 20.5)

...

• CSS3 Animations

X. Prototyping Tools (17.5)

Gäste einladen?

...

• Akkordeon
• Tab Navigation
• Progress Indicators
• Buttons

Exercise

Start working on your personal GUI Element Library.

5. Deployment & Testing (27.5)

• FTP, @zhdk, Hostpoint, ...?

7. Mentoring (27.5)

Project based mentoring in the atelier.

8. Mentoring (3.6)

...

• Local Server => iPad, iPhone