Angular 2 & Foundation for Apps 2017 : Build 3 web Apps

Learn how to build three different apps that connect to major rich-media services and migrating apps to Angular 2.
3.4 (34 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
4,062 students enrolled
Start Learning Now
  • Lectures 26
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

NOTE:This is the latest Course Updated in January 2017.

Hi,Thanks for checking out my course!!

Foundation for Apps enables designers and developers to easily create multi-view web apps that look and feel like native apps and provide a seamless experience across all devices.

Foundation for Apps is an open-source framework created by ZURB, a design agency in California. It is the first front-end framework created for developing fully responsive web apps. And this course is based on the latest version.

The purpose: Make websites beautiful without a lot of work. This course walks you through some of Foundation's core features that produce beautiful websites with a little effort.

It contains almost all of the CSS styling you will need for a website and a lot of cool jQuery tools to extend your website. It also allows you to make your website responsive so it can be viewed on mobile designs.

In this course,we'll teach you how to build three total different apps that connect to major rich-media services: An application that plays audio tracks from SoundCloud, an application to view and search images from Instagram and an application that watch YouTube videos.

We will also show you how to take a simple Angular 1 app and to upgrade it to use Angular 2. You'll see how each concept and structure in Angular 1 translates to the new version. After viewing this course, you'll have a better understanding of how to migrate your apps to Angular 2.

Let's get started!!

What are the requirements?

  • Basic HTML/CSS knowledge

What am I going to get from this course?

  • You can build an app that searches and plays YouTube videos
  • You can build an app that plays audio tracks from SoundCloud
  • You can build an app to search and view pictures from Instagram
  • You will know how to use the Foundation grid system
  • You will know how Foundation builds in Responsive Design
  • You will know the major components of Foundation for Apps
  • You will know how to migrating your web apps to angular 2

Who is the target audience?

  • Web Design Students
  • Web Enthusiasts
  • New to Web Design
  • Mobile Apps Developer
  • Anyone who want to learn responsive web and app development will love this course

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction
Intro to Foundation for Apps
Section 2: Integrate the YouTube API
Installing Foundation for Apps
Configuring Our Gulpfile
Setting Up a YouTube Service
Creating a Homepage Controller
Creating Our Homepage
Creating the Display Page
Section 3: Integrate the SoundCloud API
Creating a SoundCloud App
Setting Up a SoundCloud Service
Creating the Controllers
Creating the Pages
Section 4: Integrate the Instagram API
Creating a Instagram App
Creating the Pages and Controllers
Section 5: Summary
Section 6: (Updated) Migrating Your Apps to Angular 2
Create an App for Angular 2
Upgrade Adapter
Set Up Your Project
Module and Component
Upgrade a Service to Angular 2
Video Component
Search Component

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

EDULearning Academy, Inc, Programming Made Easy

At EDULearning Academy, technology is all we teach. Whatever you're interested in from programming, development or design - we have it covered.

EDULearning Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer and a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase - to ensure that the teaching is of highest standards available online.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

Ready to start learning?
Start Learning Now