0% completed

All LessonsFree Lessons (9)

Introduction to Ionic Framework

Introduction Getting Started Gentle Introduction to Angular

Hello Ionic!

Your First Ionic App Guided Tour of the Ionic-Angular Code Customize the Code

Building an Attendance Application

A10Dance - The Demo App Creating the New Project Modifying the Home Page Custom Students Service Adding the Roster Page Implementing a Student Roster

Improving the UI

Adding Functionality to the Student Roster Action Confirmation via Alert User Notifications via Toast Basic Navigation Menu Seeing the App in Action Summary

Apply What You Have Learned

Challenge #1: Modify the “Delete” Toast Solution #1: Modify the “Delete” Toast Challenge #2: Modify the Icons Solution #2: Modify the Icons Challenge #3: Undo Delete Solution #3: Undo Delete Challenge #4: Sort Roster Solution #4: Sort Roster Challenge #5: Header Component Solution #5: Header Component

Conclusion

Appendix – Installing the Tools

Windows Quick Start

macOS Quick Start

Linux Quick Start

Additional Instructions for macOS and Linux

Developing Mobile Apps with Ionic and Angular/

...

/

Windows Quick Start

Windows Quick Start

Set up your Ionic environment on Windows.

We'll cover the following...

- Git
- Node

If you are on Windows, this section should get you up and running as quickly as possible. I am going to assume you do not have any of the following tools. If you do, please just skip that step.

Git

First, you will need the latest version of Git. Depending on your code editor or IDE of choice, ...