Async - Ma-No Tech News & Analysis, Javascript, Angular, React, Vue, Php

56 results for: async

Examine the 10 key PHP functions I use frequently

PHP never ceases to surprise me with its built-in capabilities. These are a few of the functions I find most fascinating.   1. Levenshtein This function uses the Levenshtein algorithm to calculate the disparity or "distance" between two text strings. Named after its creator, Vladimir Levenshtein, it measures how identical two words or…

Category : Php   17-10-2023   by Silvia Mazzetta

How to upload files to the server using JavaScript

In this tutorial we are going to see how you can upload files to a server using Node.js using JavaScript, which is very common. For example, you might want to upload an avatar, a thumbnail, a PDF file or any other image or file in various formats. We are going to…

Category : Javascript   14-06-2023   by Janeth Kent

The Payment Request API: Revolutionizing Online Payments (Part 2)

In the first part of this series, we explored the fundamentals of the Payment Request API and how it simplifies the payment experience. Now, let's delve deeper into advanced features and best practices to further optimize the integration of this powerful API. We start by making a modification of supportedMethods by…

Category : Javascript   08-06-2023   by Silvia Mazzetta

The Payment Request API: Revolutionizing Online Payments (Part 1)

The Payment Request API has emerged as the new standard for online payments, transforming the way transactions are conducted on the internet. In this two-part series, we will delve into the intricacies of this powerful API and explore how it simplifies the payment experience for both users and merchants. Part 1:…

Category : Javascript   12-06-2023   by Silvia Mazzetta

How do you stop JavaScript execution for a while: sleep()

A sleep()function is a function that allows you to stop the execution of code for a certain amount of time. Using a function similar to this can be interesting for many reasons: from waiting for some condition to be met before continuing with the code, to simulating during development an…

Category : Javascript   31-05-2023   by Janeth Kent

Infinite scrolling with native JavaScript using the Fetch API

I have long wanted to talk about how infinite scroll functionality can be implemented in a list of items that might be on any Web page. Infinite scroll is a technique that allows the user to interact with the mouse by scrolling down to load new dynamic content. In this way, the…

Category : Javascript   15-05-2023   by Janeth Kent

Callbacks in JavaScript

Callback functions are the same old JavaScript functions. They have no special syntax, as they are simply functions that are passed as an argument to another function. The function that receives the callback as an argument is called a higher-order function. Any function can be used as a callback, since it is…

Category : Javascript   22-05-2023   by Janeth Kent

JavaScript Arrow functions: What they are and how to use them

In this article we are going to see what they are and how to use JavaScript Arrow Functions, a new feature introduced with the ES6 standard (ECMAScript 6). What are Arrow Functions Arrow Functions are a new syntax for defining anonymous functions in JavaScript in a more concise way. Being an abbreviated…

Category : Javascript   30-08-2021   by Janeth Kent

How to access webcam and grab an image using HTML5 and Javascript

We often use webcams to broadcast video in real time via our computer. This broadcast can be viewed, saved and even shared via the Internet. As a rule, we need software to access the webcam and stream video. But you can also stream video on websites without using third-party software. The…

Category : Javascript   20-05-2021   by Janeth Kent

Top Javascript Libraries and Frameworks Part 2

What are JavaScript frameworks?   JavaScript frameworks are application frameworks that allow developers to manipulate code to meet their particular needs. Web application development is like building a house. You have the option of creating everything from scratch with construction materials. But it will take a long time and can incur high costs. But…

Category : Javascript   06-05-2021   by Janeth Kent

Top JavaScript libraries and frameworks part 1

JavaScript libraries and frameworks make it easy to develop websites and applications with a wide variety of features and functionality, all with dynamic, flexible and engaging features. According to a 2020 StackOverflow survey, JavaScript remains the most widely used programming language (for the eighth year), with 67.7% of respondents using it. Its…

Category : Javascript   06-05-2021   by Janeth Kent

What is the First Input Delay and why is it important?

First Input Delay (FID) is a Google usability metric that is part of the Core Web Vitals and, from May 2021, will be an SEO ranking factor. FID is the time it takes for the browser to respond to the user's first interaction on a web page while it is loading.…

Category : Seo & sem   25-03-2021   by Janeth Kent

Elon Musk To Found Starbase, A City In Texas To House His Companies And Projects

Elon Musk's initiatives hardly go unnoticed, either because of how curious, innovative and/or eccentric they can be. Recently, SpaceX's CEO confirmed that it is getting into a new business: building cities.  An announcement of few words that generated a lot of buzz. Lately, Elon Musk has opted for terse messages on Twitter, playing…

Category : Technology   05-03-2021   by Janeth Kent

Creating simple CSS spinner-loader

In today's article we will show you how to animate a basic loader that spins when some predefined action is defined, such as loading an image. That can be used on a website for example when there is a request running and the result is not yet retrieved. What are they? Loading…

Category : Css   05-04-2021   by

Understanding LCP, CLS, FID. All about Core Web Vitals in Google Search Console

A few months ago we talked about certain Google metrics that were displayed in Search Console. The reason for writing another post on this topic is that Google has changed this again, giving priority to other metrics. Interestingly, we thought in that previous study that the FCP and FID were not…

Category : Seo & sem   14-01-2021   by Laura Celis Ballesta

Validating HTML forms using BULMA and vanilla JavaScript

Today we are going to write about contact forms and how to validate them using JavaScript. The contact form seems to be one of the top features of every basic home page. It is a great way to encourage your visitors to make contact with you, by adding a form which…

Category : Javascript   31-12-2020   by

A FULFILLED PROMISE - Using the FETCH API to make AJAX calls

In this article we talked about what AJAX calls are and how to use them in a traditional way, by using the XMLHttpRequest (XHR) object. In short, thanks to AJAX calls a web page can be partially updated without having to reload the whole content. This leads to better loading…

Category : Javascript   26-12-2020   by Iveta Karailievova

Making AJAX requests to a REST API using vanilla JavaScript and XHR

Imagine you just build your first static web page and you would like to add some functionality to make it more attractive and generally more usable. Perhaps you would like to entertain your web page visitor with randomly generated cat facts, jokes, or, (preferably not randomly generated) weather forecasts or…

Category : Javascript   25-11-2020   by Iveta Karailievova

Javascript: what are callbacks and how to use them.

Today we are going to learn about a concept that is widely used in javascript and that is used quite a lot by today's frameworks, libraries, especially NodeJS. This is the use of Callbacks.   What is a Callback?   Simplifying, it is to pass a function as a parameter so that this function…

Category : Javascript   23-10-2020   by Silvia Mazzetta

Awesome JavaScript Games and Js Software to create Games

Best sites js13kGames 2019 - Highlights from the js13kGames 2019 competition. js13kGames 2018 - 13 Games in ≤ 13kB of JavaScript. js13kGames 2017 - Build a game in 13kB or less with js13kGames. Adventure Triangle: Back To Home - You are lost in the cave. Try to get out and back to home. Sometimes it…

Category : Javascript   30-06-2020   by Janeth Kent

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

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

What is Webpack and how does it work

WebPack is basically a packer of modules or module bundler, but thanks to one of its components, the plugins, can be used as tasks runner, ie we can do tasks of all kinds, such as moving directories, clean up, etc... To understand what Webpack is, let's analyze this graph a bit. Webpack…

Category : Programming   23-11-2019   by Silvia Mazzetta

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

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

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

Level Up Your JavaScript Skills: 12 basic notions

If you are a developer at any level, understanding its basic concepts is crucial. This article highlights 12 basic concepts that are critical to understanding by any JS developer, but do not represent the full range of what a JS developer should know. 1. Value vs. Reference Variable Assignment To coding bug-free JavaScript,…

Category : Javascript   23-05-2020   by Janeth Kent

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

Which Javascript frameworks will rule in 2019?

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

Async/Await how they really work: an example

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 Javascript front-end hacking cheatsheets

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

Tips for JavaScript Developers

Another year is over and JavaScript is constantly changing. However, there are some tips that can help you write in 2019 clean and efficient code that scales. Below is a list of 9 pragmatic suggestions.   async / await   Are you still trapped in callback hell? Don't use callbacks unless it's completely necessary, such…

Category : Javascript   08-06-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

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

Node.js Course in 90 Minutes

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

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

JavaScript Basis: Syntax & Structure

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

Most Popular Node.js Frameworks in 2019

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

JavaScript Manual for Beginners

JavaScript Manual for Beginners

The JavaScript Manual shows you how to use JavaScript and gives an overview of the language. I   GETTING STARTED ABOUT Created by Netscape in 1995 as an extension of HTML for Netscape Navigator 2.0, JavaScript had as its main function the manipulation of HTML documents and form validation. Before winning this name so…

Category : Javascript   04-09-2018   by Janeth Kent

Top JavaScript Libraries in 2018

Top JavaScript Libraries in 2018

As Javascript remains the most popular and widely used programming language in 2018, so grows the ecosystem around it. JavaScript has gained immense popularity over the span of a few years. Developers preferred it over other languages because it allows them to design and modify web pages in various ways and…

Category : Javascript   23-08-2018   by Janeth Kent

Useful technical SEO checklist for developers

Let's start from the beginning. What is SEO? When we talk about SEO we are talking about Search Engine Optimisation: we are talking about the organic positioning of a web page in search results. And when we say organic positioning we mean unpaid positioning. SEO is a discipline, strategy or set…

Category : Seo & sem   15-05-2023   by Janeth Kent

CSS Progressive Loading in Chrome

CSS Progressive Loading in Chrome

Until now, only in IE/Edge could we leverage streaming of CSS to load progressively the CSS of the components as their HTML is streamed. In other browsers, they would normally block rendering till the entire CSS sources were loaded, giving us the white screen of wait before anything could render. With…

Category : Css   09-05-2017   by Janeth Kent

Fetch API, an amazing replacement of XMLHttpRequest AJAX

Fetch API, an amazing replacement of XMLHttpRequest AJAX

When AJAX came to the modern web, it changed the definition of how web works. We all are using ajax for a long time but not with Fetch API. To load a new content in a web page, we do not need a full page reload. Using AJAX, we can…

Category : Programming   19-02-2017   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

PHP Libraries For Summer 2016

PHP Libraries For Summer 2016

Here are our picks for the 12 most useful and interesting open-source PHP libraries that you should check out this summer!   Monolog With Monolog you can create advanced logging systems by sending your PHP logs to files, sockets, databases, inboxes or other web services. The library has over 50 handlers for various…

Category : Php   11-08-2016   by Janeth Kent

Build a realtime jQuery plugin

Build a realtime jQuery plugin

Realtime web technologies make it really easy to add live content to previously static web pages. Live content can bring a page alive, retain users and remove the need for them to refresh the page periodically. Realtime updates are generally achieved by connecting to a source of data, subscribing to the…

Category : Javascript   27-08-2013   by Janeth Kent

Weekly Fresh Resources for Designers and Developers: JavaScript, HTML & CSS – Week of August 12, 2013

Weekly Fresh Resources for Designers and Developers: JavaScript, HTML & CSS – Week of August 12, 2013

This is our weekly design news column where we share our favorite design related articles, resources and cool freebies from the past week. Enjoy :) Tutorials Raymond Camden shares a very cool proof of concept for drawing a shape on a map and getting back map data from Google Maps. Using Drawing Tools…

Category : Web design   21-08-2013   by Janeth Kent

Top 12 free JavaScript resources for advanced users 

Top 12 free JavaScript resources for advanced users 

If you have a strong knowledge in programming and want to improve your JavaScript skills or you want a good reference book then this list is for you. We've put together a list of 12 of our favorite JavaScript free book to help save you time and energy along the way.…

Category : Javascript   26-06-2023   by Janeth Kent

The Best Project Management Tools For Planning

The Best Project Management Tools For Planning

Project management tools are one of the essentials when it comes to having a project run successfully. Whether you are a freelancer, or simply an owner of a small business, it comes in handy to know what is required and needed in order to manage a client’s project successfully. Programmers and engineers…

Category : Software   02-08-2013   by Janeth Kent

How to use AdSense with Responsive Design

After some time publishing interesting information on your website, it is normal that you want to make a profit. One of the most widely used systems is Adsense, a Google service that allows you to display advertising on your website to generate income. An income that will depend on the number…

Category : Web design   23-05-2020   by Janeth Kent

Dinamically Get Social Media Buttons After Page Loading

Dinamically Get Social Media Buttons After Page Loading

While working on the new theme for this site, we realized that the various social media buttons We use were making the entire page load considerably slower. As soon as the browser hit that region of the page (the end of each post), everything would stop until those fat buttons…

Category : Programming   29-06-2013   by Janeth Kent

Mastering JavaScript: Top Resources to Propel Your Learning Journey

Learning JavaScript is a valuable decision if you're interested in coding and pursuing a career in the tech industry. JavaScript holds the top spot as the most popular programming language on GitHub and is widely used by professional developers, as indicated by the Stack Overflow Developer Survey. It's worth noting that…

Category : Javascript   23-06-2023   by Janeth Kent

25 Useful HTML5 Tools For Web Designers & Developers

25 Useful HTML5 Tools For Web Designers & Developers

The latest version of HTML – HTML5, adds many new elements to the applications that are being developed. It's very important important for the web developers and web designers to learn and use the elements of HTML5 to develop web apps and sites. Here we have some fresh and news HTML5 resources which are…

Category : Web design   29-05-2013   by Janeth Kent

CSS:How To Create Fixed Position Share Box

CSS:How To Create Fixed Position Share Box

Do you want your social media buttons to always be on the screen for your visitors to click on? If yes then you want to have a fixed position share box on your website. This allows your social media buttons to always be on the screen even when the user scrolls…

Category : Web design   16-05-2013   by Janeth Kent

Turbulenz, open source html5 game engine

Turbulenz, open source html5 game engine

Some of the best things in the world are open source — that is to say that the basic code or instructions for it are available for everyone to use for free. Google’s Android operating system, for example, is open to anyone who wants to use it. That provides companies…

Category : Videogames   03-05-2013   by Janeth Kent

Creating a Notepad app with indexedDB

Creating a Notepad app with indexedDB

indexedDB, which is new in HTML5, allows developers to persist data within the web browser. As a result your app runs both online and offline with powerful query facilities. indexedDB is different from traditional relational databases in that it is an objectStore instead of a collection of rows and columns. You just…

Category : Databases   14-04-2013   by Janeth Kent

q=async Clicky