Javascript

import one JS file into another in the plain JS

Until some years ago, it was not possible to import one js file or block of code from one file into another but since 2015, ES6 has introduced useful ES6 modules. With the module standard, we can use import and export keyword and syntax given to include and export the…

Category : Javascript   16-04-2020   by Luigi Nori

The exciting story of JavaScript (in brief)

Javascript is a client-side programming language that has changed the Internet as we know it today. The term "client side" means that it runs on our web browser without the need for a web hosting. Along with html and css it is one of the 3 pillars of web design. It is…

Category : Javascript   13-04-2020   by Silvia Mazzetta

How to build a basic PWA with HTML and Javascript

Looking at the web for a basic PWA online training exercise, everything I found was just too confused or required libraries/system/stage or another. If we need to learn another innovation, we would preferably not get derailed with redundant subtleties ... We have indeed composed a basic introductory exercise to draw from different…

Category : Javascript   10-04-2020   by admin admin

16 fantastic examples and uses of the parallax effect

Parallax (also called "Parallax scrolling") is a web design effect that consists of simulating the movement of objects on a web at different speeds and in different "layers". By creating the illusion that there is a background and figures in the foreground, it manages to trick our brain into thinking…

Category : Javascript   09-04-2020   by admin admin

Working with JSON in JavaScript

JSON is short for JavaScript Object Notation and an easy - to - access way to store information. In short, it gives us a collection of human - readable data that we can access in a very logical way. In addition to RSS feeds, any sites now share data using JSON,…

Category : Javascript   08-04-2020   by admin admin

Starting with Vue.js: how about using it?

Starting with Vue.js: how about using it?

Vue.js seems to be another JavaScript UI library with a strong community support. If you've got a project coming up and you're wondering which tool to choose from, you can try Vue. View is very easy to learn and in just 10 minutes you can get started with it (actually…

Category : Javascript   06-04-2020   by admin admin

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

Amazing Javascript Game Source Codes for Free

  In this article we will share the code to make simple games with Javascript programming language. The games code can later be your reference material for making other simple games. Before you continue do you already know what is javascript programming ?, if you don't know yet, please read the brief…

Category : Javascript   30-03-2020   by Luigi Nori

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

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

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

Jquery:11 best WJSIWYG HTML5 editors for your website

HTML5 WYSIWYG (What You See Is What You Get) or WYSIWYM (What You See Is What You Mean) is essential today! There is now so many of them around it's hard to find the best ones. Today we are going to present you 10 of the very best jQuery and…

Category : Javascript   18-09-2019   by admin admin

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

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

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

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

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

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

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

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

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

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

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