Menu
close
Apply Now
Contact
Parent Programme
Bachelor in Computing (Level 7 NFQ)
NFQ Level & Reference
Level 7 / Ref: M3.3
Duration
12 Weeks X 3 Hours per week
MODULE TITLE
Full Stack Development 1
STAGE
Award
Module Credit Units
ECTS: 5

Full Stack Development 1

Introduction

The aim of this module is to build on Front-end Web Development at Stage two and develop skills essential for producing full-stack web-applications based on widely used frameworks and platforms. It also builds on Programming Principles & Practices at Stage Two where learners were introduced to simple APIs.  Learners will develop an awareness of practical design and development considerations when producing and developing reactive UIs for web applications.

Indicative Syllabus Content

Developing a Reactive UI

  • Introduction to Javascript frameworks and the role they play in modern UI development (Angular, React, VUE) and alternative frameworks such as Microsoft Blazor.
  • Comparing traditional Javascript event handling and legacy frameworks (such as Jquery) with the approach taken in reactive UIs and how they differ across frameworks.
  • Working with Components and manipulating data and data collections across master / detail pages
  • Interacting and communicating between Components
  • Connecting to and rendering rest-based APIs. (Note, students should have enough experience from semester 2, year 2 from OOP to develop their own basic APIs.)
  • Securing the front end
  • Testing the Reactive UI
  • Deploying to the cloud using devops techniques (such as docker containers, github actions).

Minimum Intended Learning Outcomes (MIMLOs)

Upon successful completion of this module, the learner should be able to:
MIMLO1
Evaluate the requirements for developing and deploying a full-stack web application.
MIMLO2
Compare reactive UI frameworks and traditional methods of building reactive UIs
MIMLO3
Build a reactive UI that is composed of individual, testable, inter-connected components
MIMLO4
Connect the reactive UI to 3rd party API libraries and render the data collections appropriately using master / detail pages
MIMLO5
Secure the reactive UI and authenticate it against 3rd party APIs
MIMLO6
Deploy the reactive UI to the cloud using devops.

Assessment

MIMLOs
Assessment
Percentage
1, 2, 3, 4, 5
CA1, CA 2, - In Class Written Assessments
Total 100%
CA 3 - Examination
All Assessments

Reassessment Opportunity

Where the combined marks of the assessment and examination do not reach the pass mark the learner will be required to repeat the element of assessment that they failed. Reassessment materials will be published on Moodle after the Examination Board Meeting and will be aligned to the MIMLOs and learners will be capped at 40% unless there are personal mitigating circumstances.

Aims & Objectives

 

This Full Stack Development module will ensure learners meet the following objectives:

  • Create reactive UIs using the latest frameworks (Angular, React, VUE and Blazor)
  • Connect reactive UIs to 3rd party APIs for obtaining and rendering data
  • Render collections and navigate from master pages to detail pages
  • Design reactive UIs as a series of interconnected / cross-communicating components
  • Learn to unit test components
  • Deploy the application to the cloud such as AWS, Azure, GCP
[TheChamp-Sharing]
APPLY NOW
Top