AngularJS Workshop: Create DBCityFinder app

sala de grados de la EPS 1

Hi everyone!

This is a learn-by-practice AngularJS tutorial, I consider that the best and most fun way to learn! 

For that we will create a meaningful app on the fly, following this step-by-step tutorial I’ve created on Github. That is DBCityFinder, an app that use DBPedia as a RESTful backend.

The speech will be organized in 2 parts:

• A 30 min overview to AngularJS

• The creation of DBCityFinder (60 min approx)

• (optional) We can have a beer afterwards in a nearby place

It is a beginner-intermediate level oriented. If have zero knowledge of AngularJS, please take a look at documentation and some examples. Otherwise it can be a bit hard for you.

Wikipedia about AngularJS:

AngularJS (commonly referred to as “Angular“) is an open-source web application framework maintained by Google and by a community of individual developers and corporations to address many of the challenges encountered in developing single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-sidemodel–view–controller (MVC) and model–view–viewmodel (MVVM) architectures, along with components commonly used in rich Internet applications.

The AngularJS library works by first reading the HTML page, which has embedded into it additional custom tag attributes. Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamicJSON resources.

According to JavaScript analytics service Libscore, AngularJS is used on the websites of NBCWalgreensIntelSprintABC News, and approximately 8,400 other sites out of 1 million tested in July 2015.[1]

AngularJS is the frontend part of the MEAN stack, together with <a>Node.js</a> runtime, <a>Express.js</a> backend framework and MongoDB database.

Location

The location is the Sala de Grados of the Escuela Politecnica Superior 1: