Create a Full Ionic App with Material Design – Full Stack

Create a Full Ionic App with Material Design – Full Stack

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3.5 Hours | 858 MB

Build a beautiful hybrid app that people will actually want to use! Go from design to card, start to finish.

It’s time to level up and take your design and development skills to the next level: hybrid app development.

Ionic 3 allows you to build powerful hybrid apps that work on a variety of mobile platforms including Android, IOS and Windows.

This is a full stack development course, which means you’re going to witness the entire process from design to code, start to finish. To begin, we will design the logo and create a series of interactive prototype mockups.

To begin, we will design the logo and create a series of interactive prototype mockups. Then, we will spend the rest of the course developing the app using Ionic 3 and Angular 4.

We will use the free IGDB (Internet Games Database) API to power our app, which will allow users to sort through and discover the latest upcoming games in every genre.

If you’re only interested in design or coding, that’s perfectly fine! This course is structured in such a way that allows you to jump in on any lesson; as each lesson contains the project files up to that point.

As you can see, this course is absolutely jam-packed with real-world information that you can apply to every project going forward.

Table of Contents

App Design
1 Designing the Logo Project Resources
2 App Icon Design
3 Splash Screen UI
4 Main UI Header
5 Main Game Listing UI
6 Favorites UI
7 Game Genres Search UI
8 Game Details UI

API Setup
9 Installing Prerequisites Starting the Project
10 Connecting to the API

Home Page
11 Generating the Page Attaching the API
12 Integrating Storage and a LoadingController
13 Defining the Navigation Template
14 Defining the Games Listing Template
15 Styling the Games List

Secondary Pages
16 Favorites
17 Filters Modal
18 Filters Template API
19 Search

Details Page
20 Details Page API
21 Details Template
22 Details Styling
23 Making the Videos and Website Link Work
24 Adding Animation

Wrapping it up
25 Launching the App on your Phone