Sunday, 22 November 2020

Create Your First Angular Application - My Flower Store

November 22, 2020 0

 



Last tutorial you have learned how to set up your environment to work with Angular. In this tutorial you will learn how create your first Angular application.

Steps to create the Angular Project

Open command prompt Run 

ng new <<your app name>>

Once you run the above command it will ask you to select the type of css that you need to use.

Then Angular CLI will install necessary npm packages and other dependencies.

ng new my-flower-store command


Within a minute or two CLI will create the project with all the necessary features that you can run your app.

Initial app contains

  • A new workspace, with a root folder named my-flower-store (project name you gave with ng new command)
  • An initial skeleton app project, also called my-flower-store
  • An end-to-end test project (in the e2e subfolder).
  • Related configuration files.

Setting up the react native development environment

November 22, 2020 0

 

Setting up the react native development environment

This tutorial I am going to focus on how to install and build your first React Native application.


There are two methods you can follow to develop React Native app. If you are very new to mobile development and not familiar with setting up mobile development environment, I would suggest to start with Expo CLI. Expo is a set of tools to build React Native application. It has may features; you have to select suitable features to develop your app in minutes. You need only a recent version of Node.js and a phone or emulator. If you want to test your React Native application on your web browser before installing any tools, you may use Snack.

 

If you are familiar mobile developer from other languages and want to try out React Native, you may try out React Native CLI. For that you need to install either Xcode for iOS or Android Studio for Android OS.

 

If you are a beginner, my personal suggestion is to go for Expo CLI and familiar with the React Native features and concepts. Actually, using Expo CLI, you can develop production level application. But when you move forward there might have some limitation when your application grow to access very hardware specific features. For example, if your application wants to read NFC card, get some data from Bluetooth enabled devices…etc you might want to go for React Native CLI rather Expo CLI. In my own experience I have developed Expo application for many projects which read mobile device network connection, camera, Wi-Fi connection and many more. Most important feature is if you write your Expo app in a such way that you may use same code for iOS and Android OS as it is. But in React Native CLI most of the time you need to some slight modifications to build for iOS and Android OS.

 

Method 1: Expo CLI

 

Prerequisite is to install Node 12 LTS or greater on your machine. You can use npm or yarn command to install the Expo CLI command line utility:

 

npm install -g expo-cli

 or

yarn global add expo-cli

 

Saturday, 21 November 2020

Introduction to Angular

November 21, 2020 0
Introduction to Angular



Google release AngularJS in year 2010. It got popular immediately because it made static HTML interactive. However, with other latest web development technologies developers started to see drawbacks of AngularJS.

Google then start to rewrite framework again and decided to shift from Java Script to Type Script. Type Script is helpful to avoid drawback of AngularJS

Angular 2 was then introduced in 2016 and it evolves up to Angular 9.


How to install Angular


To setting up the angular framework you need 

1. Node

To install node go to official site of node to download the version you need (nodejs)

Run the downloaded Node.js .msi Installer 

If you want to know the node version installed in your computer run following command

 node -v


node -v

Thursday, 19 November 2020

Android: How to launch android emulator from command line or batch script?

November 19, 2020 0


Many Windows based Android developers are facing difficulties in running Android Studio on Windows machines due to lack of performance issues. But if you are developing mobile application using language like React Native you don’t actually need to work on Android Studio. But most of the time you have to use Android Emulators to test your application. If your windows machine does not have at least 16 GB of RAM you always face severe performance issue while running Android Emulators.

 

One solution to this issue is you can use your mobile phone to test react native application without running on Android Emulators. For that you only need to run Metro server on your PC and test application run on your mobile phone. But this method has drawbacks you have only one platform to test your application. If you want to test your application on multiple platforms you have to use several Emulators with different Android versions and architectures.

 

Another solution is without load your Android Studio if you can use Android Emulators alone that will give better performance. For that you can use command line to load Android Emulators.

Monday, 16 November 2020

React Native for Beginners

November 16, 2020 0

We can make native portable mobile applications utilizing JavaScript and React. It utilizes React to make a rich versatile UI interface. 

Presently, the inquiry strikes a chord, who's utilizing React Native? According to the official site, a huge number of applications are utilizing React Native from set up fortune 500 to up and coming new businesses. A portion of the well known applications that are utilizing React Native incorporate Facebook, Instagram, Bloomberg, Pinterest, Uber, Skype and so on 

Prior to beginning, it's suggested that you have the essential information on JavaScript and React so you can comprehend the React Native applications. 

Setting up the Environment

To begin, we need the underneath application introduced in the framework. 

NodeJS and NPM 

Python

Java SE Advancement Pack (JDK) 

Android SDK, Android Virtual Gadgets 

Visual Studio Code

Thursday, 13 June 2019

SMPP protocol library for fast and easy SMSC(Short Message Service Centre) client development even for non-telecom guys

June 13, 2019 0
SMS sending through .NET C# is really easy. But most of the guys face many issues with SMSC client developments. SMPP protocol has many parameters to configure, but for simple SMPP gateway application you need very few of them to configure correctly. This article will cover how to implement SMSC client application using EasySMPP library. EasySMPP is a free SMPP library used by many people to implement SMS sending applications. There are many SMPP libraries but EasySMPP library is very easy to use and relatively stable.

EasySMPP library mainly contain five class library projects.


KernelParameters, SMPPClient, SMSClient, SMSService and Tools are the library projects and you only need to use SMSClient library to implement SMPP client application. First download EasySMPP library and add class library project to your .NET C# solution. 

1. public bool SendSms(string from, string to, string text)

Wednesday, 12 June 2019

DaVinci Resolve 16 - Free professional video editing tool | Blackmagic Design

June 12, 2019 0
DaVinci Resolve 16 is a great video editing tool which comes with many professional video editing facilities such as 8K editing, color correction, visual effects and audio production in single tool. Many of those features comes with almost free of charge and only very advance tools have to pay. According to my experience with this tool you don't need to worry about the cost, it gives almost everything you need as professional video editor.

DaVinci Resolve 16 Beta

The free version of the tool comes with editing tools, Fusion visual effects and motion graphics, color correction and Fairlight audio post.

DaVinci Resolve Studio 16 Beta

Includes everything in the free version plus DaVinci Neural Engine features, multi user collaboration, stereoscopic 3D tools, dozens of ResolveFX and FairlightFX plugins, HDR grading, film grain, blur and mist effects, and more.

Dual Timeline, Source Tape, Dedicated Trim Interface, Intelligent Edit Modes, Fast Review, Transform, Retime and Stabilize, Quick Export, Media Import and Portable Editing tool are very useful when you do editing. This tool gives very good performance with the very low hardware requirements. Portable Editing tools are very useful since they can use on anytime everywhere with almost all portable devices. I am using these tools heavily while I am editing videos on the go to upload to YouTube.

Wednesday, 14 November 2018

MS-PowerPoint as a great movie maker

November 14, 2018 0
To make a great video for your YouTube channel is a great challenge for many people. There are many video cameras and video editor available to facilitate make great movies. But to use them and create good quality video is big challenge for many people, most of them don't have required knowledge to use those tools. Today I am going to show you how to make good quality video for your YouTube channel having very minimum knowledge on video cameras and video editing.

There are many simple and free video editing tools which there require some knowledge on video editing, color grading, special effects...etc. But as a beginner you can easily use Microsoft PowerPoint as a great tool to make videos or animations. PowerPoint is a relatively simple tool but if you use it properly it gives many tools to create high quality features rich video.

Above video fully composed using MS-PowerPoint using its provided tools. Pictures tool, Online Pictures tool, Remove Background tool, Corrections tool, Color tool and Animation tools used to create above video. Finally Export to Internet Quality HD (1280 * 720) video.