WEB Development

Basic programming knowledge.

The theoretical exposition precedes the practical part, thus providing the necessary structure for the acquisition of knowledge applied in the various exercises implemented throughout the class period.

For each week, the following elements will be made available on the course page, on Nónio:
a) Indication of the syllabus and learning objectives for that week;
b) Study guidelines, training and learning validation for a better understanding of the contents.

In any class, the student can be asked to solve an activity that complements the implemented exercise.

This methodology allows the monitoring, knowledge and regular awareness of the syllabus covered each week, promoting discussion, involvement and collaboration of everyone in the learning process.

The teacher is permanently available for any and all support, clarification, discussion, and/or explanations, through email, Colibri-zoom, and/or discussion forums. All supporting documents, study materials, information, clarifications will be made available through the Nónio platform.

The curricular unit of Development for the WEB allows students to acquire knowledge and skills about technologies necessary for the development of applications for the Web.

The objectives of the curricular unit are to provide the student with the fundamental concepts for the development of a website so that he can identify and implement the client and server components. The student should develop the main activities associated with the implementation of a website, such as: requirements analysis, website design, implementation of databases, coding and tests.

The aim of this curricular unit is that students develop their programming skills, acquired in the curricular units Algorithms and Programming 1, Algorithms and Programming 2 and Object Oriented Languages. The development of a database will allow the student to consolidate the skills acquired in the Databases course, with a particular focus on structuring data according to the relational model, aspects related to integrity and security, as well as aspects of protection and access to data.

Additionally, the curricular unit seeks for the student to develop research skills, solving new problems, encouraging teamwork and individual creativity.

At the end of the semester, students should have the fundamental knowledge for the structure, design and production of websites, acquisition, treatment and publication of various multimedia elements, access to web services and databases.

The final project can be seen as a starting point and subsequent development in the course of Computer Design and Development.

1.HTML 5
1.1. Basic Syntax: structure of a document, main concepts
1.2.  Most common elements: text, images, hyperlinks, tables, lists and divs
1.3. HTML 5 Semantic Elements
1.4. Forms 

2. CSS Style Sheets
2.1. Types of selectors
2.2. Creating Rules

3. Page layout
3.1. Flex and Grid Layout
3.2. Framework Bootstrap/Tailwind
3.3. Responsiveness

4. The JavaScript language
4.1. Basic syntax, data types: numbers, strings, arrays, data, and operators
4.2. Conditional Statements and Cycles
4.3. Functions and functions arrow
4.4. DOM: navigation between nodes, events
4.5. BOM: window, location, history
4.6. Communication: XMLHttpRequest
4.7. JSON
4.8. Validating data from a form
4.9. Images uploading
4.10. Web Storage
4.11. Geo Localization
4.12. Web services

5. Server programming language
5.1. Elementary concepts, syntax
5.2. Forms
5.3. Database access functions (Mysql and NoSql)

NAO

[ 1 ] HTML5, 4ª Edição Atualizada e Aumentada, Editora FCA, Luís Abreu, ISBN: 978-972-722-821-8, 2015
[ 2 ] CSS3, Editora FCA, Pedro Remoaldo, ISBN: 978-972-722-731-0
[ 3 ] JavaScript 6, Editora FCA, Luís Abreu, ISBN: 978-972-722-815-7, 2015
[ 4 ] MDN web docs, disponível em https://developer.mozilla.org/pt-PT/
[ 5 ] w3schools, referências, tutorias e exercícios, disponível em https://www.w3schools.com/