Atlassian uses cookies to improve your browsing experience, perform analytics and research, and conduct advertising. Accept all cookies to indicate that you agree to our use of cookies on your device. Atlassian cookies and tracking notice, (opens new window)
Confluence
/
Bits & Atoms II 2018
Updated Jun 06, 2018

Bits & Atoms II 2018

Jun 06, 2018

Analytics

Loading data...

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

  • Joël's Introductory Slides

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

For you

Bits & Atoms II
Results will update as you type.
  • Bits & Atoms II 2018
  • Web Technologies (Former Bits & Atoms II) 2019
  • Bits & Atoms II 2020

    Two hearts overlapped with each other
    Welcome back
    Catch up on the top discussions and highlights from your team.
    {"serverDuration": 48, "requestCorrelationId": "5d847967fbff490faabcc038a97eb103"}