Web Code Geeks Web Developers Resource Center

This may not be the correct way; heck, this may be the crappiest way. I’m putting this up because I could not find a single decent sample on how to do it with JS. The approach in this post uses NodeJS (server-side), but it is possible to do the same on the client side by loading the Google API client ...

Hello readers, in this tutorial, we will learn how to implement and use the ng-click directive in the angular web applications. For this tutorial, we’ll have a button that will display an output message when it is clicked. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and ...

Google’s CloudBuild (a.k.a. “Container Builder”) is an on-demand, container-based build service offered under the Google Cloud Platform (GCP). For you and me, it is a nice alternative to maintaining and paying for our own build server, and a clever addition to anyone’s CI stack. CloudBuild allows you to start from a source (e.g. a Google Cloud Source repo, a GCS ...

Discover faster, more efficient performance monitoring with an enterprise APM product learning from your apps. Take the AppDynamics APM Guided Tour! Learn best practices for implementing and monitoring containers and microservices, and what to do if you need a new application monitoring solution. Get Ahead of Microservices and Container Proliferation with Robust App Monitoring Containers and microservices are growing in ...

Have you just started learning JavaScript? Or maybe you already have some language experience but want to understand JavaScript runtime in more details? Whatever reason brought you here, there are a few elements of JavaScript runtime that you should get to know. In this article, I’m going to show you how the JavaScript runtime environment works under the hood. You’ll ...

The progress tag introduced in HTML5 can be used to represent the progress of a task. For example, the following code: <progress value="80" max="100"></progress> displays: Unsupported browser Different browsers display the progress bar in different styles: Changing the colour of the progress bar: Now let’s say that you wish to change the colour of the progress bar so that it ...

I recently found a bug in react-css-modules that prevented me from upgrading react-mobx which prevented us from upgrading to React 16. Then, I found out that react-css-modules is “no longer actively maintained”. Hence, whether I wanted to or not, I was kind of forced into moving from react-css-modules to babel-plugin-react-css-modules. Doing the port is mostly straightforward. Once I switched libraries, the rest of the ...

The demand for mobile application developers is extremely high. However, learning each platform’s native programming language and toolsets can be a significant, time-consuming challenge. Fortunately, there’s a better way! Cross-platform application development. The goal of cross-platform development is to create software that seamlessly runs on multiple platforms using one set of tools and programming languages. The benefits of this approach ...

Hello readers, in this tutorial, we will learn how to implement and use the ng-change directive in the angular web applications. For this tutorial, we’ll have the change event attached to a checkbox. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. But before ...