Aims

The purpose of this module is to get a basic overview of the Angular architecture and create an Angular application combined with Bootstrap and Font Awesome.

Expected outcomes

Upon completion of this module, you should know / should be able to:

Submodule 19.1: Angular Introduction

    • recognize the Angular functionality
    • describe what a "Single Page Application" is

Submodule 19.2: Getting Started with Angular

    • construct a starter Angular application using angular-cli
    • install the Bootstrap CSS framework in this application
    • add the Font Awesome icons
    • test the setup of the Project

Submodule 19.3: Angular Components

    • construct Angular Components using angular-cli
    • write code (classes, objects) to handle the data of the components
    • write code to display the components

Key concepts
  • Component
  • Strucctural derectives
  • Pipes
  • Interpolation
Instructions

In order to complete this module, you have to:

  • Study the resources provided for the 3 submodules
  • Test your knowledge by answering the Practice set on this module’s content
  • Implement and submit the assignment on this module’s content
  • Reflect if the outcomes of this Module have been achieved
  • Give us feedback on this module’s content
  • Share your thoughts, comments and ideas  to the discussion forum

The estimated time to complete these activities is 4-5 hours.

Last modified: Friday, 5 October 2018, 8:12 PM