CategoryJavaScript

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…

October 23, 2019 — Welcome to the second part of this series. The the first part, we covered the architecture of a Node.js-based platform and client application that will enable people to define and play their own text adventures as a group. This time around, Fernando Doglio will be covering the creation of one of the modules Fernando defined last time (the game engine) and will also be focusing on the design process in order to shed some light into what needs to happen before you start coding your own hobby projects. Read more…

September 27, 2019 — Denys Mishunov recently discussed what “Frankenstein Migration” is, compared it to conventional types of migrations, and mentioned two main building blocks: microservices and Web Components. He also showed you a theoretical basis of how this type of migration works. If you didn’t read or forgot that discussion, you might want to get back to Part 1 first because it helps to understand everything we’ll cover in this second part of the article. Read more…