...
- 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 - ???)
- Box & Font Formatting.
- The CSS Box Model.
Exercise & Homework
Begin building some elements of your design in HTML and CSS.
3. Advanced Layout Techniques (20.4 - 09.00-12.00 - ???)
- Inline and Block Elements.
- Float Layouts.
Homework
3. ???
...
Exercise & Homework
Improve your design and use more advanced techniques to improve the layout.
3.
...
JavaScript (
...
12.
...
5 - 09.00-
...
17.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()
Exercise
Create a Calculator with jQueryStart working on your personal GUI Catalog.
4. Graphical User Interface Elements (
...
19.5 - 09.00-
...
12.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
Exercise
Start working on Finish your personal GUI Catalog.
5. Deployment &
...
Future (
...
26.5 - 09.00-12.00 - ???)
- FTP, @zhdk, Hostpoint, ...?
- Local Server => iPad, iPhone
...
- Frontend Frameworks