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
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

/
Bits & Atoms II 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 WebInterdisciplinary
Week 3 (5.3, 4.K14)HTML Intro: Structure, TagsInterdisciplinary
Week 4 (12.3, 4.K14)CSS Intro: Fonts & ColorsInterdisciplinary
Week 5 (19.3, 4.K14)Box Model: Block & InlineInterdisciplinary
Week 6 (9.4, 4.K14)Advanced Layout: Float, FlexIAD Process
Week 7 (23.4, 4.K14)JavaScript BasicsReading Week
Week 8 (30.4, 4.K14)Self studyIAD 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)DeploymentBasic GUI
Week 12 (4.6, 4.E08)Varia / Finish ExerciseBasic GUI
, multiple selections available,
{"serverDuration": 44, "requestCorrelationId": "7455f31993c6439db99568cbacf9ab3b"}