You don’t need to be a Computer Science graduate or know a JavaScript framework to create a Progressive Web Application. With some HTML and CSS knowledge and basic competency with JavaScript, you have all the skills you need. In three parts, Ben Frain is going to share the journey of designing and building a simple Progressive Web Application called ‘In/Out’, built without a framework. You can view it here.
Read more…
Let’s say that you wish to compile a list of the Oscar winners for best picture, along with their director, starring actors, release date, and run time. Using Google, you can see there are several sites that will list these movies by name, and maybe some additional information, but generally you’ll have to follow through with links to capture all the information you want. Scrapy is a popular open-source Python framework for writing scalable web scrapers. In this tutorial, Daniel Ni will take you step by step through using Scrapy to gather a list of Oscar-winning movies from Wikipedia.
Read more…
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…
