Building a Mobile App with AngularJS 1 and Ionic

Author

Released

5/5/2015

Creating hybrid mobile applications is a great way to leverage your knowledge of web languages like HTML5, CSS, and JavaScript. Modern frameworks such as AngularJS and Ionic make it easier with pre-built templates and components. In this course, staff author Ray Villalobos shows how to install the Ionic framework and set up a development environment suitable for building web-based apps. He reviews the core Ionic components: prebuilt, easy-to-use features such as buttons, lists, tabs, and forms. Then Ray shows how to combine these components with Angular.js models, views, and controllers to build a single page app with sliders, pull-to-refresh functionality, and search. The training culminates in building a multi-page app, which you'll learn how to customize with CSS.

Topics include:

Installing the development environment on Mac or PC

Understanding the Ionic templates and CSS components

Adding IonicIcons to a layout

Adding tabs, cards, and lists

Using form elements

Building a single view app

Implementing Pull to Refresh

Creating a multi-tab app

Styling the applications

Deploying applications

Skill Level Intermediate

3h 31m

Duration

324,047

Views

Show MoreShow Less

- [Voiceover] Hey there, this is Ray Villalobos,staff author at lynda.com and I want to welcome youto Building a Mobile App with AngularJS and Ionic.In this course, I'm going to show you how to build an appusing AngularJS with the Ionic framework.I'll start by showing you how Ionic worksand how it uses different frameworks like AngularJS,Cordova and GulpJS to help you build applications quickly.I'll show you how to install the frameworkand how to setup automationand a web development environment.

We'll take a look at the most important IonicCSS components that can help you build buttons,lists, tabs and forms.Then, we'll take a look at how Ionic works with AngularJSand start building a single page application.We'll work with Angular models, views and controllersto build an application with features like sliding,pull to refresh and search.Finally, we'll take a look at how to build an appwith multiple tabs and pages and customize the lookand feel of the application with CSS.