...
http://thenextweb.com/media/2012/06/02/jayse-hansen-on-creating-tools-the-avengers-use-to-fight-evil-touch-interfaces-and-project-glass/
Project
Right from the start we will begin with building ourselves a new web portfolio.
Here is some inspiration: http://www.awwwards.com
Inputs
1. The Web (
...
6.4 - 09.00-12.00 - ???)
- History of the Internet
- How the Web works.
- Basic Introduction to HTML and CSS.
- The CSS Box Model.
...
- Install the Atom Code Editor.
- Start with writing some HTML for your Portfolio.
- Start with writing some CSS to style your Portfolio.
2. Advanced Layouts (
...
12.4 - 09.00-12.00 - ???)
- Advanced Introduction to HTML and CSS.
- Inline and Block Elements.
- Float Layouts.
...
Create a list of your projects with titles, images and descriptions.
3. Basic Logic (
...
20.4 - 09.00-12.00 - ???)
- 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()
...
Create a Calculator with jQuery.
4. Graphical User Interface Elements (
...
12.5
...
- 09.00-17.00 - ???)
- Basic Elements: Button, Text Field, Checkbox, Switch
- Advanced Elements: Progress Bar, Drop Down, Slider, Radio Group
- Navigational Elements: Toolbar, Tab Navigation, Accordion
- Basic Layouts: Content Card, Dialog, Formular
- Special Elements: Window, Tooltip
...
Start working on your personal GUI Catalog.
5. Deployment & Testing (
...
19.5 - 09.00-12.00 - ???)
- FTP, @zhdk, Hostpoint, ...?
- Local Server => iPad, iPhone