____  ___    _  _     _   _ _____     _______
 / ___|/ _ \  | || |   | | | |_ _\ \   / / ____|
| |  _| | | | | || |_  | |_| || | \ \ / /|  _|
| |_| | |_| | |__   _| |  _  || |  \ V / | |___
 \____|\___/     |_|   |_| |_|___|  \_/  |_____|

 --- A GOPHER-LIKE INTERFACE FOR HIVE BLOCKCHAIN ---

Develop Mobile Apps Using Ionic Framework Part-1

BY: @exploringworld | CREATED: April 25, 2018, 7:26 p.m. | VOTES: 218 | PAYOUT: $3.66 | [ VOTE ]

Welcome to the first Video Tutorial of Mobile Apps Development using Ionic Framework

What Will I Learn?

Requirements

System Requirements:
OS Support:

Difficulty

Required Understanding

Description

What is Ionic Framework ?

Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.
Think of Ionic as the front-end UI framework that handles all of the look and feel and UI interactions your app needs in order to be compelling. Kind of like “Bootstrap for Native” but with support for a broad range of common native mobile components, slick animations, and beautiful design. Source

Some of the key steps that are used in this tutorial

Below I discuss important coding steps that are must required in this video tutorial

STEP 1:

After installingNode.js,Visual Studio Code and GIt we have to check the versions of our Node.js and Node Package Manager Using Git commands

STEP 2:

Now we install Ionic and Cordova module globally using the same command line
npm install ionic cordova -g

STEP 3:

Now we have our modules installed using the npm,we are going to type Ionic commands to build our first app
Ionic start FirstApp blank
We name our first app as FirstApp.

STEP 4:

As we have build our first app we used ionic servecommand to open this app on the web browser

As you see the app is just holding a header as Ionic Blank Starter. To improve its readability and functionality we use ionic serve --l command which opens the app in the lab mode

STEP 5:

At the end we have our first app deployed to android emulator

Video Tutorial

https://youtu.be/AAOdohe_r50

Curriculum

This video is first video of the Develop Mobile Apps Using Ionic Framework Series. When next parts are uploaded, links to previous parts will be place here.

Posted on Utopian.io - Rewarding Open Source Contributors

TAGS: [ #utopian-io ] [ #utopian-io ] [ #mobile ] [ #apps ] [ #tutorial ]

Replies

@zenkly | April 26, 2018, 1:35 a.m. | Votes: 2 | [ VOTE ]

It seems interesting, but the audio quality of your video makes the tutorial difficult to follow. The volume is very low, by the minute 5 some distortion is generated. I recommend you improve the audio of your next videos. Also try to be a bit more direct. Greetings.

@exploringworld | April 26, 2018, 1:57 a.m. | Votes: 0 | [ VOTE ]

Thanks Sir for your suggestion in the next video I will try to resolve this distortion and audio problem.

@buckydurddle | April 26, 2018, 10:12 a.m. | Votes: 2 | [ VOTE ]

@exploringworld the sound quality of your video makes it extremely difficult to understand your speech. From the beginning your volume is too low to be accepted, but then at 5 minutes into the video your sound becomes highly distorted. I was unable to understand most of what you were saying.

Consider using an external microphone and Audacity for your audio. Keep the microphone very close to your face when recording as to make it louder and to keep the background (cars and street noise) down to a minimum.

As I could not understand what was being said I cannot comment on the content of your video.

Need help? Write a ticket on https://support.utopian.io.
Chat with us on Discord.

[utopian-moderator]

@exploringworld | April 26, 2018, 10:31 a.m. | Votes: 0 | [ VOTE ]

Thanks Sir for guide me about this video tutorial I will change my microphone and improve the voice quality as well in the coming videos.But sir I want to ask you about this post should I record again and upload that same post or else?
Thanking you

@utopian.tip | April 27, 2018, 1:39 a.m. | Votes: 0 | [ VOTE ]

Hey @buckydurddle, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!

@steembottrackerr | May 3, 2018, 5:11 a.m. | Votes: 0 | [ VOTE ]

https://steemitimages.com/200x200/https://s-media-cache-ak0.pinimg.com/originals/81/28/3c/81283c6aed7bdb5b9f8ad73b8ce62c2f.jpg

Hello @exploringworld , Congratulations ✅ . Your content began to appear in the hot section.
I am the information account of "SteemBotTracker" site.

Your Informations
Total SBD: 8.988
Total STEEM: 0

I recommend to increase this;
You can make "Resteem" and advertise to the followers of the whale accounts.
"Resteem Bot" for you;
✅ The most profitable Resteem Whale @hottopic has 18.500 Followers + 5200 Sp + Upvote with min +45 accounts.

You can purchase "upvote" by bid bots.
"Upvote Bot"
✅ The most profitable whale in the last round. @rocky1

I'm taking this message once. You need to use the #steembottrackerr tag for more information.
Those who "upvote" this interpretation will be awarded a "UpVote" prize of 100 Sbd per week per person.
I am a bot, I can not answer the comment. I hope I could help. Good luck. Sorry if I disturbed you.

[ BACK TO TRENDING ] [ BACK TO MENU ]
CMD>