Core features overview of JavaScript syntax (ES6)
Several changes to JavaScript were introduced by ECMAScript 2015, also well-known as ES6. Here is a summary of a number of the foremost common options and syntactic variations, where applicable, with comparisons to ES5. Variables and constant comparison In the following table, we provide a brief overview of the concepts of scope…
Category : Javascript 11-05-2020 by Janeth Kent
Best Node Js Resources, Courses and Tutorials.
NodeJS is a platform that enables developers to write high-performance and networked applications server side. And using good old Javascript as well. Why should you study NodeJS? To begin with, it never hurts to learn something new. But most importantly, it's great to learn NodeJS. With a focus on modern JavaScript and real-world application,…
Category : Javascript 10-05-2020 by Janeth Kent
First steps into JavaScript – a practical guide 3
After we learned the basic ofaccessing DOM elementsandhow to modify them,we are ready for the more exciting parts – handling DOM events. This allows us to make our web way more interactive, and finally we can put our JS knowledge into practice. User input such as keyboard actions or mouse clicks…
Category : Javascript 07-05-2020 by Iveta Karailievova
First steps into JavaScript – a practical guide 2
In the previous aticleFirst steps into JavaScript – a practical guidewe covered the basics of the DOM and its relation to us becoming JS literate. Now that we know how to access DOM elements, we can continue with learning how to change them. But before we start, let's make sure we…
Category : Javascript 06-05-2020 by Iveta Karailievova
JavaScript: Promises explained with simple real life examples
Handling asynchronous data flows is complex, who hasn't faced codes like this one?: checkWeather('palma de mallorca', (error, weather) => { if (error) throw error; if (weather === 'well') { return checkFlights('palma de mallorca', (err, flights) => { if (err) throw err; buyTicket(flights, (e, ticket) => { if (e) throw e; console.log('ticket nº…
Category : Javascript 06-05-2020 by Janeth Kent
Best Javascript front-end hacking cheatsheets
JavaScript has a extremely high potential to build cutting-edge web applications. But it's really hard to memorize it by heart. The JavaScript cheat sheets therefore act perfectly as a reminder and a comprehensive reference for developers. All popular and special purpose cheat sheets have been discussed above. You now have…
Category : Javascript 06-05-2020 by Janeth Kent
Getting started with Node.Js
Node.js is a JavaScript runtime environment (hence its .js termination in reference to the JavaScript language). This real-time runtime environment includes everything you need to run a program written in JavaScript. It also brings many benefits and solves many problems, so it would be more than interesting to take our…
Category : Javascript 06-05-2020 by Janeth Kent
First steps into JavaScript – a practical guide
For those who are new to web development, surely the amount of new terminology can sometimes be discouraging. But when it comes to learning JS, some of the first new concepts you definitively should wrap your head around is the Document Object Model and what it implies. To keep it simple…
Category : Javascript 05-05-2020 by Iveta Karailievova
JavaScript Development Services and How It Works
JavaScript is a programming language. This scripting language, however, is used to create features on web pages. As a result, it helps to make web pages alive. All that stuff that you see or do on the internet or websites or web applications is because of JavaScript. It is used to…
Category : Javascript 17-04-2020 by Luigi Nori
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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