JCL

FEUP/DEI & INESC TEC

User Tools

Site Tools


teach:lbaw:lectures:08

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Previous revision
teach:lbaw:lectures:08 [03/04/2020 11:57]
teach:lbaw:lectures:08 [19/04/2021 13:33] (current)
Sérgio Nunes
Line 1: Line 1:
 +====== L: 19/04/2021 ======
  
 +**Master in Informatics and Computing Engineering\\
 +Database and Web Applications Laboratory\\
 +Instance: 2020/21**
 +\\
 +---
 +\\
 +
 +====== Lecture #8 :: 19/04/2021 ======
 +
 +===== Goals =====
 +
 +By the end of this class, the student should be able to:
 +  * Identify and describe the main client-side web technologies.
 +  * Describe and apply the key concepts associated with performance in web applications.
 +  * Describe and apply the key concepts associated with accessibility and usability in web applications
 +
 +===== Content =====
 +
 +  * Overview of client-side web technologies.
 +  * HTML, CSS and JavaScript
 +    * Brief History.
 +    * Main features and latest versions.
 +  * Web APIs.
 +  * Performance in web applications.
 +  * Accessibility and Usability in web applications.
 +
 +===== Bibliography =====
 +
 +  * [[https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools|MDN - Understanding client-side development tools]]
 +  * HTML
 +    * [[http://www.w3.org/People/Raggett/book4/ch01.html|Introduction to the World Wide Web]], in Raggett on HTML 4 (1998)
 +    * [[http://www.w3.org/People/Raggett/book4/ch02.html|A history of HTML]], in Raggett on HTML 4 (1998)
 +    * [[http://developers.whatwg.org|HTML5 - Edition for Web Developers]]
 +    * [[http://htmldog.com|HTML Dog - HTML and CSS Tutorials]]
 +  * CSS
 +    * [[https://www.w3.org/TR/CSS/|CSS Snapshot 2020]]
 +    * [[http://www.westciv.com/style_master/academy/css_tutorial|Complete CSS Guide from westciv]]
 +    * [[http://developer.mozilla.org/en/css|CSS - Mozilla Developer Network]]
 +  * JavaScript
 +    * [[http://developer.mozilla.org/en/javascript|JavaScript - Mozilla Developer Network]]
 +    * [[https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks|MDN - Understanding client-side JavaScript frameworks]]
 +    * [[https://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks|Comparison of JavaScript frameworks]], Wikipedia (April 2021)
 +  * Performance in web applications:
 +    * [[https://developers.google.com/speed|Make the Web Faster | Google]]
 +    * Steve Souders. //High Performance Web Sites//. O'Reilly (2007). ISBN-13: 978-0596529307.
 +    * Steve Souders. //Even Faster Web Sites//. O'Reilly (2009). ISBN-13: 978-0596522308.
 +  * Accessibility and Usability
 +    * [[https://www.w3.org/standards/webdesign/accessibility|W3C Accessibility]]
 +    * [[http://www.usability.gov/|Usability.gov]]
 +    * [[https://usabilidade.gov.pt/|Usabilidade.gov.pt]]
 +    * [[https://ux.sapo.pt/|SAPO UX]]
 +
 +===== Materials =====
 +
 +  * Materials presented in class: {{09-frontend.pdf|Front-end Web Technologies}}.
 +  * Materials presented in class: {{09-performance.pdf|Web Performance}}.
 +  * Other materials: {{09-ux.pdf|Web Accessibility and Usability}}.
 +
 +===== Summary =====
 +
 +  * The main technologies associated with client-side web development. History of HTML and main Web APIs. Main guidelines and best practices associated with performance in web applications.
 +
 + --- //LBAW, 2020/21//
 +
 +[[07|« Previous]] | [[index|Index]] | [[09|Next »]]