Web Applications

Considering the objectives of the curricular unit, it is interesting to use active, collaborative, project-based learning, involving the student in practical activities, integrating a group, responsible for creating a website, promoting social skills and allowing the development of skills acquired throughout their academic career.

Students, organized into groups, will face all stages in the process of developing a website. The first step involves planning, establishing clear objectives and identifying the target audience. They then create a visual design, defining the structure and aesthetics of the site. The choice of technologies, such as HTML, CSS and JavaScript for the front-end, and a back-end language, is crucial. Development occurs in a phased manner, starting with the front-end, followed by the back-end, integrating specific functionalities as necessary.

Additionally, in the curricular unit, teaching methodologies are structured in such a way as to effectively articulate with a pedagogical model centered on constant assessments. A participatory approach is adopted, integrating expository classes with practical activities that provide students with the opportunity to apply theoretical concepts in real situations. Continuous assessment is implemented through regular activities, allowing for continuous assessment of students’ progress throughout the semester. Additionally, frequent feedback is conducted, providing targeted guidance for individual improvements. This approach favors a dynamic learning environment, encouraging the active participation of students and ensuring continuous assessment and constant improvement of their skills and knowledge.

Goals:

– Allow students to acquire knowledge and skills about technologies necessary for developing content for the web

– Provide the student with the fundamental concepts for developing a website, identifying and implementing the client and servercomponents

– Develop the ability to solve problems in a structured way

– Promote collaborative work, stimulate creativity and individual responsibility

– Develop communication skills

At the end of the semester, the student should have the fundamental knowledge for the structure, design and production of websites, access to web services and databases.

The student is expected to develop their skills in programming and structuring data according to the relational model, aspects relating to integrity and security, as well as aspects of data protection and access.

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

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.   Asynchronous communication

4.7.   JSON

4.8.   Validating data from a form

4.9.   Images uploading

4.10. Web services

5. Server programming language

5.1.   Elementary concepts, syntax

5.2.   Forms

5.3.   Database access functions (Mysql and NoSql)

NAO