Build a Beautiful CryptoCurrency App using Ionic

Name: Build a Beautiful CryptoCurrency App using Ionic
Rating: 4.5 (89 reviews)

A real hybrid app that works on iOS, Android and Windows Phones. The full process is shown, no details are left out.

Created byGary Simon

Last updated 10/2017

English

What you'll learn

Create a Full Hybrid App with Ionic
Create an Identity (Logo Design)
Create a Full UI Mockup / Prototype
Retrieve and Format Data from a Public API

Course content

5 sections • 20 lectures • 2h 40m total length

Introduction3:27
Learn all about the project you're going to build throughout this course, along with any prerequisites and other information you should know.

Designing the Logo10:37
Learn how to design the Coinful logo using Adobe Illustrator.
Finishing the Logo5:26
In this video, you're going to create a colorized version of our cryptocurrency logo, and export it for later use as a SVG file.
Designing the App Navigation9:35
In this video, we will begin using Adobe Experience Design to design the app's navigation.
Designing the Coin Listings8:09
We will use Adobe XD to design a list that will display the cryptocurrency data.
Designing the Coin Details9:32
Each coin will have a detail section that drops down when clicked, we will design the information that shows up, including a line chart.
Add Coins UI Design8:15
In this video, we will replicate the Adobe XD artboard to create a page that shows all of the coins listed out.

Setting up the Development Environment4:38
In this video, we're going to ensure that we have all of the necessary dependencies installed in order to start developing our app.
Creating our First API Call12:02
We will use the Ionic CLI to generate a provider and two pages. We will use the provider to communicate with the CryptoCompare API.
Structuring the API Call11:09
Now, we will properly structure the getCoins() method so that it's dynamic.
Designing the Toolbar8:49
For now, we will focus on the template and CSS to make the toolbar more consistent with the Adobe XD mockup.
Styling the Coin List8:39
We will use HTML and CSS to style the coin list so that it appears more consistent with the Adobe XD Mockup.
Coin Details Template9:10
In this video, we will focus on creating the template for the coin details.
Coin Chart10:29
We will install Chart.js through NPM and integrate it into our app during this video.
Removing Coins7:24
In this video, we will integrate the ability to remove coins by swiping the ion-items to the left and clicking a button.
Adding a Loading Controller4:15
It takes time to retrieve data from API calls, so it's good practice for user experience to integrate a Loading controlling in your Ionic app.

Requirements

Understanding of HTML & CSS
Basic Understanding of Javascript
Have: A code editor such as Visual Studio Code
Have: Adobe Illustrator & Photoshop (Only if interested in following the design videos, otherwise, assets are provided)

Description

In this course, you're going to follow along as a full stack developer with nearly 2 decades experience creates an app from scratch.

I'm Gary Simon, and I will be your instructor throughout this course. I've created over 70+ courses for the top online education networks including LinkedIn, Pluralsight and Envato Network.

I'm sure you've heard of Bitcoin; it's the world's first CryptoCurrency. In the years since Bitcoin was released, there have been over a thousand more competing CryptoCurrencies.

Today, these CryptoCurrencies are immensely popular. That's why we're going to build an app called Coinful.

Coinful is an app that allows users to select which CryptoCurrency they want to follow, and it provides them with useful information in a beautiful user interface.

What you will learn

App creation and development with Ionic 3 & Angular 4+
Using Ionic with a public API
Create UI Mockups
Implement UI designs into a real app based on Mockups
Effective logo design

Who is this course for?

Anyone who is interested in the full stack developer process of designing and coding apps.

What should I know before taking this course?

Understanding of HTML and CSS.
Basic understanding of Javascript.
Basic understanding of Ionic & Angular is recommended, but not required. Check out my Author Page here at Udemy for free courses regarding these topics!

What software is required?

A code editor
Adobe Illustrator & Photoshop (If you prefer to follow the design videos)
Adobe Experience Design (If you prefer to follow the mockup process).

Note: All project files are included, so you don't have to follow the design videos. The assets will be provided for you to use.

So if you're ready to learn, let's get started!

Who this course is for:

Aspiring App Developers
Aspiring App Designers
Those interested in CryptoCurrency Technology

Build a Beautiful CryptoCurrency App using Ionic

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 3min

Design6 lectures • 52min

Core Development9 lectures • 1hr 17min

Add Coins Section2 lectures • 19min

Bonus: App Icon and Splash Screen Design2 lectures • 10min

Requirements

Description

Who this course is for: