Create a Full Ionic App with Material Design - Full Stack (Udemy.com)

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

( 27 Reviews )

Created by: Gary Simon

Produced in 2017

What you will learn

Create a relevant and effective logo
Building App Mockups in Adobe Experience Design (XD)
App Prototyping with Adobe XD
Connect to an API
Understand Ionic Templating, Storage & Material Design
Integrate Search in an Ionic App
Integrate Cordova Plugins
Integrate Angular Animations
Build an awesome Ionic 3+ App

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 78 / 100

Course Description

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 theentire 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.

So, if you're ready tolearn by doing, let's get started!
Who this course is for:
Front-end DeveloperWeb DeveloperApp Developer

Time: 3.5h

Instructor Details

Gary Simon

3.9 Rating
27 Reviews

Gary Simon is a professional freelance graphics and web designer with well over a decade of experience. Having served over a thousand clients, Gary understands many facets of the design industry.
He has also been a course instructor for several of the top online education websites, teaching a wide range of topics including:

Web Design
Graphic Design
Mobile / GUI Design
3D
Motion Graphics

Gary began designing websites in 2000, and just a few years later started focusing on identity design. From that point on, Gary grew a large clientele that allowed him to fully develop skills that extend beyond design alone.
The following is a list of web technologies in which Gary is proficient:

HTML & CSS (Responsive)
JavaScript & jQuery
XML
PHP
MySQL

He is also an expert with the following software:

Adobe Photoshop
Adobe Illustrator
Adobe After Effects

Gary began teaching his skills to others after releasing a single logo design tutorial, which has since garnered over a million views. In 7 years, Gary has released over 200 video tutorials and 20+ video courses. On his Youtube channel alone, his videos receive a half million views monthly. He enjoys connecting with students and helping them develop their skills on an on-going and frequent basis.

Design and Animate a Gamer UI (2015)
4.3 (13 Reviews)

- Provider: Udemy
- Time: 1.5h

$11.99

Use Vuejs 2 to Create a Beautiful SEO-Ready Website

Use Vuejs 2 to Create a Beautiful SEO-Ready Website (2018)
4.6 (9 Reviews)

- Provider: Udemy
- Time: 2h

$11.99

Learn Angular 8 from Scratch for Beginners

Learn Angular 8 from Scratch for Beginners (2019)
5.0 (7 Reviews)

- Provider: YouTube
- Time: 48m

Free

Learn Adobe Experience Design CC 2018 by Example from a Pro

Learn Adobe Experience Design CC 2018 by Example from a Pro (2017)
4.4 (5 Reviews)

- Provider: Udemy
- Time: 1.5h

$11.99

Adobe Photoshop CC 2021 Crash Course for Absolute Beginners

Adobe Photoshop CC 2021 Crash Course for Absolute Beginners (2019)
4.4 (5 Reviews)

- Provider: YouTube
- Time: 1h 30m

Free

The 2019 UI Design Crash Course for Beginners

The 2019 UI Design Crash Course for Beginners (2019)

- Provider: YouTube
- Time: 1.5h

Free

All courses by Gary Simon

More ionic courses

Ionic 2 Crash Course: Learn Ionic2 Fundamentals in 1.5 Hours

Ionic 2 Crash Course: Learn Ionic2 Fundamentals in 1.5 Hours (2018)
4.7 (42 Reviews)

- Provider: Udemy
- Time: 1.5h

$11.99

All ionic courses

Reviews

3.9

27 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Eric Carlson on 6/12/2020

its was a bit dated so i had to install old npm and nodejs to follow along correctly

By Inger-lise McMillan on 5/9/2020

Clear voice and timing, to-the-point content.

By Walter Mongelos on 1/7/2019

Muy bien explicado paso a paso

By Brett Palmer on 10/21/2018

The content is very helpful for learning how to create the design artifacts for an Ionic application. Most courses just focus on the coding part and little discuss the important parts of design.
The course lessons are viewable from a small device like an i-pad. The instructor speaks clearly and the presentation is very good.

By Peter on 9/13/2018

Great & enlightening course. Baptism by fire which is good since you get to do some research and learn more on the go.

By Mohammed Allam on 9/11/2018

Great explain.

By Karan Bhanushali on 8/21/2018

API referenced in the video is no longer working

By Francisco Robrio Farias da Silva on 8/12/2018

Muito bom.

By Carlos Ribeiro Pamplona Neto on 6/22/2018

Great course, the instructor is to be congratulated !!!
The only course I've found that teaches translates Adobe XD into Ionic
Perfect, great course!!!!
This course teaches how join the best tool to desgin with the Ionic (development tool with greater growth in the actuality).

By Bakerodeh Odeh on 5/15/2018

I love it

By Mohamed Boye Jallo Jamboria on 3/6/2018

The splash screen creation process is superb and easy to comprehend.

By Michelle Enakeno on 1/25/2018

Four stars because the instructor doesn't respond to questions/queries. For a beginner, this can be a bit frustrating 'cause you're not sure of the next step.
If you're just starting out with ionic, do not attempt this course. Find an ionic course for beginners then come back!
Aside from not responding to questions, the course is amazing.
NB: You'll get the IGDB API from api.igdb.com (it's no longer available on Mashape). Once you've successfully signed up, you can select 'Live Test' menu item. There you'll find Curl, Request URL, response body...
To setup CORS, you need to add proxies(path, proxyUrl) to the ionic.config.json file.
GOODLUCK