DOM changes can be frequent, and as a result, there are instances where your app might need to respond to a specific change to the DOM. Monitoring for changes to the DOM is sometimes needed in complex web apps and frameworks. By means of explanations along with interactive demos, Louis Lazaris will show you how you can use the MutationObserver API to make observing for DOM changes relatively easy.
Read more…
The popularity of Vue.js shows no signs of slowing down, with a huge amount of credit being due to the framework’s progressive approach. One of the key advantages of Vue.js is that it plays nicely with other code: it is easy to embed progressively into other applications, but it is also easy to wrap up non-Vue code into Vue. In this article, Kevin Ball explores this second advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue.
Read more…
Have you ever considered whether CSS Grid can actually replace the need for CSS frameworks or third-party component libraries? In doing so, Rachel Andrew discovered a range of reasons people use a third-party framework and the positive and negative things about doing so. In this article, you will discover that the reasons for using frameworks are varied, and not simply centered around use of the grid system contained in that framework. We hope that by unpacking these reasons, Rachel can help you to make your own decision, in terms of what is best for the sites and applications that you are working on, and also for the team you work with.
Read more…
Frameworks such as Espresso and Mockito provide easy-to-use APIs that make writing tests for various scenarios easier. The important thing to consider while writing tests is the units of responsibility that emerge as you design the new feature. The unit test should cover all possible interactions with the unit, including standard interactions and exceptional scenarios. In this article, Vivek Maskara will cover the fundamentals of testing and frameworks which developers can use to write unit tests.
Read more…
Flutter makes building cross-platform mobile applications a breeze. It allows high-performance, beautiful applications to be built for iOS and Android from a single code base. It is also the development platform for Google’s upcoming Fuchsia operating system. In this article, Mike Bluestein introduces Flutter, compares it to other mobile development platforms, and shows how to use it to get started building apps.
Read more…
Debugging data ranges from simple things like API response latency to monitoring a user’s network health. Without the right framework and tools, the debugging process can be a nightmare. That’s why Akhil Labudubariki developed his own in-house Central Logging Service tool (CLS) to record all important events logged during a session. In this article, Akhil walks through a number of steps and considerations his team made when developing their own in-house Central Logging Service (CLS) tool.
Read more…
What is Selenium and how can it help you? Well, what if you were told that you could basically automate any task in your browser as if a real person were to execute it? Yes, you read that right. It is possible. In this article Nils Schütte will show you how you can spend less time testing the front end of web applications and still being confident that every feature will work fine. You will find a step-by-step example for automating and testing the login function of WordPress, but you can also adapt the example for any other login form.
Read more…
In this tutorial, Joseph Zimmerman aims to help you understand how v-model works on native inputs and on custom components by default. Also, you’ll learn how to create custom checkboxes and radios that emulate how v-model works on them natively.
Read more…
The simpler, smaller and lighter an application is, the cheaper and easier it will be to write from scratch. When Nick Gauthier set out to build MeetSpace, he and his team had a familiar decision to make: What’s our tech stack going to be? They gathered their requirements, reviewed their skillset and ultimately decided to use vanilla JavaScript and to avoid a front-end framework. Using this approach, they were able to create an incredibly fast and light web application that is also less work to maintain over time.
Read more…
With dozens of responsive design frameworks available to download, many web developers appear to be unaware of any except for Bootstrap. Like most of web development, responsive design frameworks are not one-size-fits-all. Let’s compare the latest versions of Bootstrap, Foundation and UIkit for their similarities and differences. These are popular frameworks with piles of features out of the box, making them attractive to many development firms wanting to work with “Bootstrap or a close equivalent.”
Read more…
