What is Udeploy?

About Udeploy:-

The Udeploy is an IBM product for automating the process of deployment with continuous delivery in agile-based development. It orchestrates a complex production environment and changes across servers, tiers, and components. Its tracks are very clear what are the changes, who made the changes & where and make it visible. If you require on-premises or as-a-service, IBM Urban Code Deploy helps you hurry your time to market, drive down deployment costs, reduce risks and achieve incessant delivery.

What IBM Urban Code Deploy provides?

The IBM Udeploy is available in a diversity of licensing plans. It is also available as a held service. For the information about buying options, see the IBM Marketplace.

  • To automated, consistent deployments and rollbacks of applications.
  • To automate provisioning, updating, and de-provisioning of cloud environments.
  • To orchestration of changes across servers, tiers and components.
  • To configuration and security differences across environments.
  • To clear visibility: what is deployed where and who changed what.
  • To integrated with middleware, provisioning and service virtualization.

What are the uses of Udeploy?

  • Continuous Delivery: To integrate with build and test tools to mechanically deploy, test and endorse new builds.
  • Production Deployments: The Score a multifaceted production deployments of applications and configuration.
  • Self-Service: The Funding different teams rights to “push the go button” for different applications and surroundings.
  • Incremental Updates: The Deploy only the changes mechanisms or lost incremental (patch) versions.

What are the features of Udeploy?

Multi-Tier Application Models:-

The Modern applications are often made up of many components. Maybe a three tier application with database, app and content components, or a mobile application with the real mobile application and back-end web services. Even though it is related to collections of batch programs are seen as a logical application. The Urban Code Deploy paths which components make up an application so they can be deployed and follow. The Snapshots offer the aptitude to create a version of the application summarising versions of each of the components.

Easy Process Designer:-

The Deployment automation tools need to distinguish how to deploy your applications. In Urban Code Deploy, the processes are clear in browser in using a simple drag and a drop process upscale. The Component processes are composed of automation steps delivered by addition plugins. The application processes are calm of component processes.  The steps may be run in order or in parallel. Transitions among steps are governed by rules.

Deploy to Public, Private, and Hybrid Cloud:-

By using the blueprint designer you can perfect cloud surroundings and how your applications are deployed to those environments by a simple graphical editor. You can connect to clouds and model the computer-generated images in the environment and you can add your application components to those images. The blueprint designer ropes public and private clouds with IBM Blue mix, IBM Soft Layer, Amazon Web Services, Microsoft Azure, VMware centre, and OpenStack-based clouds.

Scalable Distributed Automation:-

The Urban Code Deploy is made to support mission-critical deployments to thousands of servers in numerous data centres. The Master server gathering support provides high obtainability and horizontal scalability of the deployment automation tool. The Urban Code Deploy uses light-weight deployments agents which offer an immediate company on or near the target.

Quality Gates and Approvals:-

Some of the environments, deployments may not be allowed until some conditions are met. But the types being deployed must have passed tests or received a blessing from a team. The time and date of the deployment must be accepted by several people. The Urban Code Deploy delivers Environment Excellence Gates as well as Approval Processes to help you ensure that only the right paraphernalia goes out at the right time. As these rules are set per application and each environment and early test environments are probable to be setup to not need approvals.

Integrations Replace Custom Scripting:-

The tested additions are provided with lots of tools to make the deployment process calmer to design and less dangerous. The additions are if for application servers, load balancers, databases, testing tools, build servers and more. The values are to manage configuration files, registry settings and the like are also available.


The Urban Code Deploy is a tool for automating application deployments finished your environments. It is designed to ease rapid feedback and continuous delivery in supple development while providing the audit trails, versioning, and approvals needed in production.

Tagged : / / / /

Bootstrap:-Component “Navigation bar”

The navbar is one of the prominent features of Bootstrap sites. A navigation bar is a navigation header that is placed at the top of the page. the navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class.

Format of nav bar:-

  • Vertical Navbar by using class=”navbar-nav”.
  • Centered Navbar by using .justify-content-center class to center the navigation bar.
  • Colored Navbar by using any of the .bg-color classes to change the background color of navbar.
  • Brand/Logo by using .navbar-brand class is used to highlight the brand/logo/project name of your page.
  • Collapsing The navbar  To create a collapsible navigation bar, use a button with class=”navbar-toggler”, data-toggle=”collapse” and data-target=”#thetarget”.
  • Navbar With Dropdown.
  • Navbar Froms and Buttons Add a <form> element with class=”form-inline” to group inputs and buttons side-by-side.
  • Nevbar Text use .navbar-text class to vertically align any elements inside the navbar that are not links.
  • Fixed Navbar by using .fixed-top or .fixed-bottom class to make the navbar fixed.
  • Sticky navbar use the .sticky-top class to make the navbar fixed/stay at the thop of the page.
Tagged : / / / / / / / / / / / / /

Different ways to write the transitions in any tag or button using HTML & CSS.

In this blog, I am creating different transitions in buttons & div using HTML & CSS. So, Let’s create an index.html & style.css below-

In, this index.html multiple div, tag with multiple class which is defined below style.css-

In, this style.css I am used multiple classes with multiple functionalities as color, padding, margin, opacity, width & height. When you using this index.html & style.css then shows below image-

When you used the cursor then shows transitions property hover effects.

Below is one more index.html for transitions hover property-

Below is style.css for the used upper index.html –

button { height: 90px; width: 290px; font-size: 28px; color: white; border: none; background-color: blue; transition: all 3s ease-in 2s } button:hover { background-color: green; color: black; border-radius: 50%; }

When you used index.html & style.css then show below-

When you used the cursor then show transition hover effects.
Tagged : / / / /

Bootstrap:-Component “model”

A modal window creates a mode that disables the main window but keeps it visible, with the modal window as a child window in front of it. … Users must interact with the modal window before they can return to the parent application. This avoids interrupting the workflow on the main window.

Simply define the Modal component as a dialog box/popup window that is displayed on top of the current page.

  • .fade class for add animation.
  • Model Size like model-sm, model-lg, model-xl.
  • Centered Model .model-dialog-centered class.
  • Scrolling Model use by adding .model-dialog-scrollable to .model-dialog in class.
Tagged : / / / / / / / / / / / /

What is Hashicorp Packer?

Building an images is not easy like that it done everybody every day, In past time they tend to be a manual process that once configured is forgotten about or at best the procedures carried out to build the image are captured in a runbook that gets saved on a share or in a document library cannot be read again until somebody corrupts the gold master image or may be when it becomes too bloated with updates.

Therefore, it is completely useless process and you end up having to start from zero.

What is Hashicorp Packer?

Packer by Hashicorp, It is an open source tool which is used for creating identical machine images for multiple platforms from a single source configuration. Packer is lightweight, easily runs on every mainly used operating system. It creating machine images in parallel.

It does not replace configuration management like Chef or Puppet. Although, when building images, it is able to use tools like Chef or Puppet to install software onto the image.

Hashicorp has 4 builders that allow Packer to install new virtual machines to VMware products. These are:

  • vmware-iso
  • vmware-vmx
  • vsphere-iso
  • vsphere-clone

Advantages of victimisation Packer

Super quick infrastructure readying.

Packer image permit you to launch fully provisioned and designed machines in seconds, instead of many minutes or hours. It advantages each production and development in addition.

Multi-provider portability.

Packer is used for making identical pictures for multiple platforms on same time, you’ll be able to run production in AWS, staging/QA during a non-public cloud like OpenStack, and development in desktop virtualization solutions VMware or VirtualBox.

Improved stability.

Packer installs and configures all the code for a machine at the time the image is made. If there are bugs in these scripts, they’re going to be caught early, instead of many minutes once a machine is launched.

Greater testability.

By building a machine image, that image will be quickly launched and smoke tested to verify that things seem to be operating. If they’re operating then you’ll be able to be assured that the other machines launched from that image can operate properly.

Why would you use Packer as all this can be done with Terraform?

Packer Provides organized machines intead of programmatically building out each server into.

An autoscaling group on AWS will significantly increase the speed that a scale-up the process and it will take in times of congestion. It’s a matter of distinguish different parts of a process.

The image is assumed to contain the stack below what you’re developing, and is assumed to not change as part of your development method, but amendment as security patches, software updates for operating system and middleware are available.


Hopefully this introduction to Packer has shown you the ability of the merchandise. it’s not a troublesome product to use and therefore the flexibility it brings to your CI/CD workflows is well well worth the advantage of the time taken to induce personal with it. the actual fact that you just will build out a fully-configured machine to be utilized in your autoscaling teams rather than expecting your terraform builds to complete a full machine readying and application installation is golden.

If you want to learn Hashicorp Packer Go checkout DevOpsSchool, one of the best institute for Harshicorp packer Course and training.

I hope you find this particular blog helpful and informative.

Thank You!!

Tagged : / / / /

How do you transition multiple properties in CSS & HTML?

You know that a what is transition property in the previous blog. transition property can transition two (or more) CSS properties by separating them with a comma in your transition or transition-property property. You can do the same with duration, timing functions, and delays as well. If the values are the same, you only need to specify one of them.

In this blog, I am creating multiple transitions multiple properties in CSS & HTML. So, creating below index.html and style.css

When you used upper index.html & style.css then show like button when use cursor then shows hover effects.
When you used upper index.html & style.css then show like button when use cursor then shows hover effects.
When you used upper index.html & style.css then show like button when use cursor then shows hover effects.
Tagged : / / / / / / /