Curricular Unit:Code:
Client Side Web Lab1093LWLC
Year:Level:Course:Credits:
1UndergraduateComputer Systems Engineering6 ects
Learning Period:Language of Instruction:Total Hours:
Spring SemesterPortuguese/English78
Learning Outcomes of the Curricular Unit:
This curricular unit aims to improve the knowledge of programming using a Javascript language. The use of javascript frameworks will be addressed in order to support the development of practical work and design of this course. It is intended to explore frontend web development.
Upon successfully completing this course, students should be able to:
-Structure and plan a new web application
-Mockup a new web application
-Understand and describe the client-side / frontend programming principles
-Know how to use a Javascript framework
-Aptive to develop a frontend web application
-Adapt to develop responsive web pages using existing CSS / JS frameworks
Syllabus:
0. Presentation
0.1. Framework and Objectives
0.2. Evaluation Methodology and System
0.3. Program Content and Bibliography
1. Introduction HTML / CSS
2. Introduction to Javascript Language
3. Javascript Programming Syntax
4. Web applications
5. React Framework
Demonstration of the Syllabus Coherence with the Curricular Unit's Objectives:
The syllabus covers the planned objectives, being organized in units that allow studying the main areas that characterize the development of the web frontend. Initially, an introduction is made to allow the elaboration of static pages. Then, the concepts of the new web programming language that will be presented will be discussed, and a parallel is made with the previous C language already taught in the course. Finally, this course unit ends with the development of a web frontend using a JavaScript framework, and its particularities/concepts. The learning objectives are achieved by complementing these concepts with concrete examples performed in a laboratory environment using practical exercises.
Teaching Methodologies (Including Evaluation):
The transmission of knowledge in this curricular unit will be carried out using theoretical-practical and practical classes in a laboratory environment, where the fundamental concepts for understanding the themes of the program are presented. In these classes, students are faced with real problems that they have to solve. The evaluation will be calculated according to the following formula:
Final grade = 60% Theoretical + 40% Practical
Theoretical note = 35% Quiz + 65% Frequency
Practical note = 60% Final project + 40% Av. Continua (4th mini-works with equal weight)
Demonstration of the Coherence between the Teaching Methodologies and the Learning Outcomes:
The teaching / learning methodology applied in this curricular unit as well as its evaluation system are perfectly aligned with the objectives to be achieved by the students at the end of the school term. The concepts are presented, discussed, applied and evaluated in the context of the classes. This guarantees students a solid base of fundamental knowledge in order to understand in depth the challenges facing this area of ??knowledge. On the other hand, so that the study is not restricted to conceptual models, in practical classes, concrete case studies are presented and solutions to real problems are implemented using the appropriate tools. This combination guarantees a training for students that allows them to know the scientific fundamentals essential to a good understanding of the topic as well as their ability to adapt to constant technological changes. The evaluation process consists of frequency (s) and practical work (s) allowing to maintain a balance between the effort dedicated to both components. The goal is to train professionals who know the techniques, tools, and the state of the art. In this curricular unit, the concepts related to the web development area are presented and evaluated through frequency (s) and later applied to a project.
Reading:
JavaScript: The Good Parts by Douglas Crockford (O'Reilly Media).
JavaScript Patterns by Stoyan Stefanov (O'Reilly Media).
JavaScript: The Definitive Guide, 6th Edition by David Flanagan (O'Reilly Media).
Eloquent JavaScript: A Modern Introduction to Programming, 2nd Edition by Marijn Haverbeke.
ECMAScript® 2016 Language Specification The JavaScript standard document.
Lecturer (* Responsible):
Christophe Soares (csoares@ufp.edu.pt)