Adoption of technology 2030

Software development life cycle

waterfall
iterative
agile
Spiral Model…etc

Software Industry focus

  • DevOps
  • Continuous Integration/Continuous Delivery
  • Containerization and Virtualization
  • NoSQL, NewSQL
  • Cloud
  • Microservices, Serverless
  • Blockchain
  • Deep Learning
  • Data-Intensive Applications
  • JavaScript-based Web Development (Angular, React, Vue)

Software Develpment Trends(2030)

  1. Quantum Computing
  2. AI Driven Software Development
  3. Low Code/No Code
  4. Rise of the new Programming Languages
  5. 6G Mobile Network
  6. Autonomous Vehicles
  7. Industrial Robots
  8. Service Robots
  9. Blockchain
  10. New Energy Vehicles (NEVs)
  11. Renewable and Biodegradable Plastics Materials.
  12. Solid-state Batteries
  13. Nanomaterials

programming languages

C, c++
java
.net
php
Python
Prolog
LISP
javascript

JavaScript library:

node.js
angular.js
react.js
veu.js
ext.js
backbone
underscore
kendu

DATA Bases:

SQL and NON SQL

Development Tools:

github
git
git lab
stack overflow
docker
jira
jenkins
confluence
feedly
slack
tmux
the code project
trello
chrome deve tool
sublime text
Axosoft
pivotal tracker
asana
Binfire
grunt glup

Angular Interview Questions

  • about the current project and it’s architecture
  • how the data flow and event propagation will happen from sample popup to its page component in angular
  • How the services and its data handled in AngularJS (1.X)
  • what is your understanding of Responsive application..? what will you do for that..?
  • what is your understanding of cross platform application..? how will you make the application as cross platform..?
  • what is your understanding of cross browser application..? how will you make the application as cross browser..?
  • NodeJS is Single Threaded technology, how it will handle the multiple requests..??
  • how will you create a server in NodeJS using Express framework.?
  • Difference between React and Angular and Which is best
  • Lifecycle methods
  • Explain about Directives
  • Pass data between Parent to Child and Child to Parent
  • How to pass data between modules
  • API methods
  • Handling API response (Success data and Failure data)
  • Why should we inject angular services in component constructor
  • Explain childView
  • Difference between observables and promises and Realtime explanation
  • If html ID selector is 5 time. Which one will take
  • Explain CSS selector
  • Explain Trigger for inactive screen. Normal JavaScript flow is ok
  • Building Blocks
  • Data Binding
  • Local and Global Scope in JavaScript
  • Explain Routing
  • Why Typescript in Angular
  • Explain Pipes
  • Security threads In Angular
  • How to migrate angular1 to angular2 or higher version
  • What is the standard you follow during the development
  • Basic knowledge on AWS
  • where do we deploy angular project?
  • What are lifecycle hook methods, and where we will use it give me an example
  • many type of binding in angular
  • how to we achieve two way data binding
  • what is promise?
  • difference between promise and observable
  • what is bootstrap and how we use in angular
  • what is transcript compiler
  • what is single page application
  • what is css? and how we can apply same css for mobile
  • what is responsive page and how to we achive it
  • how do you write code for media editor using css
  • what is local storage and session storage
  • difference between html and html5
  • explain about http request
  • what are the technology you have worked in backend
  • what is synchronized.
  • Are you comportable with angular only or with css and jquery
  • are you familier in css3
  • what is the version are you using for html and css3
  • do you know any specific class in css3? what is the benifit of css2 over css3
  • which version of angular have you worked on
  • explain about page process
  • content is rendered where first ngInit or html
  • what is the difference beetveen ngInit and ngOnChange
  • which variable you will use parent or child component
  • how will you configure during deployment
  • mostly situation on configuration for dev&Environment
  • what is selector in a component
  • what is service and what are filter in angular
  • do you agree services is a singleton class? if yes what makes service is singleton
  • do you know the purpose of the environment file
  • difference between one way and two data binding
  • AOT and JOT compiler
  • RXJs operator
  • NGRX store
  • Route gurd
  • Auth caurd
  • Difference between authentication and authorization.
  • JWT token
  • how to call multiple api in same time.

CSS

  • how much are you familiar with css
  • do you know how would you define a responsive web design in css
  • how will you define responsive div tag in css
  • tell me different type of selector in css
  • difference between padding and margin
  • are you familiar with esx
  • JS
    -Are you familiar with esx
    • difference between let and var
    • difference between var and const
    • what is a default parameter
    • are you aware of template literux
    • in forloop what is forin and foroff
    • do you know what is map and filter
    • what is observable
    • what is event emiter
    • different between subject and editor Typescript
    • type annotation

Reference:

https://www.code-sample.com/2014/05/angularjs-interview-questions-and.html

Web Development Trends in 2021

voice search optimization
VR/AR audio video player and emoji or streamlined workloads and API first design
push notification
Motion UI
chatbot
cybersecurity
Artificial Intelligence
cloud computing
dedicated mobile friendly design
typography
IOT for web development
PWA(progressive web application)
AMP(accelerated mobile page)

Web API


chute API
webcam
slack
Houndify
lusha

Deploy angular in AWS

this is post is created for my internal purpose and understanding about deploying angular application in aws

If you do the same please review everything and search in google for same issue with other references for better understanding

First create AWS account then go to IAM AWS service
IAM->’users’ on left menu and click add user

  • add username
  • access type(select programatice access)
  • attache existing policy
  • coppy the user keyID
  • go to
  1. setup credential for aws
  • go to git hub page(serverless.com)
    npm install -g serverless
    serverless -version
  1. serverless config credentials –provider aws –key “USERAWSKEY00012312” –secret
    3.ng new myawsomeapp
  2. cd myawsomeapp
  3. ng add @ng-toolkit/userversal
    6.ng add @ng-toolkit/serverless –provider aws
  4. npm run build:serverless:deploy

change url domain: we need to see how to change the aws url in to specific our domain URL

Build & Deploy Angular Application

use following command to take build and copy and past all files from ‘dist’ folder to you server by using FTP or VM

ng build –prod

Suppose If we want to move the file to subfolder then while build the angular application change the base url

ng build –prod –base-href /subfoldername

Suppose if we need to deploy our project in to GitHub repository

go to GitHub website and login then create new repository and follow the below command in locally

npm install -g angular-cli-ghpages

got to the browser: https://github.com/new

login in to the git hub page then create new repository

git init
git add readme.me
git commit -m “first commit”
git remote add origin git@github.com:username/repositoryname
git push -u origin master
ng build –prod –base-href https://username.github.io/repositoryname
ngh

Logging Service Angular

Step1: Create a new service/TypeScript file named log.service.ts. Add the code shown in the following snippet.

import { Injectable } from ‘@angular/core’;
@Injectable()

export class LogService {
log(msg: any) {
console.log(new Date() + “: ” + JSON.stringify(msg));
}
}

Step2: Add the log service in components

import { Component } from “@angular/core”;
import { LogService } from ‘../shared/log.service’;

@Component({
selector: “log-test”,
templateUrl: “./log-test.component.html”
})
export class LogTestComponent {
constructor(private logger: LogService) {
}

testLog(): void {
    this.logger.log("Test the `log()` Method");
}

}

Reference:

https://www.codemag.com/article/1711021/Logging-in-Angular-Applications

Sonorcube Settup in Angular

Step 1 – Install Sonarqube

For installing Sonarqube first download the Sonarqube from https://www.sonarqube.org/downloads/.

Step 2 – Configure Sonar with Angular

run – npm install sonar-scanner --save-dev

Create a file called sonar-project.properties in your Angular root directory and add below attributes

sonar.host.url=http://localhost:9000
sonar.login=admin
sonar.password=admin
sonar.projectKey=test-app
sonar.projectName=test-app
sonar.projectVersion=1.0
sonar.sourceEncoding=UTF-8
sonar.sources=src
sonar.exclusions=**/node_modules/**
sonar.tests=src
sonar.test.inclusions=**/*.spec.ts
sonar.typescript.lcov.reportPaths=coverage/lcov.info

Step 3 – Integrate Karma code coverage with Sonarqube

Add a script called sonar to your package.json

"scripts": {
    "sonar": "sonar-scanner"
}

Finally, run the below command to integrate the Karma coverage with the Sonar server,

npm run sonar

And you will the result directly on the Sonar server by navigating to http://localhost:9000/projects

Reference:

https://codeburst.io/setup-sonarqube-for-angular-application-locally-in-three-easy-steps-8f31e339ac19

https://stackoverflow.com/questions/59902276/how-to-setup-sonarqube-for-angular-7-project

How to setup ENDICA into your website?

Before we can setup with ENDICA,  I will let you know about What ENDICA provides?

 

ENDICA provides XML based web services API for generate the Postage Shipping Label.

We can access the web service by either HTTP post method or using SOAP protocol. By using any one of this protocol we can request for print postage label and once the label is printed the amount will be detected. We can manage the account by ENDICA account also we can request for refund, transaction history, package delivery status and scan the form…etc. for each request we need to use separate API provided by ENDICA.

ENDICA support few mail services like Express Mail, Priority Mail, Critical Mail, …etc.

DEVELOPMENET:

Do not do

  1. Allowing the user to click a button multiple times before a transaction is completed will result in the unexpected purchase of multiple identical labels. Be sure to disable the button until each transaction is completed.
  2.  Be certain that the label is successfully printed before deleting the image file or the Base64 data.

NOTE:

  1. US postage is charged when the label is printed, not when it is scanned.
  2. Any time you have live postage on unused labels or a label that failed to print, you need to submit a Refund Request as soon as possible
  3. You can use the Requesting a Refund API or request a refund through your account at http://www.endicia.com. It takes approximately two weeks for the USPS to authorize a credit to your account.
  4. All postage must be paid at the time the postage label is printed through your prepaid account
  5. Each transaction we required Account ID and Password for safe transaction
  6. Security label have bar code which includes below
    • Delivery Confirmation, Signature Confirmation, or Certified Mail: for First-Class parcels, Parcel Post, Library Mail, Media Mail, Priority Mail, and Critical Mail
    • Express Mail
    • Customs Numbers: for First-Class Mail International, Priority Mail International, and Express Mail International
    • Intelligent Mail bar-code (IMb) and Destination Confirm Service: for First-Class letters and flats
  7. Developer needs keep secure the account numbers, user names, Internet passwords, and PassPhrases
  8. When you create an account with Endicia, all account information and postage information is transferred to the USPS. Any postage that is purchased through ELS is transacted through Endicia, but the money never resides at Endicia. Instead, Endicia issues the transactions to take the money from the user’s account to the USPS.
  9. If you will be printing labels as an image (PNG, JPEG, or GIF), ensure that the dimensions have not been altered (based on the Label Size requested) or the aspect ratio has not been changed. If you are printing to EPL2- or ZPLII compatible printers, you must print sample labels to the printers that you will be using in production, scan or photograph them, and send them to your Endicia Business Development representative for approval

USPS_lable – Labels from thermal printers must print in solid black with no faded areas or grey “hollow” portions.
– The barcode must be centered across the bottom.
–  The IBI (Information Based Indicia) in the upper-right must print clearly
– No portion of the label may bleed off of the edge so that any portion of the image is cut off.

Demo Links:

  1. The ELS Web Service Test Server is at:
    https://www.envmgr.com/LabelService/EwsLabelService.asmx
  2. The WSDL (Web Service Description Language) is at:
    https://www.envmgr.com/LabelService/EwsLabelService.asmx?WSDL

 

 

Example:

Request an International Label in PHP

 

 

Developer Reference:

Refund:     http://www.endicia.com/ELS/refundpolicy.cfm

Payment option: http://www.endicia.com/SignUp/Notice/PostagePaymentOptions

Reference:

  1. https://support.3dcart.com/Knowledgebase/Article/View/543

Learn Basic Git commands

In this section we are going to learn the following

  • What is repository and Git Vs SVN
  • Key terms to understand about Git
  • Installing and documentation
  • Basic git command line fundamental
  • How to Add,Commit,Push , create Branch and merge with master repository

The purpose of git is to keep/store and manage the set of file or your project as you can modify your project files that can be committed to git and git keep/store the information about the modified,added,deleted,committed and branch information for better tracing this is called Repository
Repository is  main place to store your project called (master) form the master you can create number of branches and as many developer can work on different branch and commit and push their changes to master going.
Key Terms

  1. MASTER – this is the main repository for your project
  2. BRANCH – this is child branch of the master
  3. STAGING – Staging is a step before the commit process in git mean if you where create new files that need to be add into staging and then can able to commit.
  4. ADD – If you are created new files that need to be add before commit
  5. COMMIT – Commit your changes to local repository not in
  6. MASTER in order to move to master we need to push
  7. PUSH – push your changes to local repository to master
  8. MERGE – AS many developer can work in different branch and that all together or individual branch can be merge to master but once merge the branch we need to push to master.
  9. CLONE – you can get the local copy of the remote repository by giving the remote repository URL
  10. FORK – This is not git concept and it’s like social media idea people can simply take the source code and work on it themselves separate from the original developers. That would be considered a fork
  11. CHECKOUT – Master repository can have multiple branch repository and if you want to switch from one branch to other branch or master you can simply switch the working repository as current working repository

Git vs SVN

Both are version control system

SVN is central version control system where all master repository can have version control all other developer can clone the specific version and can work them self but must have right access to each version.

GIT is distributed version control system which mean when you clone the remote repository you can get all the files available from master repository mean all developer can have whole copy of the master so that it will be better sync we don’t need to wait for the access more..

Installation and document

You can simply download and install the git from official website and get the document too…

okay now let’s assume we are clear on basic idea about git and let see command line fundamentals now

  1. git –version // check the installed git version
  2. git config global user.name // basic global configuration for track who done the changes and what
  3. git config global user.email // basic global configuration for track who done the changes and what
  4. git config –list // list the global configuration details
  5. git help // you can see the documentation for each command
  6. git help <key> // show the documentation for specific command
  7. git init // If you want to track the project you can use this and this will create .git folder and you can get green or red color icon in each folder green means it’s sync with remote repository and red indicate you there is some difference between your local and remote repository simply can say you have modified,deleted or added new files or folder.
  8. rm -rf .git // If you don’t want to track the project changes you can remove the .git folder
  9. git status // show the status of current activity like edit,create,delete and files or commit,push,merge and create branch…etc also be aware that before commit the files we need to run this comment to know is there any changes in the remote repository to avoid conflict
  10. touch .gitignore // ignore list of files that we don’t want to commit to repository and we can specify the list of files to be ignore in the .gitignore file
  11. git add -A //add all newly created files to staging then we can commit to local repository then push to remote repository
  12. git add . // Add all files to staging
  13. git add <file name> add specific file to staging
  14. git rm — cached // to revert the added files from staging
  15. git reset // revert all added files from staging
  16. git reset <file name> // revert the specific added file from staging
  17. git commit // commit the changes without giving message(Message about changes you have done)
  18. git commit -m “Your message goes here”  //commit with message
  19. git log // show the log about the commits
  20. git clone // Clone the remote repository
  21. git remote -v // show the information about remote repository
  22. git branch -a<branch name> //create branch from master repository
  23. git branch -b // show the list of branch of master
  24. git branch -merged // merge all the branch to master
  25. git merge <branch> // merge the specific branch to master
  26. git branch -d <branch name> //delete the branch from master
  27. git push origin –delete <branch name> // once delete the branch then push to master to get reflected.
  28. git diff // show the change difference beet ween your local and remote repository
  29. git pull origin master // pull the latest code from master repository
  30. git push origin master // push the changes to master
  31. git checkout <branch name> switch the working directory

Yeah! let’s assume we have understand the most of things about git Thank you! for reading.