Skip to content
Write a review
UdemyIonicPaid courseAll LevelsCertificate

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.

4.2
86 reviews

Created by: Gary Simon

Last updated June 2017

icon
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

icon
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
Read More All Levels All Levels product length iconTime: 3.7h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Gary Simon

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.

Read More

icon
More courses by Gary Simon

Free

Free

Free

Free

$10.99

$19.99

All courses by Gary Simon

icon
More Ionic courses

$39.99

$11.99

All Ionic courses

icon
Reviews

4.2

86 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

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

Showing 12 of 27 reviews

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100

Create a Full Ionic App with Material Design - Full Stack
Visit course on Udemy Write a review
  • Video Duration: icon 3.7h
  • Price: $22.99
  • Provider: icon Udemy
  • Updated: icon June 2017
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com