How to find us
|
Contacts

Web Technologies 2017/2018

  • 5 ECTS
  • Taught in Portuguese
  • Continuous Assessment

Objectives

Once this course is finished, the student ought to be able to create simple web applications and websites using HTML5, CSS3 and Javascript on the client and PHP on the server:
1- Identify and characterize the different services available on the Internet
2- Planning and structure the navigation map of a Web site.
3- Understand the operation of the WWW: server and client
4- Identify main HTML tags and howto update a web page contents.
5- Understand HTML Forms Processing.

Recommended Prerequisites

Are recommended (not exclusive) knowledge of the following:
- Algorithms and programming;
- Computer Architecture,
- Information Systems.

Moodle - DEGI-254-1749

Teaching Metodology

The following teaching-learning methodologies will be used: 1. Expositive to present theoretical frameworks; 2. Participatory with analysis and resolution of practical exercises, analysis and discussion of case studies, and support and books; 3. Active in carrying out individual and group work; 4. Self-study related to the autonomous work of the student.

Body of Work

Internet and Web - past, present and future:
- Evolution of the concepts and technologies: Web 1.0, 2.0 and 3.0
- Browser landscape
- Web Protocols
- HTTP, requests and responses, verbs and return codes
- Examples of applications / web services

HTML:
- Fundamentals, syntax, and best practices
- Basic content elements
- Advanced application elements

CSS:
- Fundamentals, syntax, and best practices
- Selectors, properties
- Specificity
- Positioning
- Advanced techniques

JavaScript:
- Fundamentals, sintax and best practices
- DOM interaction
- Events

PHP:
- Basic server configuration
- Fundamentals, sintax and best practices
- HTML forms interactions
- Cookies, sessions.
- Information persistence.

Recommended Bibliography

HTML5 specification, W3C Candidate Recommendation 6 August 2013 http://www.w3.org/TR/html5/

CSS standards and drafts, http://www.w3.org/Style/CSS/

ECMAScript specification, Standard ECMA-262 http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf

M. Stepp, et al., Web Programming: Step by Step, 2nd edition: Step by Step Publishing, 2012.

PEREIRA, Alexandre ; POUPA, Carlos – Linguagens Web. 5.ª ed. Lisboa : Sílabo, 2013. ISBN 978-972-618-715-8. 436p

Complementary Bibliography

- Gouveia, L. B. (2006). Negócio Eletrónico – Conceitos e Perspectivas de Desenvolvimento (p. 160). SPI – Sociedade Portuguesa de Inovação. Porto, Retirado de http://web.spi.pt/negocio_electronico/manual1.htm
- Fonseca, A. N., Ferreira, V.M. (2006), As Oportunidades, os Riscos e os Benefícios do Negócio Electrónico. SPI - Sociendade Portuguesa de Inovação, Porto, Retirado de http://web.spi.pt/negocio_electronico/documentos/manuais_PDF/Manual_II.pdf
- Magalhães, Nuno, Grilo, Alberto (2006), A segurança informática e o negócio eletrónico. SPI – Sociedade Portuguesa de Inovação. Porto, Retirado de http://web.spi.pt/negocio_electronico/documentos/manuais_PDF/Manual_VII.pdf
- W3schools.com HTML/CSS tutorials, url: http://www.w3schools.com

Weekly Planning

Week 1:
- Introduction to the curricular unit and faculty. Logistics.

Week 2:
- Internet and Web: past, present, and future.
- Web Technologies 1.0, 2.0, 3.0 and 4.0

Week 3:
- HTML, fundamentals.
- Web Protocols.
- HTTP, requests and responses, verbs and return codes

Week 4:
- HTML, content elements
- HTML, form elements
- HTML Editors, element experimentation.

Week 5:
- CSS, fundamentals.
- CSS, selectors, and properties.
- Creating simple HTML pages.

Week 6:
- CSS specificity, advanced techniques.
- CSS style creation for simple pages.

Week 7:
- Javascript, fundamentals.
- Javascript, DOM, and simple events.
- Creating complex pages with HTML and CSS.

Week 8:
- Javascript, complex events.
- Creating complex pages with HTML and CSS.

Week 9:
- Servers, Apache
- PHP, fundamentals.
- Page with simple field validation and advanced CSS.

Week 10:
- PHP forms interactions
- PHP cookies, sessions.
- XAMPP, PHP Hello, World, variables, conditions, structures

Week 11:
- PHP information persistency.
- Server side validation, redirection, cookies

Week 12:
- PHP information persistency.
- Dynamic content, files, pagination

Week 13:
- CSS Frameworks.
- PHP and XML.

Week 14:
- Javascript Frameworks.
- PHP and XML.

Week 15:
- Final project guidance.

Demonstration of the syllabus coherence with the curricular unit's objectives

The core syllabus of the course (HTML, CSS, JavaScript, and PHP) will achieve the knowledge of some Web sites implementation languages with a client-server architecture. The knowledge of that architecture will be allowed through the introductory syllabus of the course (essentially architectural components of the Internet and Web).

Demonstration of the teaching methodologies coherence with the curricular unit's objectives

The expository method will assimilate the different theoretical concepts that are part of the objectives of the course. The worksheets, demonstrations, small exercises and evolutionary exercises will consolidate the same concepts.

relevant generic skillimproved?assessed?
Adapting to new situationsYesYes
Analytical and synthetic skillsYesYes
Balanced decision making  
Commitment to effectivenessYes 
Commitment to qualityYesYes
CreativityYesYes
Event organization, planning and managementYesYes
Foreign language proficiency  
Information and learning managementYes 
IT and technology proficiencyYesYes
LeadershipYes 
Problem Analysis and AssessmentYesYes
Problem-solvingYesYes
Research skillsYesYes
TeamworkYesYes
Written and verbal communications skillsYesYes
This website uses cookies to provide better functionality and for performance measurements (European Union Directive 2009/136/EC)