Web Programming – Client

Base Knowledge

n. d. 

Teaching Methodologies

The following teaching methodologies are used in this course:

Expository method: explanatory method where facts, concepts, principles and generalizations are defined and presented by the teacher and discussed with the class, followed by demonstrative examples;

Experimental method: active method where the student develops knowledge through problem solving and project development, in group dynamics and individual and reflective work 

Learning Results

  • Understand how the Internet works, mainly in what concerns Word Wide Wide.
  • Understand how to access websites using a web browser.
  • Know how to use HTML and CSS in Web site development.
  • Know how to use JavaScript to add interactivity to websites.
  • Understand the importance of developing accessible websites.
  • Know the international recommendations for accessibility in the development of Web sites.
  • Know how to apply the concepts learned regarding accessibility both in the production of accessibility reports and in the construction of accessible websites.

Program

  • Introduction
    • Initial uses of the Internet
    • Hypertext
    • Hypermedia
    • Historical Evolution
    • Main types of web clients
    • Basic concepts about web servers
    • The HTTP protocol operation
  • HTML (HyperText Markup Language)
    • Basic concepts
    • Basic structure of an HTML document
    • Validation of HTML documents
    • Metatags
    • The elementary tags (p, a, hr, br, img, h1…h6)
    • Lists
    • Tables
    • Forms
    • Highlights
    • Generic containers
    • Semantic containers
    • Multimedia (video, audio, canvas)
  • CSS (Cascading Style Sheets)
    • Basic concepts
    • Validation of CSS files
    • Style rules
    • The different ways of defining styles (inline, internal, external)
    • The main selectors
    • Priority between selectors
    • Text formatting
    • Colors and backgrounds
    • Formatting properties of the box-model
    • Pseudo classes and pseudo elements
    • Image and table positioning
    • Formatting lists
    • Responsive design
  • JavaScript
    • Basic concepts
    • The various ways of using JavaScript (inline, internal and external)
    • Events
    • Functions
    • Variables and data types
    • Operators
    • Control Structures
    • Cycles
    • String manipulation
    • Array manipulation
    • Forms manipulation
    • Object-oriented programming
    • Web storage
    • Cookies
    • DOM handling
  • Accessibility
    • Universal design
    • Web page accessibility
    • Automatic and manual evaluation of web pages (WCAG 2.1)

Curricular Unit Teachers

Internship(s)

NAO

Bibliography

Abreu, L. (2015). HTML 5 (4th edition). FCA.

Remoaldo, P. (2011). CSS 3. FCA.

Abreu, L. & Carreiro, J. P. (2015). JavaScript 6. FCA.

Fonseca, M. J., Campos, P. & Gonçalves, D. (2017). Introdução ao design de interfaces (3rd edition). FCA.