Web application creation with AngularJS

Angular is a client-side work environment that eases the development of single-page applications (SPA).

Its goal is to simplify the development and trials of apps. It is organised in an MVC (Model-View-Controller) architecture, which helps the structuring of complex JavaScript applications. It differentiates between two ways of programming, the presentation and connection of components, which is done declaratively inside the HTML, while reserving the imperative programming for the app logic.

Its most important functionality is the bidirectional data link, which allows the programmer to forget about DOM manipulation, delegating Angular this task.

Using Angular facilitates the extensibility of applications and the reuse of components of other programs, achieving stunning applications in no time.

The main goal of this educational activity is to learn an environment to develop single-page applications, placing special emphasis on the data use and its architectural design.

The requirements for the course are: knowledge of JavaScript and HTML, and notions of CSS and Bootstrap.

  1. Introduction, Angular basic concept (directives, modules…)
  2. Visualisation and data linking: the use of “mustache” {{ }}
  3. Models and controllers: ranges, inheritance and injection
  4. REST communications
  5. Application elements: Router, Partials, Sanitize, Pluralize, etc.
  6. Events and observers
  7. Angular in cell phones and tablets: responsive design and/or native application. Use of the Ionic environment
Benefits for the students 
  • Getting to know the principles of MVC architecture
  • Developing a client-side web application using Angular and reused components from other projects
  • Deciding when a web application (or parts of it) has to be an SPA and how it complements with the mobile world
To whom it is addressed 
  • Web app developers and IT project managers.
  • Informatics or Telecommunication students who want to widen their knowledge in this area.
  • Any professional that, fulfilling the course requirements, is interested in broadening their theoretical and practical knowledge on the development of geo-applications with AngularJS.

Follow us on

Els nostres articles del bloc d'inLab FIB


inLab FIB incorporates esCert


First LogoCSIRT Logo

inLab is member of