Skip to main content

Posts

What are Progressive Web Applications

This article will help you to answer following questions : What are Progressive Web Applications ? How are they different from Mobile and Web Applications ? What are the advantages of building Progressive Web Applications ? What are Progressive Web Applications? The concept of Progressive Web Applications was first introduced by Google in 2015. The applications built using this technology utilizes the best of both worlds from Mobile and Web Applications. Mobile applications are those applications which are particularly designed keeping mobile phones and their sizes in mind so that the look and feel of these applications are best to view in mobile phones. Similarly Web applications are designed in such a way that the look and feel is best to view the applications in bigger screen devices like laptops and desktops. Now comes a newer version called Progressive Web applications which can be viewed in different devices using the same application code. How are they different...

Outsystems Integrations - Connecting to Microsoft Azure Sql Server

In this article, I will show you how to set up your own Microsoft Azure SQL Server Database and then how to integrate this SQL Server database in Outsystems. Create a free Microsoft Azure Account. https://portal.azure.com. Microsoft Azure is a cloud computing service for building, deploying and testing application through Microsoft managed data centers (similar to Amazon’s AWS services) Microsoft provides free accounts with free credit of $200 to spend in the first year of new account. I am using this feature to create a Microsoft Azure SQL Server database in the cloud and will show how easy it is to connect this Azure AQL Server from Outsystems. Click on Add button to add a Azure SQL Database Fill in the details and click on Create button. Your deployment will take few seconds to few min to create. Look for the status in the table. It will change to Created automatically without refreshing the screen and finally when your screen says deployment is compl...

Consuming Workday WSDL into Outsystems

WSDL (Web Service Description Language) is an XML format for describing network services as a set of endpoints operating on messages containing either document-oriented or procedure-oriented information. The operations and messages are described abstractly, and then bound to a concrete network protocol and message format to define an endpoint . Generally consuming a WSDL (Webservice Description Language) in Outsystems is an easy task but it might get trickier when the WSDL has unsupported use cases built into it. This article will help to understand the difficulties associated with such unsupported use case and attempts to provide a solution. Here is the list of unsupported SOAP use cases from Outystems: https://success.outsystems.com/Documentation/11/Extensibility_and_Integration/SOAP/Consuming_SOAP_Web_Services/Unsupporte d_SOAP_Use_Cases#list-attribute-in-a-single-list-attribute Workday WSDL: The following link provides the WWS (Workday Web Services) API Documentation f...

Typescript Basics

Typescript language is a wrapper around javascript language. Any javascript code can also be a typescript code, but typescript has additional features like Strong Typing, Object Oriented features, Catching errors during compile time. In Angular applications, all javascript code is generally written in typescript. Angular CLI under the hood compliles the typescript file into javascript before bundling in the deployable package. We can individually learn Typescript without using Angular CLI by downloading Typescript using npm (node package manager). Basic commands before working on typescript:  ---------------------------------------------------------------------------------  Command used to install typescript                           ---------------------------------------------------------------------------------  Use ctrl+~ to open the terminal window in visual    studio code    ...

Angular Basics

Angular is component based framework. Each page in application has different components and tied to the root component. Each component has its view (html) , css(stylesheets), ts(typescript files containing logic), spec.ts (used for unit testing component) Prerequisites: ------------ Download - Node.js (Runtime for angular applications) - npm (node package manager - to install dependencies for angular) - angular cli (command line interface for generating, running angular projects) Angular CLI Commands: ---------------------- ng new (creates a fresh application) ng serve (starts the application on node server) ng generate component (To create a new component) Visual Code Commands: Open a terminal window - Control + ~ Module vs Components: -------------------- Each module may have one or more components. Each component will have HTML, logic and Data. Steps to create a component: Create a component.  - Naming convention for component : .component.ts  - Components uses decorat...

How to take Full Page Screenshot using Google Developer Tools in Chrome Browser

Click on 3 vertical dots on the top right hand side of the browser. Click on 3 vertical dots again in the Developer Tools Menu and choose "Run Command" option or use keyboard combination ctrl+Shift+P. If you do not see Developer Tools you might have to go to chrome settings and enable this option in your chrome browser. Now type "Capture Full Page Screenshot" in the command bar. Thats it. You should now see the whole page you are viewing will be downloaded automatically in your PC as a PNG file.

Springboot Microservices Tools And Dependencies – Spring Cloud Config

There are various tools and dependencies which are available in Spring Starter project which are very useful in creating better spring based microservice architectures for developing mobile or web applications. Here is one such commonly used tools if you are using the springboot microservice architecture in designing your applications. Spring Cloud Config Server : This dependency is used for externalizing the configuration properties in various microservices present in your organization. The main advantage of using Spring Cloud Config Server is that you can get away from deploying or restarting your services if there is only configuration change made in your microservice. Generally, if you change any property in your microservice, you will have to restart the microservice to see that change. But if you configure your properties in the Spring Cloud Config Server, the changes will be affected automatically in the applications. Steps to activate this dependency: ·   ...