Universidad de Jaén

Theory

0. Course introduction

1. The World Wide Web

• History of the web
• The W3C
• World Wide Web architecture
• Backend technologies
• Frontend technologies

2. Web technologies

• HTTP
• HTML
• CSS
• Javascript
• Web servers
• Web browsers

3. Web application design

• Introduction
• Development process model
• Technology selection
• Design: mockups, storyboards, sequence diagrams, data model
• User experience: usability, accesibility, responsiveness, internationalization

4. Design Patterns for web applications

• Introduction
• The MVC pattern
• Architecture
• The PAC pattern
• Beyond MVC pattern
• Reactive programming

5. Backend development

• Introduction
• Concepts
• Frameworks comparison
• Other technologies for backend development (APIs, web services, CDNs...)

6. Frontend development

• Introduction
• Concepts
• Beyond JS: new languages
• Frameworks
• Comparison

7. Security in web applications

• Introduction
• Authentication
• Authorization
• SQL injection
• XSS
• CSRF
• Cookies
• HTTPS

8. Deployment of web applications

• Introduction
• Configuration management
• Development infrastructure
• Production infrastructure
• Deployment plan
• Examples

9. Monitoring of web applications

• Introduction
• Capacity indicators
• Usage indicators
• Logs management
• Tools

Practices

1. Introduction, SCRUM
2. HTTP, HTML and CSS
3. PHP
4. Application design
5. Code Igniter
6. MVC design
7. Database connection
8. Assets and bootstrap
9. JQuery
10. Authentication and authorization
11. Security report
12. Ajax
13. Websockets
14. Project delivery

According to the methodologies reflected in the previous section for each activity, the course is organised as follows:

Theoretic classes

The main content will be taught following a lecture-based presentations, so theoric concepts will be introduced for acquiring the needed competences related to the content of the course. Each technology will be detailed and placed within the main scheme, along with examples oriented to facilitate its understanding. Gradually, all technologies will be introduced into their precise context.

Aditional material and vídeos with further aspects or emerging technologies will be also introduced.

At any time, the student is allowed to rise questions related to the content in progress to resolve doubts. Student presentations will be proposed under a posterior open debate with companions.

Practices

In the classes at the lab, detailed guides are provided for a quick access to the technology, and organised to build a full web application as main goal. Students will work as teams of variable size according to the complexity of the proposed project. Periodic deliverables will be mandatory to accomplish practical tasks.

Students with special educational needs should contact the Student Attention Service (Servicio de Atención y Ayudas al Estudiante) in order to receive the appropriate academic support

Attendance and participation:

• Attendance registration system
• Participation in open debates
• Participation as team member

Theoric concepts:

• Measured by means of a test-based exam

Práctical concepts:

Development of a web application by a team of developers. The final result will be scored according to the following aspects:

• Application size
• Complexity
• Suitability of the solution to the proposed problem
• Suitability of the technologies to the final solution
• Architecture (MVC pattern correspondence)
• Security
• Usability
• Design

Individual evaluation of exercices proposed in practice guides.

Individual presentations

• Structure and quality of the documentation
• Originality of the target subject
• Readability and presentation

Students must pass the practical part to pass the course.

According to art. 13 in our rules ( Reglamento de Régimen Académico y de  Evaluación del alumnado de la Universidad de Jaén), the final evaluation of the course will be an overall single score.