This course recaps HTML, CSS and JavaScript principles and introduces the responsive Web building blocks. The course, also allows students to develop their first responsive Web prototypes. Course Blog: https://ifi7174.wordpress.com/

1. Web Workshop
(IFI7174.DT)
Sónia Sousa

2. Aim
• Acquire skills in coding
– Web prototypes - responsive web
• Teacher
– Sónia Sousa
• Consultation Time
– Wednesdays, 2PM to 3PM – room A433
– Email: scs@tlu.ee
@ Sonia Sousa 12015

3. The course
Introduction and contextualization
@ Sonia Sousa 22015

4. Objective
• Start with…
– Learn how to design
• Fixed (static) web sites
– coding XHTML.
• Adaptive web sites
» coding CSS
» coding JavaScript
• Following the Responsive web principles
» fluid grids,
» flexible images, and
» media queries.
Hands on
approach
@ Sonia Sousa 32015

5. Relevant dates
@ Sonia Sousa 42015

6. Pedagogical Issues
• This is a 4 ECTS course
– Expected contact hours are 32 and
– Equivalent to 68 of independent work
• Activities:
– 5 small exercises (7% each),
– 1 project (45%),
– 1 defence of the project (15%),
– Participate (5%).
@ Sonia Sousa 52015

7. Assessment
• Exam
– Requirements:
• Present and defend orally his/her project;
• To do the practical project and small exercises; and
• Attend at least 70% of the contact lessons.
• The Grading criteria:
– The small exercises (35%),
– The project (45%) and
– The presentation and defence (15%)
– Participation (5%).
@ Sonia Sousa 62015

8. Practical exercises
• Are individual 
– you need to be ready to deliver and defend orally
your exercises in the due date.
• Late submissions will not be accepted.
@ Sonia Sousa 7
No. ASSIGNMENT DUE DATE
Assig 1 HTML 18.09.15
Assig 2 CSS 2.10.15
Assig 3 JavaScript 16.10.15
Assig 4 Responsive Web 30.10.15
Assig 5 Coding recap 13.11.15
Exam 11.12.15
2015

9. Resources
• Course Blog
– https://ifi7174.wordpress.com/
• Google drive
– Study material
• Please send your email address to
– scs@tlu.ee
• Bibliography
– Duckett, Jon. HTML&CSS design and build websites. John
Wile & Sons, ISBN: 978-1.118-00818-8, 2011.
– Marcotte, Ethan. Responsive Web Design, ISBN 978-0-
9844425-7-7, 2011.
– JavaScript W3Schools tutorials.
@ Sonia Sousa 82015

10. Additional Resources
– Online Tutorials for
• Coding XHTML
– http://www.w3schools.com/html/default.asp
• coding CSS
– http://www.w3schools.com/css/default.asp
• coding JavaScript
– http://www.w3schools.com/js/default.asp
– Online sources
• http://www.w3schools.com
@ Sonia Sousa 92015