JavaScript. What's new in ES2020?
As we discussed in our article about the ES2019 features you should try, ECMAScript's proposals will continue to grow and give rise to new implementations. Therefore, you can already access the new ECMAScript features summarized in ES2020. So, in order not to miss the train, it is worth to be informed…
Category : Javascript 05-04-2020 by Silvia Mazzetta
A List of Awesome games made with HTML5 and JavaScript
Browsers and JavaScript are becoming more powerful and more comprehensive. There was a time when any type of game needed Flash. But the stage now is set for powerful HTML5 and WebGL games! Here are 30 of our favorite games running in all modern browsers and only using web technologies. Enjoy! HexGL HexGL…
Category : Javascript 01-04-2020 by Janeth Kent
Cross-Origin Resource Sharing (CORS) and examples of XSS and CSRF
Cross-Origin Resource Sharing (CORS) enables web clients to make HTTP requests to servers hosted on different origins. CORS is a unique web technology in that it has both a server-side and a client-side component. The server-side component configures which types of cross-origin requests are allowed, while the client-side component controls…
Category : Javascript 30-01-2020 by Luigi Nori
Top free JavaScript User Authentication Libraries
We are keen on security: authentication is an important issue when creating a dynamic web application Authentication is for identifying users and provide different access rights and content depending on their id. Since new tutorials appear on the web and more people try to understand the cost-benefit equation for implementing their…
Category : Javascript 29-01-2020 by Janeth Kent
How to Generate Static Sites with JavaScript Static Sites Generators
Static websites and so-called JAMstack have become pretty popular recently. And with 2020 on the horizon, this trend doesn't seem to be stopping. Why? Why is old-school HTML + CSS + JS trio in its redesigned and renamed form gaining so much attention? In this article, we'll explore what the…
Category : Javascript 13-12-2019 by Luigi Nori
Vue.js: a quick start guide for beginners. Part 1.
Learning a new framework can be a very complicated process for any developer, especially for someone that is still learning the basics of JavaScript. For this reason, we decided to create this series, which will make Vue.js learning as easy and digestible as possible. How to integrate Vue.js to your project There…
Category : Javascript 10-12-2019 by Janeth Kent
Why is React so popular as a JavaScript library?
If you want to know why React is so successful as a JavaScript library, we need to talk about its main features to find out what it is currently used for and why it is so effective. When we access an application within a web page that requires continuous requests, if…
Category : Javascript 19-09-2019 by Silvia Mazzetta
Javascript overcomes Java as the most popular programming language of 2019
The competition between Java and Javascript (in terms of popularity, not in use) has been going on for years. But it seems that Javascript is gradually consolidating as the most popular programming language of recent years. Or at least 2018, as revealed by a survey of 71,000 developers carried out…
Category : Javascript 18-09-2019 by Silvia Mazzetta
Vue.js 3.0: What are Hooks and how they work
This article introduces an experimental Vue feature called Hooks. Before you start This post is suited for developers of all stages including beginners. Here are a few things you should already have before going through this article. You will need the following in your pc: Node.js version 10.x and above installed. You can verify if…
Category : Javascript 06-09-2019 by Luigi Nori
Vanilla JavaScript equivalent commands to JQuery
JQuery is still a useful and pragmatic library, but chances are increasingly that you’re not dependent on using it in your projects to accomplish basic tasks like selecting elements, styling them, animating them, and fetching data—things that jQuery was great at. With broad browser support of ES6 (over 96% at…
Category : Javascript 29-08-2019 by Luigi Nori
What's new in Angular?
In version 8.0.3 of Angular we can find great changes and say goodbye to our beloved companion the home page of Angular which has been re-designed with a fresh attractive theme with more useful links and of course the vision of what can become our application to update we must…
Category : Javascript 26-08-2019 by Janeth Kent
React: 4 types of components to rule them all
If you have already worked with React, you will probably have found terms like "dumb components", "stateless components" or "high order components" which serve to describe different ways of defining and creating components in an application. The aim of this article is to explain the different types of components we can…
Category : Javascript 20-08-2019 by Janeth Kent
Implementing Quicksort algorithm in Javascript
We've been wanting to write an article about sorting algorithms for some time now because sometimes we forget how useful they can be when we want to optimize our code. So yesterday we played with the quicksort algorithm in Javascript (one of the most efficient when you have to order arrays).…
Category : Javascript 16-08-2019 by Janeth Kent
How To Disable Right Button of Mouse in Web Pages
In this snippet we are going to see how to block the right mouse button to prevent the user from taking out the context menu. This is good because in this context menu appears, among other options, to show source code. Now that we can think that by deleting this context…
Category : Javascript 12-08-2019 by Luigi Nori
Javascript Arrays - Immutable functions
In these years, we have been playing with React, which has allowed us to deeply explore Javascript and concepts such as functional programming. This has led us to study concepts such as pure functions and immutability (both primary basis for libraries like Redux) and try to put them into practice whenever…
Category : Javascript 09-08-2019 by Janeth Kent
How to conditionally build an object in JavaScript with ES6
The arrival of ES6 brought us, among many other news, the spread syntax, which, as you will already know, allows us to save a few lines of code and improve legibility. Specifically, this syntax allows us to destructure the parameters that we pass to a function so that our code goes…
Category : Javascript 09-08-2019 by Janeth Kent
10 Javascript tips and tricks you should know
Javascript is the most widely used language in fullstack development thanks to the boom in recent years in libraries and frameworks such as NodeJs (backend) and React/Angular/Vue (frontend). However, regardless of which one you use to develop, there are a number of tricks and tips common to all of them…
Category : Javascript 08-08-2019 by Janeth Kent
The best open source javascript template engines
Today we want to publish a resource that can generate an instant boost in your workflow, here we have a list of the Best JavaScript template engines to choose from, and each of them could make your development faster and easier. When you build a JavaScript application, you'll almost certainly use…
Category : Javascript 07-08-2019 by Janeth Kent
Implement Internationalization in Javascript (a headache for developers)
Definitely, programmers living in the U.S. (and few additional locations in Mexico and Canada) are luckier than us about the age-old problem of internationalizing methods. This makes their life so much easier because they don't have to think about internationalization: not about converting to distinct date formats, not about the idiosyncrasies…
Category : Javascript 12-07-2019 by Janeth Kent
Progressive Web Apps Directory: The Best Collection of Resources
Get started with progressive web apps and learn things in depth, this page will list the best resources we know of to help you understand Progressive Web Apps (PWAs) . Make sure to bookmark this page, as this is a living document that we’ll be adding to from time to time.Progressive…
Category : Javascript 20-06-2019 by Janeth Kent
Understanding the JavaScript language (guidelines for beginners)
What began in 1995 as a modest 10-day project is now one of the world's most commonly used programming languages. JavaScript is actually everywhere, thanks to more advanced JavaScript engines and the introduction of frameworks like Node, Apache Cordova, Ionic, and Electron that took the language beyond the simple web…
Category : Javascript 18-06-2019 by Janeth Kent
7 Useful tricks for writing more concise and performant JavaScript
When we started writing about JavaScript, we created a list of every time-saving trick we discovered in the code of other people, on websites, and anywhere other than the tutorials we used. Since then, we've been contributing to this list and now we are going to share 11 triks that strike us as particularly smart or helpful.…
Category : Javascript 04-06-2019 by Janeth Kent
JavaScript: Variables & Scope. A Visual Guide.
We often speak of discrepancies between var, let and const But more often than not, we still see developers struggling to fully grasp the idea of how everything works. That's because concepts are rarely visualized. Let's catch a glimpse. Not all scopes are identical. Do not memorize scope rules for each type of scope. Try…
Category : Javascript 13-05-2019 by Janeth Kent
The Bible of the Best Node.Js Frameworks
Node.js is the platform built on chrome’s javascript runtime for easily building fast, scalable network applications. It uses an event-driven non-blocking IO modal that makes it lightweight and efficient. node.js is perfect for data-intensive real-time applications that run across distributed devices. Node.js frameworks can help to streamline the development of web…
Category : Javascript 09-05-2019 by Janeth Kent
Advantages of Progressive Web Applications
The unstoppable increase in the use of mobile devices to connect to the Internet has resulted in the fact that it is no longer enough to have only one web page to have an online presence. Right now, any company that wants to stand out and build customer loyalty must also…
Category : Javascript 08-05-2019 by Janeth Kent
Developing a JavaScript video game: Part 2
This article is the second part of a Javascript game tutorial. Here you can read the first part Let's create the spaceship Now that the background is finished, we can start setting up our space vehicle! Let's create a Player.js file and add it as a script to index.html. In essence, we want this…
Category : Javascript 06-03-2019 by Janeth Kent
Developing a JavaScript video game: Part 3
Here we are! We're back with the third part of the article . If you missed it, read the first part or the second one. So, now you may be able to fire (static) rockets by pressing the spacebar. Let's see what the next steps would be. To make the fire rockets move,…
Category : Javascript 06-03-2019 by Janeth Kent
Highlights from the JavaScript Style Guide of Google
For anyone who is not already acquainted with it, Google provides a style guide for writing JavaScript that gives the best stylistic practices for writing clean, understandable code (what Google believes to be). The guide does not present difficult rules for writing valid JavaScript, but only tips to keep the source…
Category : Javascript 27-02-2019 by Janeth Kent
CSS in JavaScript (CSS-in-JS) Vs CSS in CSS
What actually is CSS-in-JS? You've certainly heard or read words like CSS-in-JS, Styled Components, Radium, Aphrodite and you're and you're stuck in limbo there, "why is it? I'm completely happy about CSS - in - CSS!" We are here to explain these new concepts and clarify them. That said -feel free to use…
Category : Javascript 26-02-2019 by Janeth Kent
Javascript: Introduction to ES6 classes
An exciting new construct that was introduced in the ES6 specification is the ES6 classes. If you're a Javascript developer, you will be aware that Javascript follows prototypal inheritance and sometimes it can get a little messy, with ES6 classes the syntax is simpler and much more intuitive. However, contrary to…
Category : Javascript 26-02-2019 by Janeth Kent