Do you want to know how to develop your skillset to become a Web Rockstar?
Subscribe to our newsletter to start Rocking right now!
To get you started we give you our best selling eBooks for FREE!
1. Building web apps with Node.js
2. HTML5 Programming Cookbook
3. CSS Programming Cookbook
4. AngularJS Programming Cookbook
5. jQuery Programming Cookbook
and many more ....
Email address:

FREE Programming books with the WCG Newsletter

Here at Web Code Geeks we know how much you love books about programming; we are geeks ourselves. After all, a programmer that respects himself should always have his face in a book, he has to keep up with the latest technologies and developments. For this reason, we have decided to distribute 9 of our books for free. You can ...

Read More »

JavaScript runtime environment

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 ...

Read More »

HTML5 – Styling a Progress Bar

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 ...

Read More »

JavaScript: Porting from react-css-modules to babel-plugin-react-css-modules (with Less)

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 ...

Read More »

From Zero to App: The Cross-platform Development Approach Simplified

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 ...

Read More »

AngularJS ng-change Directive Example

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 ...

Read More »

AngularJS if/else Example

Hello readers, in this tutorial, we will learn how to implement and use the ng-if directive in the angular web applications. For this tutorial, we’ll have a checkbox element that will display the output if and only if the given condition is satisfied. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build ...

Read More »

Making Dumb Components Smart: Refactoring

Learning new skills is how we as programmers stay sharp and stay employable. I recently started a gig that gave me an opportunity to learn something new, but I had to develop a few workarounds to learn a new framework and make it do what I needed it to do. Boilerplate code can help jump-start a project. You can find ...

Read More »

AngularJS Hover Example

Hello readers, in this tutorial, we will learn how to implement and use the ng-mouseover event in the angular web applications. For this tutorial, we’ll have the hover functionality attached to a button. 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 ...

Read More »

Fixtures in PyTest

1. Introduction PyTest is used for developing automation tests using python. It is a very powerful framework that can be utilized to write effective test automation scenarios in python. PyTest framework makes it easy to write small tests, yet scalable, to support complex applications and libraries. 2. PyTest fixtures The purpose of test fixtures is to provide an inbuilt baseline ...

Read More »