With Progressive Web Apps, you can now use the web to build full-blown apps. Thanks to an enormous amount of new specifications and features, we can do things with the web that you used to need to write native apps for. However, talking to hardware devices was still a bridge too far up till now. Today, Niels Leenheer will introduce you to WebBluetooth. Thanks to this tool, we can now build PWAs that can control your lights, drive a car or even control a drone.
Read more…
Regular expressions have been part of the JavaScript language since the third edition of the ECMAScript standard, which was introduced in 1999. ECMAScript 2018 (or ES2018 for short) is the ninth edition of the standard and further improves the text processing capability of JavaScript. If you have ever done any sort of sophisticated text processing and manipulation in JavaScript, you’ll appreciate the new features introduced in ES2018. In this article, Faraz Kelhini is going to take a good look at how the ninth edition of the standard improves the text processing capability of JavaScript.
Read more…
Creating a dashboard with API data is often a complex affair. Choosing your tech stack, integrating APIs, selecting the right charts and beautifying with CSS styles can become tricky. This tutorial is a step-by-step guide on how to help you create a weather dashboard in Vue.js using API data.
Read more…
API-based solutions are becoming a critical building block of modern digital products. What are they? How can they impact your design process? Finally, how to evaluate them without bothering your software team? The growing amount of data and the need for speed in building products pushed APIs to become the lingua franca of digital teams. To design systems based on API-first systems, make sure you understand the vendors’ offerings. Today, Michał Sędzielewski brings you this hands-on testing guide which is a good starting point in doing so. It will help you explore the API capabilities even before you throw it to your teaching team, saving their energy — and yours as well.
Read more…
In the world of APIs, GraphQL has lately overshadowed REST due to its ability to query and retrieve all required data in a single request. Using a component-based API makes most sense when the website is itself built using components, i.e. when the webpage is iteratively composed of components wrapping other components until, at the very top, we obtain a single component that represents the page. In this article, Leonardo Losoviz will describe a different type of API, based around components, which takes a step further the amount of data it can fetch from a single request.
Read more…
The scope of possibilities to apply Google Cloud Vision service is practically endless. With Python Library available, it can certainly help you bring out deeper interest in Machine Learning technologies. Google Vision API turned out to be a great tool to get a text from a photo. In this article, Bartosz Biskupski will guide you through the development process with Python in a sample project. If you’re a novice, don’t worry. You will only need a very basic knowledge of this programming language — with no other skills required. Let’s get started!
Read more…
The aim of Feature Policy is for us, as web developers, to be able to state our usage of a web platform feature, explicitly to the browser. By doing so, we make an agreement about our use, or non-use of this particular feature. Based on this the browser can act to block certain features, or report back to us that a feature it did not expect to see is being used. In this article, Rachel Andrew will show you how Feature Policy can help protect your site from third parties using APIs that have security and privacy implications, and also from your own team adding outdated APIs or poorly optimized images.
Read more…
The Server Timing header provides a discrete and convenient way to communicate backend server performance timings to developer tools in the browser. Adding timing information to your application enables you to monitor back-end and front-end performance all in one place. Over the years developer tools have been improved to help us troubleshoot these sorts of performance issues in the front end of our applications. Browsers now even have performance audits built right in. This can help track down front end issues, but these audits can show up another source of slowness that we can’t fix in the browser.
Read more…
Angular is the most powerful JavaScript framework for building highly interactive and dynamic web applications. And material design Is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. In this article, Rachid Sakara is going to build a news application using Angular 6 and Google’s material design in combination, which will help you to make your future applications with Angular look great in web browsers and mobile devices.
Read more…
The Beacon API is a lightweight and efficient way to log information from a web page back to a server. It is used for sending small amounts of data to a server without waiting for a response. Think of it like a postcard sent home when on vacation. You put a small amount of data on it, put it in the mailbox, and you don’t expect a response. In this article, Drew McLellan will help you find out how that can be used and what makes it so different from traditional Ajax techniques.
Read more…
