Tutorials on Web Applications

Learn about Web Applications from fellow newline community members!

  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL
  • React
  • Angular
  • Vue
  • Svelte
  • NextJS
  • Redux
  • Apollo
  • Storybook
  • D3
  • Testing Library
  • JavaScript
  • TypeScript
  • Node.js
  • Deno
  • Rust
  • Python
  • GraphQL

Building Accessible Web Applications: A Short Guide to WAI-ARIA Standards

Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) standards introduce additional attributes that can be incorporated into HTML elements to significantly enhance web application accessibility. This short introductory guide will dive into the fundamental principles of WAI-ARIA, and shed light on how they can be efficiently employed in your web applications. We'll be discussing ARIA roles , states and properties , landmarks , live regions , labels , and complex widgets . The article will also feature code examples and visual illustrations to aid in understanding how WAI-ARIA can be instrumental in improving the accessibility of your web applications. ARIA roles serve as defining markers for the type of element and its function within the application. They prove useful in overriding the default role of an element or in attributing roles to elements that don't inherently have a default role.

Evaluating Frameworks for Micro-Frontends: React, Angular, Vue, Svelte, Qwik

This article dives deep into the realm of micro-frontends, with a particular emphasis on the Qwik Framework. This article also explores why Qwik may be a superior choice for managing micro-frontends compared to its counterparts like React , Angular , Vue , and Svelte . Micro-frontends represent an innovative design approach where a frontend app is partitioned into small, independent, manageable units that operate cohesively. Each unit, known as a micro-frontend, is managed by a separate team, leading to highly efficient and scalable development processes for complex applications.

I got a job offer, thanks in a big part to your teaching. They sent a test as part of the interview process, and this was a huge help to implement my own Node server.

This has been a really good investment!

Advance your career with newline Pro.

Only $40 per month for unlimited access to over 60+ books, guides and courses!

Learn More

Unlocking the Potential of Qwik's Non-Hydration Web Architecture

Welcome to an insightful journey into the world of hydration and non-hydration architectures , focusing on the Qwik web development framework. This educational piece aims to clarify the key aspects of these web architectures, their pros and cons, and how the Qwik framework harnesses the power of non-hydration for exceptional performance. Before diving into the details, it is important to understand what hydration architecture actually is. This architecture encompasses two crucial elements:

An Introduction to the High-Performance Web Development Framework (Qwik)

Welcome to this introduction of Qwik , an exceptional web development framework tailored to tackle the most significant challenges in traditional web application development. This guide will dive into the pivotal features, merits, and real-world applications of Qwik , providing knowledge acquired from one of the key contributors to the framework, which is me! As application complexity increases, loading times suffer, leading to a sub-optimal user experience.

Boost Web Speed and Efficiency with Qwik Framework: An Innovative Approach to Web Development

In this article, I will uncover the challenges that modern web development practices present and shed light on how the Qwik Framework, could potentially be the answer we've been searching for. One might believe that as technology advances, processing speeds, and network capabilities will naturally enhance, thereby resolving web speed limitations that we currently have. However, the reality is far more complex. We've reached a hard stop in processing speeds, and without breakthroughs like quantum computing, further progress seems unlikely.

Qwik SEO Performance: Why It May Outshine React, Angular, Vue, and Svelte

SEO is a critical element for any online platform's success. As SEO gained momentum, web development technologies like React , Angular , Vue , and Svelte had to integrate SEO into their core structure. However, there is a technology designed from scratch to incorporate SEO principles into its core structure — Qwik . This article will explore how Qwik promises superior SEO performance compared to other popular web development technologies.

Kickstart Your Next Project with Deno and PostgreSQL

Most modern web applications rely on a relational database management system (RDBMS) to store and retrieve troves of related data. When you bring together two modern, open-source technologies, Deno and PostgreSQL , you can build production-grade web applications that... Since Deno was built as an improved, alternative V8 runtime to Node.js, Deno projects can use both the third-party modules developed specifically to work with Deno and the many third-party packages that exist in the npm ecosystem. A popular PostgreSQL client for Node.js projects is node-postgres . If you visit the deno.land/x website and search postgres , then you will come across deno-postgres , a lightweight PostgreSQL driver that was developed specifically for Deno. The API and underlying implementation of deno-postgres is based on two popular PostgreSQL drivers: node-postgres (coincidentally) and pq , a Go PostgreSQL driver. deno-postgres provides abstractions for features and operations that allow you to unleash the full potential of PostgreSQL: connection pools, prepared statements, transactions and typed queries.

Thumbnail Image of Tutorial Kickstart Your Next Project with Deno and PostgreSQL