Bits & Atoms II 2018

Bits & Atoms II 2018

http://thenextweb.com/media/2012/06/02/jayse-hansen-on-creating-tools-the-avengers-use-to-fight-evil-touch-interfaces-and-project-glass/

Overview

Bits & Atoms II introduces Web technologies in a semester-long seminar.

Grading

The final grades will be based on the individual exercises. Missing more than two lectures will result in a failing grade (80% attendance).

Deliverables

  1. Article Layout 
    Every student lays out an "online magazine article" using HTML and CSS.
    Delivery on the filer per 23.4.18.

  2. Todo List App
    Every students develops his personal Todo List App using HTML, CSS and JS.
    Delivery on the filer per 11.6.18.

Todo List Features

  • Nice UI

  • Remove All Button

  • Categories / Filter

  • Edit Item

  • Persistent Items (localStorage)

  • Custom Checkbox

Material

Schedule

The lectures are on Monday morning from 10.30 to 12.30.

Week 1 (19.2, 4.K14)

 

Interdisciplinary

Week 1 (26.2, 4.K14)

The Web

Interdisciplinary

Week 3 (5.3, 4.K14)

HTML Intro: Structure, Tags

Interdisciplinary

Week 4 (12.3, 4.K14)

CSS Intro: Fonts & Colors

Interdisciplinary

Week 5 (19.3, 4.K14)

Box Model: Block & Inline

Interdisciplinary

Week 6 (9.4, 4.K14)

Advanced Layout: Float, Flex

IAD Process

Week 7 (23.4, 4.K14)

JavaScript Basics

Reading Week

Week 8 (30.4, 4.K14)

Self study

IAD Process

Week 9 (7.5, 4.K14)

jQuery 1 (Todo List)

Basic GUI

Week 10 (14.5, 4.K14)

jQuery 2 (Todo List)

Basic GUI

Week 11 (28.5, 4.E08)

Deployment

Basic GUI

Week 12 (4.6, 4.E08)

Varia / Finish Exercise

Basic GUI