Skip to main content

Posts

Showing posts from March, 2017

Angular 4 are now released and available for install and upgrade

Angular 4 has been released and now available for download, it is a major release after 2.x.x and it is backward compatible with 2.x.x.
What is new in Angular 4
Angular 4 is smaller and faster than 2.x.x version as per the official post by angular over all its reduce by 60% of the size of the generated component code.

Animation package has been taken out from @angular/core and bundled inside their own package. So if anyone not using the animation then it reduces the size of your package. However, animation can be added by importing the BrowserAnimationsModule from @angular/platform-browser/animations to your main NgModule.

There are many more features which have been updated in the Angular 4 you can check out more here.
How to upgrade to Angular 4
For updating to angular 4 follow the below steps.
On Linux/Mac:
npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save
On Windows…

Create Your First Angular App and Directory Structure of Project

Angular is best suited for Single Page App (SPA), for getting started with Angular we need to set up the development environment first. So for setting the development for Angular please check out the earlier post for same for Getting Started with  Angular.
1.Create a Project in Angular
For creating the project into angular using angular CLI is very easy, so open a terminal and execute the below command to create the new project.

ng new FirstApp


Wait for some time above command will create the new project along with complete project hierarchy and structure of an Angular project, we required for developing our first SPA app in angular. Make sure you are connected to the Internet before using the above command because above command download some package and dependency from GitHub.

The output of the above command will look like as given below.

create .editorconfig
create README.md
create src\app\app.component.css
create src\app\app.component.html
create src\app\app.component.spec.ts
crea…

Scan and List All Available WiFi Network In Android

In this tutorial, we learn how to connect to a WiFi hotspot in android by code. In this Demo we will create an as small app which will scan the all available network or Hotspot and list down the network when you select specific network, the application will connect that particular network.



You May Like Below Topic:


How to Read and Write JSON data using GSON
WP Android App using REST and volley
WP Android App using REST and volley part2
Implementation of SwipeRefreshLayout in RecyclerView
Create Amazing Bottom Navigation Bar Without Any External Library


Introduction

In this tutorial, we learn how to connect to a WiFi hotspot in android by code. In this Demo we will create an as small app which will scan the all available network or Hotspot and list down the network when you select specific network, the application will connect that particular network. We will add this functionality to our existing Demo app "Video Gallery".

If you would like to check out the demo of the app then downlo…

Responsive Layout In Android Using Constraint Layout

Create Responsive UI with Constraint Layout, this layout enables us to create a large and complex UI hierarchy in flat view, a major advantage of this layout is that we no longer required nested view group. It is similar to relative layout but more flexible than Relative Layout and you can design the layout with Android Studio Layout Editor very easily. So here is the tutorial to create the flat user interface using Constraint Layout.

1. Introduction
ConstraintLayout is available in API library and it is compatible with  API level 9 and upper version. Its design technique is well supported in Android Studio Layout Editor. Using Android Studio Layout Editor you can create the beautiful layout design by just using the drag and drop rather than writing the complete code in XML files. So, in simple word, we can say that we can create flat, flexible layout with this Layout.
2. Add ConstraintLayout dependency to project
For adding the constraintLayout to your project we need to flow the below-m…

Create Amazing Bottom Navigation Bar In Android

Google has added the Bottom Navigation menu to Google Support Library. Bottom navigation bars make it easy to switch between the view within a single layout. As per material design guidelines, now we can add it using a standard library. In this article, I will explain how to add the bottom navigation bar to the android app.



As per material design guideline, bottom navigation bar should be used where we need to use 3 to 5 menu item.  More than that menu item is not recommended for the bottom navigation bar. If you would like to know more about bottom navigation bar recommendation you can check on material design website here.
1. Introduction
In this tutorial, we are going to create an app to show how to use and implement the Bottom Navigation Bar in Android. We will create two fragments with different kind of content and view which will be changed as you touch the tab from Bottom Navigation Bar.
2. Create the project for Bottom Navigation Bar with Activity

So creating the project Go To File…