Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • History of the Internet
  • How the Web works.
  • Install the Atom Code Editor.
  • Basic Introduction to HTML and CSS.

Exercise & Homework

Prepare a simple design in Photoshop or Sketch for an App, Website, Portoflio or a crazy Science-Fiction UI.

2. HTML & CSS (12.4, 09.00-12.00, 4.K14)

  • Box & Font Formatting.
  • The CSS Box Model.

Exercise & Homework

Begin building some elements of your design in HTML and CSS.

...

  • Inline and Block Elements.
  • Float Layouts.

Exercise & Homework

Improve your design and use more advanced techniques to improve the layout.

...

  • 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()

...