CategoryJavaScript

January 30, 2020 — Today, Anna Prenzel would like to focus on data streams resulting from click events on the user interface. The processing of such clickstreams is particularly useful for applications with an intensive user interaction where many events have to be processed. This article is dedicated to Angular developers who want to harness the concept of reactive programming. This is a programming style that — simply put — deals with the processing of asynchronous data streams. Read more…

January 22, 2020 — Unless you’re creating your entire Vue app in one component (which wouldn’t make any sense), you’re going to encounter situations where you need to share data between components. With so many different ways to share data across components, you should know which technique is best for your situation. In this article, Matt Maribojoc will analyze three of the most common ways to pass data in VueJS. Read more…

January 9, 2020 — A walkthrough of creating an Angular 8 web application and a QR Code generator app completely based on Angular while hosted on Netlify. In this article, Shubham will take you into a walkthrough of creating an Angular 8 web application using the official Angular Material Design library. We will be creating a QR Code generator web application completely based on Angular while hosted on Netlify. Read more…

January 6, 2020 — Let’s make 2020… fast! An annual front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences on the web today. Updated since 2016. Kindly supported by our dear friends at LogRocket, a frontend performance monitoring solution that helps reproduce bugs and fix issues faster. Read more…

November 22, 2019 — A basic introduction to the backend web application development process with Express — discussing bleeding edge ES6+ JavaScript features, the Factory Design Pattern, MongoDB CRUD Operations, servers and ports, and the future with enterprise n-tier architectural patterns for TypeScript projects. Read more…

November 19, 2019 — In UI/UX, a common pattern that’s needed time and again is that of a simple animated opening and closing panel, or ‘drawer’. You don’t need a library to make these. With some basic HTML/CSS and JavaScript, we’re going to learn how to do it ourselves. In this article, Ben Frain is going to share the details of his ‘go-to’ method in detail in this article. Let’s consider possible approaches first. Read more…

November 6, 2019 — This is the final part of a series on how to create your own multiplayer text adventure engine. Today, Fernando Dolgio will focus on adding chat support to the text client from part 3. He’ll go through the basic design of a chat server using Node.js and socket.io, the basic interaction with the UI, and how we’ve integrated the chat code into the existing UI. Read more…

October 30, 2019 — This third part of the series will focus on adding a text-based client for the game engine that was created in part 2. Today, Fernando Doglio will explain basic architecture design, tool selection and code highlights by showing you how to create a text-based UI with the help of Node.js. Read more…

October 25, 2019 — As the language evolved, new artifacts appeared in the scene to allow asynchronous execution; developers tried different approaches while solving more complicated algorithms and data flows. In this article, Jeremias Menichelli is going to explore the evolution of JavaScript around asynchronous execution in the past era and how it changed the way we write and read code. He will start with the beginnings of web development, and go all the way to modern asynchronous pattern examples. Read more…

October 24, 2019 — At the heart of the JAMstack are static site generators that store your data as flat files. Sometimes, managing data this way can be overly complicated. Sometimes, we still need a database. With that in mind, Netlify — a serverless cloud database — collaborated to make combining both systems easier.  In this article, Bryan Robinson will create a personal bookmarking site using FaunaDB, Netlify Functions and 11ty data files. Read more…