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
Vue.js: a quick start guide for beginners. Part 2
In the previous article, we discovered out how to add Vue to our index.html with a regular < script > tag and we were able to add our first reactive property to the page. Today, we will learn how to change this property through the user input field. Our code should be…
Category : Javascript 25-02-2019 by Janeth Kent
Vue.js: a quick start guide for beginners. Part 3
Welcome here again! Last time we didn't listen to our very first user events and and methods to react to these events. Now we are going to explain directives and conditional rendering. if-else Regardless of the framework, one of the most important tools under any programmer's belt is conditional rendering. Depending on…
Category : Javascript 25-02-2019 by Janeth Kent
JavaScript challenge for old developers
Let's take a moment to talk about you and your relationship with JavaScript before we talk about all the technical things. If you're like me, you've been writing HTML documents with HTML "development" (=_=) for a long time. You've found this strange thing called JavaScript, but you've only used it in…
Category : Javascript 24-02-2019 by Janeth Kent
Is jQuery going to die in 2019?
For a while, JQuery's relevance has been a topic of debate among web developers. We were curious as web developers interested in Javascript to know what others have to say about it. So we browsed through Javascript's history along with some interesting discussions on several developer forums and a bunch of…
Category : Javascript 22-02-2019 by Janeth Kent
Async/Await how they really work: an example
Promises give us an easier way to deal sequentially with asynchrony in our code. This is a welcome addition, given that our brains are not designed to deal efficiently with asynchronicity. Async / await functions, help us to write completely synchronous code while performing asynchronous tasks in the background. The functionality…
Category : Javascript 22-02-2019 by Janeth Kent
Best 5 Javascript NewsTicker Plugins
Not all developers know the marquee tag of HTML, that allows you to create a scrolling piece of text or image displayed that is shown horizontally or vertically on the DOM. Its functional, however this tag is obsolete so you should try to avoid using it. The most reliable alternative to this…
Category : Javascript 20-02-2019 by Janeth Kent
Which Javascript frameworks will rule in 2019?
In this article, we will review and analyze the 2018 State of JavaScript report to later focus attention on frameworks that will be at the center of attention in 2019. Let's take some time to look at the amazing journey of JavaScript, reflected in the use of more than 20,000 developers…
Category : Javascript 19-02-2019 by Janeth Kent
ES2019 JavaScript and its new features
ECMAScript 2019 has finished and rolled out new exciting features for developers. The proposals which have been accepted and reached stage 4 by the TC39 committee would be included in the specification of that year and the others - are postponed to the next year. What that’s mentioned above is a…
Category : Javascript 18-02-2019 by Janeth Kent
Developing a JavaScript video game: Part 1
The ecosystem of JavaScript is pretty huge. But today we decided to try something new: a videogame. It is usually good to have requirements in place to select the right tool for the job (or the most glittering tool for the job) before evaluating any technology choice. Not surprisingly, JavaScript has a…
Category : Javascript 17-02-2019 by Janeth Kent
Most Popular Node.js Frameworks in 2019
Before Node.js, web developers always faced the issue of having to use different languages for client-side and server-side scripts. JavaScript was traditionally the language for client-side scripting with the HTML code running in the browser. The invention of Node.js in 2009 introduced server-side scripting with JavaScript code running on the…
Category : Javascript 14-02-2019 by Janeth Kent
Stunning React Boilerplates and Starter Kits for 2019
As React progresses and helps us build and compose the UI of our applications, more React applications are created every day. In the past few years, the community has indeed created multiple projects to help you save time and kick-start these apps. But it's not always as simple as it seems to…
Category : Javascript 10-02-2019 by Janeth Kent
Node.js Course in 90 Minutes
Node.js can be defined as a Google Chrome JavaScript V8 engine based on a dynamic, cross-platform and open-source JavaScript framework or runtime environment. Node.js was initially implemented as a client-side scripting language, developed by Ryan Dahl in 2009. JavaScript code and scripts running on the server side are now used…
Category : Javascript 08-02-2019 by Janeth Kent
JavaScript Basis: Syntax & Structure
Programming languages are defined by rules. The syntax is what we follow when we write our code, which forms the logical structure of our programs. Let's dive right into the basic components of JavaScript. We will look at values, unicode, semi-colon, indentation, white spacing, commentary, case sensitivity, keywords..ect. By taking the time…
Category : Javascript 07-02-2019 by Janeth Kent
Top 10 JavaScript Books 2019
Though simple for beginners to pick up and play with, JavaScript is a flexible, complex language that you can use to build full-scale applications. If you're an aspiring web developer then you'll need to learn JavaScript. It's a staple for frontend work and it's the fastest growing language powering. This is an…
Category : Javascript 26-01-2019 by Janeth Kent
6 JavaScript Utility Libraries you Should Know in 2019
Nowadays Javascript is the most popular and widely used programming language, so the ecosystem around it constantly grows. However, it is expected that the small "standard library" of Javascript will remain so. To fill this gap, many of the most popular utility libraries have grown on GitHub. Here is a short…
Category : Javascript 18-01-2019 by Janeth Kent