Build a World Encyclopedia with AngularJS

Offered By
Coursera Project Network
In this Guided Project, you will:

Using AngularJS services

Using AngularJS routing

Calling HTTP API with AngularJS

Clock1.5 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 1.5 hours guided project, you will build a world encyclopedia app from scratch using AngularJS, HTML and JavaScript. You will learn how to take advantage of existing API via HTTP and also learn about more advanced Angular features such as services and routing. (To fit the project within the time limit, some code for areas that are not our focus will be provided). Prerequisites: Basic Angular, HTML, JavaScript, and CSS. Taking my class Make a Bill Splitter app with AngularJS is highly recommended if you want to get a foundation of fundamental AngularJS.

Skills you will develop

Javascript FrameworkAngularjsProgramming LanguageWeb Development

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction and preview finished product

  2. Test the http connection and build the country name dropdown box

  3. Retrieve and display the data for the selected country using Angular event

  4. Add the country flag, currencies, and languages

  5. Build a custom AngularJS service to handle the currencies and languages

  6. Use AngularJS routing to add an atlas “page”

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.