Tag: Javascript
-
How to build Angular search functionality with GraphQL?
Posted on May 2, 2023, Level intermediate Resource Length long
In this tutorial, you will learn how to build a fullstack Angular application that uses GraphQL to fetch data from a server. The application we'll build together will display a list of blog posts fetched from a GraphQL API using Apollo Client, including search functionality. To create the GraphQL API, we will use StepZen, a GraphQL API platform that allows you to build and deploy a GraphQL API in minutes. By Roy Derks.
Tags app-development angular nodejs javascript restful apis
-
Nano stores in Angular: how to make the state management simpler
Posted on April 27, 2023, Level intermediate Resource Length medium
Angular now has integration for Nano Stores, an open source state manager based on the idea of atomic tree-shakable stores and direct manipulation. It is very small (from 334 bytes), has zero dependencies, and promotes moving logic from components to stores. By Nina Torgunakova.
Tags angular nodejs javascript learning
-
Frontend performance checklist
Posted on April 5, 2023, Level beginner Resource Length long
In the speed-obsessed world of today, better performance comes with serious business gains. This frontend performance checklist is a cumulative list of items that we at Crystallize found important when creating a Superfast web application that is Superfast. By Dhairya Dwivedi, Håkon Gullord Krogh.
Tags performance css frontend analytics web-development javascript browsers
-
Write reusable code for AppSync JavaScript resolvers
Posted on March 6, 2023, Level beginner Resource Length short
Learn how to share code between AppSync JS resolvers. AWS AppSync is a fully managed service that allows developers to build scalable and performant GraphQL APIs. It is also serverless, meaning that you will only pay for what you use. By Benoît Bouré.
Tags nodejs javascript aws frontend apis database
-
How to send emails with SendGrid in Next.js: Complete guide
Posted on March 1, 2023, Level beginner Resource Length medium
As a developer, you may need to send emails from your application for a variety of reasons, such as sending notifications or user verification emails. In this article, we will explore how to send emails from a Next.js API using SendGrid. By @TechZilla.
Tags frontend web-development how-to javascript
-
How to handle errors in React: full guide
Posted on February 28, 2023, Level intermediate Resource Length medium
We all want our apps to be stable, to work perfectly, and cater to every edge case imaginable, isn't it? But the sad reality is we are all humans (at least that is my assumption), we all make mistakes, and there is no such thing as a bug-free code. By Nadia Makarevich.
Tags programming frontend web-development react javascript
-
Maximizing user experience: Strategies for improving frontend performance S01-E01
Posted on February 21, 2023, Level beginner Resource Length medium
In today's fast-paced digital world, the speed of your website can make or break the user experience. With abundant information at our fingertips, users expect websites to load quickly and efficiently. As frontend developers, it's our responsibility to deliver a seamless experience for our users. By Gaurav Sharma.
Tags cio frontend javascript app-development ux web-development
-
What is changing for Vuejs developers in 2023
Posted on February 20, 2023, Level beginner Resource Length medium
2022 saw some major changes in the Vue.js ecosystem from Vue 3 becoming the new default Vue version, to development environments pivoting to Vite, to a stable release of Nuxt 3. What do all these changes, and others, mean for Vue.js devs in 2023? By Daniel Kelly.
Tags cio frontend javascript cloud web-development
-
What is JAMstack - introduction
Posted on December 19, 2022, Level intermediate Resource Length medium
At its core, the JAMstack is a web development approach that focuses on using client-side JavaScript, reusable APIs, and prebuilt Markup to create web applications. This architecture allows for faster and more secure web development by using prebuilt and pre-rendered pages, which are then delivered to the user via a content delivery network (CDN). By Martin.
Tags open-source cloud web-development javascript
-
2022 in review: What's new in web performance?
Posted on December 16, 2022, Level intermediate Resource Length medium
The way we measure and optimize website speed is always changing. New web standards are introduced (and eventually widely supported), new tools are developed, and new metrics suggested. By Matt Zeunert.
Tags cio frontend javascript performance
-
Debug Angular apps easily using Angular DevTools
Posted on December 15, 2022, Level beginner Resource Length medium
It's not a secret that the Angular community has needed better tools to inspect the structure of Angular applications and profile their performance. Angular DevTools has been introduced for just that! By Nethmi Wijesinghe.
Tags angular frontend javascript performance
-
How to implement debounce and throttle in JavaScript
Posted on November 28, 2022, Level intermediate Resource Length short
At some point you have probably come across a website that uses an autocomplete text box, drag and drop, or scroll based animations. If you have then chances are also pretty high that you have encountered debouncing and/or throttling without even realizing it. By @webdevsimplified.com.
Tags app-development web-development javascript programming