Skip to main content

How to create a basic ionic3 + mobile application

· One min read
  1. To start a new app, open your terminal/command prompt and run the following command

ionic start IonicMobileProject sidemenu

  1. To view the app in browser  run the following commands

cd IonicMobileProject/

ionic serve

Web developer resources

· One min read

HTML/CSS/Javascript
https://developer.mozilla.org/en-US/docs/Web/CSS
https://developer.mozilla.org/en-US/docs/Web/HTML
https://developer.mozilla.org/en-US/docs/Web/JavaScript

Verifying HTML and CSS
To verify HTML: http://validator.w3.org/#validate\_by\_input
To verify CSS: http://jigsaw.w3.org/css-validator/#validate\_by\_input

Angular Vs React which one you use

· 2 min read

Technology evaluation is some times challenging when we have best technologies available. Let us see who wins Angular or React.
Features

Framework / Ecosystem​

Angular 4

Angular 4 is an MVC Framework itself.

React

React is only a view library one needs to choose the different libraries to make the Best Ecosystem. Refer my post for choosing the better parts to build a React Echo system

Summary: It takes time to build Ecosystem in React. Once built developers need not worry about the Ecosystem.

Visual Studio Code Theme customization

· 2 min read

My favorite source code editor is Visual Studio Code. Every day I use it for my web application, PWA ( progressive web application) and Ionic Mobile apps development. It is a light weight open source code editor developed by Tech giant Microsoft.

We can customize the look and feel of the editor according to our taste and comfort. In this small blog post I will show how modify the workbench.

React Eco System / Framework

· One min read

To build a production quality web application using React following are the parts (libs/ components/) which constitutes one of the best React Eco system or frame work are listed below.

REACT​

Docs: https://facebook.github.io/react/docs/
Github: https://github.com/facebook/react

REACT-ROUTER​

Github: https://github.com/reacttraining/react-router
Docs: https://reacttraining.com/react-router/web/example/sidebar

REDUX​

State container for JavaScript apps
Docs: http://redux.js.org/
Github: https://github.com/reactjs/redux/

REDUX-SAGA​

  • Make side effects i.e. asynchronous things like data fetching
  • Makes impure things like accessing the browser cache
    Docs: https://redux-saga.js.org/
    Github: https://github.com/redux-saga/redux-saga

AXIOS​

Promise based HTTP client for the browser and node.js
https://github.com/mzabriskie/axios

REACT-BOOTSTRAP​

Docs: https://react-bootstrap.github.io/components.html
Github: https://github.com/react-bootstrap/react-bootstrap

classNames​

A simple javascript utility for conditionally joining classNames together
https://github.com/JedWatson/classnames

Design Patterns and there advantages

· One min read

What are Design Patterns​

Design patterns are solutions/patterns to problems which occurs in many situations.

'd'

Advantages of Design Patterns​

  1. Developers can select a tried and well tested solutions
  2. Makes development and maintenance of code easy and fast
  3. Design patterns are language independent hence we use them in any language which supports object oriented
  4. Highly flexible and can be used in any application/domain
  5. Using design patterns we can create reusable object oriented designs

The more you know

· 2 min read

As the Software Industry changes rapidly one needs to update their skills. Whoever involves in the software development needs to write down there skills and analyze are the skills up to date. There are many ways to add or update your skills.

Operating Systems​

If you work on the Windows OS at work try to use Linux/Ubuntu or Mac at home or vise-versa

Programming Languages​

There are tons of freely available resources on internet to master any programming language try to learn new language. Explore where you can apply the new language. There will be always room to improve the existing project in order to remove the road block for that you may try new language as different language solves the problem in different approach. For example if you are a C++ developer its easy to master C# or Java

Front-end/UI Technologies​

Currently there are many popular UI technologies like React, Angular etc. if you know one experiment on another to know best of both worlds

Attend Conferences​

Hundred’s of web/in-person conferences are conducted by technology companies. Spend your spare time to attend them, definitely you will get exposure on what’s latest and it's a great opportunity to meet awesome technology pundits.

Read a Book​

Some people says reading  books is a boring job. During our education we may read many books thinks that it's another additional book to read, who knows that may change you world :)

Keep a target to complete one book ( Technical/Self Help ) in a month.

Experiment, Experiment​

We might work on many tools and technologies every day - until you develop anything from scratch you may not understand nuts and bolts work together. So develop a habit of  experimenting with sample applications from scratch.

Current​

Keep an eye on latest trending technologies like AI, ML, BOATS etc.  

Finally the more you know the valuable you would be at work or in society.

Progressive Web App (PWA)

· 2 min read

A Progressive Web App (PWA) is an web application which gives an App like experience on mobile devices. PWA are developed with web technologies. These apps need not be installed and can be just access on the mobile browser by adding a short cut to the Home screen using ‘Add to Home Screen’ browser option. PWA fills the gap between mobile websites and mobile apps.

Currently PWA are developed by many Software companies you can find the references from PWA Rocks website

Microsoft Bot in steps

· One min read

First thing first​

Steps
1. Install Visual Studio 2015 Update 2 or higher.

2. Download the project template zip from here
Save the file to %USERPROFILE%\Documents\Visual Studio 2015\Templates\ProjectTemplates\Visual C#.

3. Install the BotFrameworks which gives the Bot Emulator
here

4. Build the project and launch on the browser

5. Open emulator and add the your url http://localhost:3978/api/messages port number 3978 may vary based on the the endpoint launch and leave the MicrosoftAppId field and MicrosoftAppPassword field empty

6. To check the bot is working
In emulator bottom Text Box enter a message say hello, this message will be echoed back to you, like below
You sent hello which was 5 characters

Reference:
Microsoft documentation