In this video, Raymond Camden sets up the beginnings of the master/detail app and works on the first page, the list of people. While hard-coded, this prepares the application to eventually use the API.
- [Instructor] Let's begin by creating a new application.…The ionic CLI defaults to a tabs-based application,…so I'm gunna tell it to use the blank template instead.…I'm gunna type ionic start.…App_start will be the folder name and app name.…Blank is the template, and tell it to use v2.…So it's done installing, now I will run…in the browser with ionic serve.…So I forgot to cd into my directory,…that's a mistake I make all the time.…
I will cd app_start.…And now I will run ionic serve to fire…up the application in my browser.…Okay, here's the application again…with the default blank template.…Let's begin by making a few tweaks.…I'll first tweak the title to make it match…my finished version.…I'm opening the application in visual pseudo code,…and I'm gunna find that homepage…under pages, home, home.html.…
I'm gunna change that title…to People.…Save that, and I will go ahead and clear out…the default text in the content.…I have made my change and saved it.…And now check it out, pro tip.…When your just starting with ionic…
Author
Released
5/18/2017- Making a default application
- Exploring application files
- Adding navigation and UI components
- Theming
- Using a hard-coded detail view
- Adding the SW provider via CLI
- Making a list and a details page
- Adding a loading widget
- Using native and market Ionic resources
Skill Level Intermediate
Duration
Views
Related Courses
-
Angular Testing and Debugging
with Derek Peruo1h 16m Intermediate
-
Introduction
-
Welcome29s
-
What you should know3m 16s
-
Exercise files51s
-
Ionic version numbers1m 14s
-
-
1. Basics
-
Ionic overview1m 40s
-
-
2. Installations
-
Installation requirements4m 22s
-
-
3. Your First Application
-
Make the default application5m 10s
-
-
4. Application Components
-
Explore application files3m 15s
-
Navigation components3m 5s
-
UX components4m 56s
-
Theming3m 11s
-
-
5. Make an Application
-
Overview of finished app1m 3s
-
A simple master-detail app3m 34s
-
Hard-coded detail view4m 23s
-
Application navigation3m 53s
-
-
6. Add a Service
-
Make the list real4m 40s
-
Make the detail page real2m 14s
-
7. Application Enhancements
-
Add a loading widget2m 30s
-
-
8. Debugging Tools
-
Overview2m 3s
-
-
Conclusion
-
Support options1m 4s
-
Next steps28s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: A simple master-detail app