Artesis Plantijn Hogeschool Antwerpen
Wetenschap en Techniek
campus Spoor Noord Ellermanstraat
Ellermanstraat 33 - 2060 Antwerpen
wt@ap.be
Advanced front-end coding30014/1732/1920/1/32
Study guide

Advanced front-end coding

30014/1732/1920/1/32
Academic year 2019-20
Is found in:
  • Bachelor of Graphical and Digital Media, programme stage 3
    Choice package:
    • Keuzepakket Trajectschijf 3 A
    • Keuzepakket Trajectschijf3
In other study programme:
  • International programmes Science and Technology as Advanced front-end coding
This is a single course unit.
Study load: 3 credits
It is not possible to enrol in this course unit under
  • exam contract (to obtain a credit).
  • exam contract (to obtain a degree).
Co-ordinator: Michiels Kristof
Languages: English
Scheduled for: Semester 1
This course unit is marked out of 20 (rounded to an integer).
Possible deadlines for learning account: 15.10.2019 ()
Re-sit exam: is possible.
Possibility of tolerance: This course unit is eligible for tolerance according to the criteria as determined by the degree programme you are enrolled in.
Total study time: 78,00 hours

Prerequisites

having finished at least 54 ects credits in programme part (year) 1 AND having finished at least 54 ects credits in programme part (year) 2 AND having passed, or having a tolerated mark for Information technology 3 AND having passed, or having a tolerated mark for Crossmedia technology 3.

Short description

The web today is an interactive and extremely dynamic environment. Working as a professional web designer of tomorrow you’ll need to have more than just HTML and CSS skills in your toolbox.

Client-side JavaScript has become a must, but this is just a start. In recent years, several sophisticated front-end libraries have emerged that we as designers too can leverage. In this course we will dive deeply into currently one of the most popular of these libraries: Vue.js. We will learn how to build modern front-end applications with Vue, without having to do too much coding. Please note that this is an advanced web course for students that have already acquired a solid working knowledge of HTML, CSS and JavaScript.

Learning outcomes (list)

Technical level. Creating a basic file
is able to develop dynamic web applications using front-end JavaScript frameworks (React, Angular)
Technical level. Inventorizing data
understands the basic principles of full-stack JavaScript web development and is able to put these principles into practice
Working together. Leaderschip
applies the knowledge of the English language in a learning context, both oral and written
Technical level. Realizing a media-expression
develops a database model (with a no-sql dbms like MongoDB)
develops a project that follows the principles of full-stack JavaScript development
develops a project that uses a front-end JavaScript framework (React, Angular,…)
Production level. Controling a workflow
able to analyze a data model

Course content

You will be introduced to full-stack JavaScript web development in a gentle way.

  • Landscape of existing frameworks. Differences, strengths, weaknesses
  • Evaluation of possibilities: native apps, mobile, desktop, smart objects
  • Every year we choose a JavaScript framework. Next year is that Vue.js
  • Introduction to Vue.js
  • Easy use within an existing web application
  • More advanced use of Vue.js
  • Introducing a database model (with a no-sql dbms like MongoDB)

You work out a project yourself and choose how far you go in using Vue.js. The main objective is to familiarize yourself with the landscape of front-end frameworks.

Study material (text): Mandatory

Course materials will be made available digitally through the DIGITAP platform.

Educational organisation (list)

Learning Activities
Lectures and / or tutorials
Practicum27,00 hours
Work time outside of contact hours51,00 hours
Workplace training and / or internship

Evaluation (list)

Evaluation(s) for first exam chance
MomentForm%Remark
Academic yearPortfolio100,00
Evaluation(s) for re-sit exam
MomentForm%Remark
2nd examination periodPortfolio50,00
2nd examination periodProject assignment50,00Werkstuk en/of digitaal en/of presentatie

Evaluation (text)

PERMANENTAL EVALUATION WITH COMPULSORY ATTENDANCE because the competence-based learning processes with specific accents on skills training and attitude formation can only be acquired and evaluated within the set of education.

You can catch up with a maximum of 1 absence for the form of permanent evaluation and this only if it is possible from an organizational point of view. You take the initiative to plan the possibility of catching up with the lecturer within 3 calendar days after the missed evaluation moment (deadline assignment, portfolio, presentation, etc.). If catching up is not possible, this will result in a score of 0 for the missed evaluation moment.
In exceptional cases, the head of the department may deviate from this rule.

Submissions for assignments always consist of own work and are submitted within the foreseen deadlines. If ideas, images or texts, ideas, designs or parts of designs of others are used, the author, designer and/or location of the work must be clearly mentioned in order to avoid plagiarism - and thus exam fraud.