
Internet Application Programming
Code: 106937Credits: 6
| Degree programme | Type | Course |
|---|---|---|
| Management of Smart and Sustainable Cities | OB | 2 |
Contact lecturer
- Name :
- Marc Esteve García
- Email :
- marc.esteve.garcia@uab.cat
Group languages
You can consult this information at the end of the document.
Prerequisites
You must have taken "Informàtica" and "Programació" subjects in the first year.
Objectives
In this subject we will learn to program web applications with JavaScript and using HTML for the program structure and CSS for the presentation.
The objectives of the subject are:
- Understand the differences between HTML, CSS and JavaScript and know how to make web pages that use these three technologies correctly.
- Understand the complexity of creating web applications, as well as the parts that make up any web development.
- Master the basics of application programming.
- Know how to interpret and decompose a computer problem to be able to program a solution.
- Know how to create small web applications that interact with the user through forms.
Learning outcomes
- CM05 (Relate computer knowledge and skills with those provided by other technicians in interdisciplinary teams.) Relate computer knowledge and skills with those provided by other technicians in interdisciplinary teams.
- KM09 (Understand the functioning and correct management of databases.) Understand the functioning and correct management of databases.
- SM08 (Use algorithm and programme analysis techniques to design new algorithmic solutions based on the idea of recursion or specific algorithm design techniques.) Use algorithm and programme analysis techniques to design new algorithmic solutions based on the idea of recursion or specific algorithm design techniques.
- SM09 (Use basic programming structures (web, mobile, cloud) to solve simple problems related to city management, developing computer applications in web environments taking into account their structure, the interrelation of server components and the steps followed in information management.) Use basic programming structures (web, mobile, cloud) to solve simple problems related to city management, developing computer applications in web environments taking into account their structure, the interrelation of server components and the steps followed in information management.
Contents
In this subject we will see the following:
- Introduction to Internet and Web servers.
- Introduction to JavaScript: syntax, variables, types, operators.
- Control structures: iterative and alternative scheme.
- Structured data types: arrays and objects.
- Functions: Declaration, parameters, predefined functions.
- HTML language
- CSS style sheets, responsive web design.
- Browser Objects (DOM)
- Forms and events
- Introduction to JavaScript libraries
- Web hosting
- Introduction to content managers
Learning activities and methodology
| Title | Hours | ECTS | Learning outcomes |
|---|---|---|---|
| Practical classes | 24 | 0.96 | CM05, KM09, SM08 |
| Reading and study | 20 | 0.8 | CM05, KM09, SM08 |
| Problem based work | 45 | 1.8 | CM05, KM09, SM08 |
| Thery class | 26 | 1.04 | CM05, KM09, SM08 |
| Preparation of the project defense | 10 | 0.4 | CM05, KM09, SM08 |
| Tutorials | 10 | 0.4 | CM05, KM09, SM08 |
| Writen reports | 10 | 0.4 | CM05, KM09, SM08 |
The most effective way to learn programming is through hands-on practice and completing numerous exercises. Consequently, this subject demands active engagement from students. Each week, students will participate in practical sessions that require advance preparation. While teamwork and collaborative exchange are encouraged, the ultimate learning process remains individual, emphasizing independent student activity. This individual effort complements and enriches the work initiated during guided course sessions. Supervised activities, including regulated tutorials and occasional consultations throughout the course, are also crucial for developing the necessary skills.
All relevant materials, such as statements, theory class slides, exercise lists, and other subject-related information, will be accessible via the Virtual Campus classroom. Additionally, this platform will serve as a hub for subject-related announcements.
Model 2 – Restricted Use of AI:
“For this course, the use of Artificial Intelligence (AI) technologies is permitted exclusively for support tasks, such as bibliographic or information search, text correction or translations, and in activities and practical work, but NOT in assessments.
The student must clearly identify which parts have been generated using this technology, specify the tools used, and include a critical reflection on how these have influenced the process and the final result of the activity.
Lack of transparency in the use of AI in this evaluable activity will be considered a breach of academic honesty and may lead to a partial or total penalty in the activity’s grade, or more severe sanctions in serious cases.”
Assessment
Continuous assessment activities
| Title | Weight | Hours | ECTS | Learning outcomes |
|---|---|---|---|---|
| Exam1 | 25% | 2 | 0.08 | CM05 |
| Project | 40% | 0.5 | 0.02 | CM05, KM09, SM08, SM09 |
| Exam2 | 25% | 2 | 0.08 | KM09, SM08, SM09 |
| Problems | 10% | 0.5 | 0.02 | CM05, KM09, SM08, SM09 |
a) Processes and scheduled evaluation activities
The calendar of assessment activities will be given on the first day of the subject and will be made public through of the Virtual Campus and the web of the School of Engineering, in the section of examinations.
The final quali of the subject will be obtained based on the valuations of the different evidences, taking into account that each one of the parts has a different specific weight:
- PART 1: 20% Exam1, 25% Exam2 and 15% Problems
- PART 2: 40% Project
The grade of the subject will be calculated from the weighted sum of PART1 and PART1, as long as PART1 has a grade equal to or greater than 5.
The Problems grade includes attendance and participation in problem classes and the delivery of the proposed exercises.
In order to pass PART 1, you must score at least a 4 on Exam 2. If this is not the case, the final grade for PART 1 will be the grade for Exam 2.
b) Retake process
There will be a re-evaluation test that will include all the topics covered in the course. This test will allow you to retake the two exams in PART 1.
There is no recovery from PART 2.
c) Special grades
A student who performs at least one of the components of the continuous evaluation can no longer be considered as NOT Evaluable.
If a student does not reach the minimum grade of 5 in any of the two parts (PART1 and / or PART2) and for this reason does not pass the subject, the final grade will be a maximum of 4.5, that is, equal to the value of the weighted average if it is less than 4.5 or 4.5 if it is higher.
In order to pass the course with honors, the final grade must be equal or higher to 9 points. Because the number of students with this distinction can not exceed 5% of the number of students enrolled in the course, it is given to whoever has the highest final marks. In case of a tie, it will be takeninto account the resolutions of the partial tests.
d) Procedure for the review of qualifications
For the assessment activity, a place, date and time of review will be indicated in which the student will be able to review the activity with the teacher. It will also be possible to request the revision of the exam by sending an e-mail to the person in charge of the subject sent within the first week after the publication of the notes.
e) Evaluation of repeating students
No note is saved from one course to the next. Repeating students follow the same assessment standards as any other student.
f) Consequences of irregularities committed by students
Notwithstanding other disciplinary measures deemed appropriate, and in accordance with the academic regulations in force,assessment activities will receive a 0 score whenever a student commits academic irregularities that may alter such assessment (copying, plagiarism, cheating, letting someone copy, etc.) The assessment activities qualified in this way and by this procedure will not be recoverable. If you need to pass any of these assessment activities to pass the subject, this subject will be failed directly, without opportunity to recover it in the same course.
Model 2 – Restricted Use of AI:
“For this course, the use of Artificial Intelligence (AI) technologies is permitted exclusively for support tasks, such as bibliographic or information search, text correction or translations, and in activities and practical work, but NOT in assessments.
The student must clearly identify which parts have been generated using this technology, specify the tools used, and include a critical reflection on how these have influenced the process and the final result of the activity.
Lack of transparency in the use of AI in this evaluable activity will be considered a breach of academic honesty and may lead to a partial or total penalty in the activity’s grade, or more severe sanctions in serious cases.”
Bibliography
JavaScript: Master the World's Most-Used Programming Language
Start Programming Using HTML, CSS, and JavaScript, Fajfar, Iztok, Chapman and Hall/CRC. 2016
JavaScript : the definitive guide, Flanagan, David Sebastopol, O'Reilly, cop. 2011
6th ed.
Guía de JavaScript del Centro de Desarrollo Mozilla (MDN) https://developer.mozilla.org/es/docs/Web/JavaScript/Guide
Referencia de JavaScript del Centro de Desarrollo Mozilla (MDN) https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia
Primeros pasos en la web (MDN) https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web
Referencia de HTML (MDN) https://developer.mozilla.org/es/docs/Web/HTML/Referencia
Referencia de CSS (MDN) https://developer.mozilla.org/es/docs/Web/CSS/Referencia_CSS
Software
- Visual Studio Code or Cursor
- Github
- Browser
Course groups and languages
The information provided is provisional until November 30. After this date, you will be able to consult the language of each group through this link. To access the information, you will need to enter the course CODE
| Type of teaching | Group | Language | Semester | Shift |
|---|---|---|---|---|
| (PLAB) Practical laboratories | 1 | Catalan/Spanish | first semester | afternoon |
| (PLAB) Practical laboratories | 2 | Catalan/Spanish | first semester | afternoon |
| (TE) Theory | 61 | Catalan/Spanish | first semester | afternoon |