Tag: web

How to start your journey as a web developer

Web development involves building a website from the ground up, and the person responsible for developing a website is known as a “Web Developer” or sometimes playfully referred to as “Spiderman.” In my opinion, web development is the most beginner-friendly domain in Compu...

15 Terrible Advice for Web Developers

Medium is full of useful articles and great advice to create robust and maintainable applications. But what If you don't like your colleagues and want to ruin their day? Then worry no more. I’m great at giving bad advice and came up with 15 tips to cause frustration and waste everyone'...

Exploring the Power of Laravel Building Modern Web Applications Made Easy

Are you a developer looking for a versatile and robust framework to streamline your web application development process? Look no further than Laravel!  In this post, we’ll dive into the world of Laravel, exploring its features, benefits, and why it has become a go-to choice for building m...

10 Powerful CSS Properties that Every Web Developer must know

You probably never heard of them, but you will love them once you know. CSS. A language which is responsible for nearly every website in the world. With so many properties, CSS is pretty huge. Finding good properties among them is like trying to read a binary file by yourself (pls don&rsquo...

10 Open-Source Projects For Web Developers In 2023

Open source and devs are an open love affair that closed source doesn’t like. For those of you who don’t like declarations like that, ↓ is a set of metrics from Boston Consulting Group that should start warming you up.   Stats irrespective, if you write code for web dev, ...

Why I built a web framework in Rust — and why you shouldn’t

In the early days of building Patr (a DevOps management platform), our mission was clear: ensure stability, correctness, and minimal crashes for the applications under our care. Rust, with its strong focus on correctness and error handling, seemed like the ideal language. I recalled an app...

OpenAI’s Web Crawler and FTC Missteps

With AI adoption steeply rising, it’s becoming more and more important for data professionals to think about data sourcing. While the initial wave of high performant LLMs were trained using a common yet controversial tactic of data scraping, this questionable practice has been in the spot...

Why Django is the Future of Web Development: An Ex-Google Engineer’s Perspective

Unlock the future of web development with Django: insights and expert analysis from an ex-Google engineer. Greetings, fellow coders and tech enthusiasts! My name is Builescu Daniel, and my journey has taken me from the high-paced, cutting-edge environment of Google to becoming an expert in Python...

Nine Rules for Running Rust on the Web and on Embedded

I recommend Rust when you want the speed of C++ and the memory-safety of Python. On top of that, with Rust you can build on more than 100,000 software libraries. In addition, Rust offers the potential of running your code not just on a conventional computer, but also inside a web page or even o...

Unleashing Modern Architectural Excellence: Elevate Your Web Development

Inthis article, we’ll explore cutting-edge architectural approaches that promise to redefine user experiences, streamline development workflows, and empower your applications to reach new heights. Just like Progressive Web Apps (PWAs), these concepts are reshaping the digital landscape and ope...

The Importance of Security in Web Applications: Implementing a Rate Limiter

In today’s interconnected world, security has become a cornerstone of any successful web application. Whether you’re building a social media platform, an e-commerce website, or a productivity tool, security concerns cannot be an afterthought. One critical aspect of security that is often...

5 Must-Have Tools for Building Web Applications with Next.js App Router

The introduction of the Pages Router took center stage with the release of Next.js 11. This routing mechanism quickly became the primary means of creating routes within Next.js applications. However, as the framework’s user base expanded, so did the complexity of the interfaces that developers...

The Emerging Paradigms for Delivering Web Content Faster

Before the advent of component-based frameworks like React, Svelte, and Vue, rendering all content via your web server was commonplace. In those days, navigation through a website would result in multiple requests to the server, rendering content and sending it back to the web browser in HTML, CSS, ...

How To Secure Your Site Against Web Scrapers — The Best Browser Fingerprinting Techniques

Browser fingerprinting is a security technique used in many different situations where you want to uniquely identify a user, no matter who the user is telling you they are. One of those situations, is of course, when they’re scrapping your website. If you’re using limited detection te...

10 VS Code Extensions for Web Developers

Are you looking for some great Visual Studio Code extensions to help with your web development? Look no further! In this post, I’ll share the top 10 extensions for Visual Studio Code. These extensions can make your development process easier and more efficient. To install these extension...

The Hidden Power of Custom States For Web Components

In my previous articles “Web Components Can Now Be Native Form Elements” and “Native Form Validation Of Web Components”, I wrote about the ElementInternals property that enables Custom Elements to be associated with a form. This interface also enables developers ...

TMDB Streamlit Build Your Own Movie Recommendation System

In the ever-evolving landscape of online platforms like YouTube, Amazon, Netflix, and others, recommender systems have become indispensable in shaping our daily lives. Seamlessly integrated into various facets of our online experiences, these systems play a vital role across e-commerce, online adver...

I don’t maintain my personal coding projects

I keep procrastinating & never touching my personal projects. They’re things I built years ago in many cases. The tech is out of date. Some of my articles from years ago share code samples that are no longer relevant. People have even asked me to update them: Still, I let the ...

I built the same Web Server in 5 languages. Here’s what I found…

I created the same File Share Server in Rust ( Actix Web ), C++ ( Crow ) , Python ( Django ) and Nodejs ( Express ). The results will probably surprise you. I should note that I come from a Nodejs ( Express ) environment and I am going to be biased to Express-like frameworks. Thi...

Exciting React Features in 2023: A Look into the Future of Web Development

In the rapidly evolving world of web development, React has emerged as one of the most popular JavaScript libraries. Since its inception, React has revolutionized the way developers build user interfaces, enabling them to create powerful and interactive web applications. As we step into 2023, Rea...

Title: WeChat: The History of China’s Super App

In the world of social media and messaging apps, few platforms have made as significant an impact as WeChat. Born in China, WeChat has grown into a global phenomenon, combining the functions of WhatsApp, Facebook, Instagram, and more, all in one app. This super app has an intriguing history that tra...

Unleash the Power of React Custom Hooks: Your First Dive into Simplicity

Have you ever felt like your React components could use a bit of decluttering? Do you find yourself repeating code patterns and longing for a cleaner, more efficient way to manage your state and logic? If so, you’re not alone. I, too, once grappled with these challenges until I stumbled upon a...

Designing for users with dyslexia

1 in 10 people have dyslexia. The world has about 7.8 billion people living it in, so there are around 780 million people who are dyslexic. In other words, there are hundreds of millions of potential users who may encounter barriers when interacting with our products. As designers, we h...

What is Load Balancing?

Definition, how load balancers work, load balancing algorithms, benefits and, types of Load Balancers. Definition Load Balancing is the practice of distributing network traffic or computational workloads between two or more computers. Most modern applications have to process millions of reques...

Should You Use Angular in 2023?

Not too long ago, I was on a client call, and when the topic of Angular came up, he scrunched up his face and scoffed at it. “Who uses Angular nowadays?” he said. I wasn’t prepared for it. Then it turns out he’s a Vue guy, which is fine — everyone likes what ...

How to Make React.js 3000 Times Faster

In today’s fast-paced digital era, where users demand lightning-fast experiences, the need for top-notch performance in your React.js applications cannot be overstated. As React.js developers, we are constantly on a quest to deliver highly responsive and efficient user interfaces. But what if ...

Firebase’s Password Reset is Insecure. Here’s How to Fix It.

My previous blog described how Firebase’s password reset system is insecure. This blog introduces a new open-source project which acts as a drop-in replacement for the insecure system. The problem applies to apps using email/password authentication in Firebase Auth. When a user asks to rese...

Making money as an average developer is hard right? Atleast not now

I’m just like the other 99% of developers who are not in the top 1%. Maybe because I’m too young (20 y/o) or because I’m too lazy. I strongly believe that right now I’m not a 10X developer who can do almost everything, and I always want to be a 10X developer. Are you li...

There are some HTML tags that have no ends.

The HTML tags that have no ends are called “void elements” or “self-closing tags”. These tags do not have a corresponding closing tag because they do not contain any content between an opening and closing tag. Some common examples of void HTML tags include: <i...

Best Frontend Frameworks for Web Development in 2023

Developing a web app or a website often requires the support of a reliable framework. In the world of frontend development, there are many old and new tools to choose from. However, to determine the right framework for your project’s needs, you should have a clear understanding of the merits a...

Designing Beautiful Shadows in CSS

In my humble opinion, the best websites and web applications have a tangible “real” quality to them. There are lots of factors involved to achieve this quality, but shadows are a critical ingredient. When I look around the web, though, it’s clear that most shadows aren’t a...

Why I’m sticking with Vue in 2023

I started using Vue professionally somewhere around 2018, coming from angular. It has served me well over the years, but as you know, one can get bored doing the same old thing. And I could see how all the other frameworks were beating vue in the framework benchmarks. Benchmark from...

My Chrome Extension Just Passed 300 Users

A year ago, if you had told me I would be celebrating a milestone of 300 users for a Chrome extension I created, I would have laughed. I had just started my journey into the world of coding, and the idea of creating something that hundreds of people would find useful seemed like a distant dream. Yet...

I Started Coding Seriously in 2020 and Now This Is the Result

Yeah, 2020 was a hard year for almost everyone, some people lost their jobs, and some people left us. But yeah, I utilized that year very well, and thanks to COVID for giving me a break from everything! How Everything Started! I was less aware of YouTube, that it has a ton of excellent videos,...

Routing and Navigation In React — A comprehensive Guide

Sure, here is a comprehensive blog on routing and event handling in React using the latest version, React 18: Introduction Routing and event handling are two essential concepts in React development. Routing is the process of navigating between different pages or components in a React applicati...

Mastering Flexbox in 2023: A Comprehensive Guide to Responsive Web Design

Flexbox simplifies web design. It allows you to organize, align, and distribute space among items in a container, even if their sizes are dynamic or unknown. It’s an essential tool that makes creating responsive and cohesive designs easier. Kickstarting with Flexbox To harness the power ...

A Guide to Crafting Effective Prompts for Web Developers Using ChatGPT

Being a web developer is like riding a never-ending rollercoaster of euphoria and despair. One moment you’re on cloud nine, the next you’re screaming into the abyss of your code. Before ChatGPT came into the picture, you practically had a reserved seat in Google’s search bar, hunti...

Mastering ChatGPT for Web Development: A Comprehensive Guide

Being a web developer is like riding a never-ending rollercoaster of euphoria and despair. One moment you’re on cloud nine, the next you’re screaming into the abyss of your code. Before ChatGPT came into the picture, you practically had a reserved seat in Google’s search bar, hunti...

Native PHP: How to Start?

I’m a web developer, and the main language that I use is PHP. As you know, actually, more than 70–80 percent of the current website you can see is PHP. Before NativePHP, there was a lot of technical help needed to build PHP into an application (example: PHP Desktop). One of the most f...

The State of Fluid Web Typography

Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used? Matej Latin · F...

How to use huge type on the web

I’ve been advocating more daring and bolder use of typography on the web ever since I started the Better Web Type project. Picking a sans-serif font for titles and a serif one for the content is boring. So is placing the title at the top of the post and centre-aligning it. We’v...

How to Filter Text Input to Only Accept Numbers and a Dot with Vue.js?

Sometimes, we want to filter text input to only accept numbers and a dot with Vue.js. In this article, we’ll look at how to filter text input to only accept numbers and a dot with Vue.js. Filter Text Input to Only Accept Numbers and a Dot with Vue.js We can filter text input to only a...

How to Auth Login with GitHub and Google in a React and Backend App

As programmers, we have probably needed to implement social media login at some point and, this is an increasingly common functionality in today’s applications and websites. Social login allows users to log in to applications or websites using their accounts such as Facebook, Google, Twitte...

REST API vs. GraphQL: Unraveling the Web of APIs

In the vast landscape of web development, two superheroes have emerged to battle it out for the crown of API supremacy: REST and GraphQL.  But fear not, fellow developers, for in this blog, we’ll break down the battle between these two contenders and help you decide which one suits your n...

Canopas Newsletter

Hello Readers, Thanks for being Canopas subscribers!!! Here is our curated collection of links and a brief intro about this week’s latest updates of different technologies if you have missed any. Our Stack Weekly iOS Stack Weekly — Issue#87 This week in...

Unveiling My Journey

In a world bustling with opportunities and experiences, the journey of an individual can take captivating turns, weaving stories that inspire others to take charge of their aspirations. Meet Charlie Naebeck, a seasoned photographer, entrepreneur, and educator, whose 34-year career has been punctu...

Spring Boot REST API Full Tutorial

This is a complete tutorial of building a REST api with Spring Boot with. You will learn how to : Create REST APIs Add spring security with jwt authentication & authorization Work with database Add database migration with flyway The source code of this tutorial is published in g...

BUILDING GEOSPATIAL WEB APPLICATIONS IN PYTHON VIA DJANGO FRAMEWORK

Django is a popular web framework written in Python that simplifies the development of web applications. You can check out django documentation here to get to understand the basic concepts and how it works here: Django The web framework for perfectionists with deadlines. docs.djangoproject....

Digital accessibility in writing and design

According to the World Health Organization, over 1 billion people worldwide and 26% of the US population live with some form of disability. But accessibility in web design isn’t only important for people with visual, auditory, cognitive or physical impairments. Everyone benefits from it. If yo...

I asked Chat GPT to build a To-Do app — Have we finally met our replacement?

We saw the release of GitHub Copilot in October of 2021 and the whole dev community went crazy. Some were claiming that we would soon be left out of a job, and others, like me, thought that while the tool was interesting, it was really far from a replacement. It could provide better autocomplete,...

10 Must-Have VSCode Extensions for Web Development

Speaking of extensibility, VSCode has thousands of extensions you can install to ramp up your developer productivity and save yourself from mundane tasks. They are all available in the Visual Studio Code marketplace and the vast majority of them are completely free. This article looks at 10 power...

What are Facades in Laravel and Why Do We Use Them?

Many of beginner don’t now too much about Facades, even though it’s one of the must important architecture concepts in Laravel and understanding it will help to make more powerful and professional projects. So, What is Facades? As a Laravel programmer you have seen Route::...

Node.js 19 is Out! Here are the New Updates

As usual, when the release notes for a new version of a runtime come out, we have a bunch of updates regarding very internal and transparent bits (at least to us, as users of the runtime). However, with the release notes of Node.js 19, we have some interesting gems that if you don’t care to...

Responsive design

This is a deep-dive into the role of development in the design process, with a focus on responsive design. It’s aimed at design leaders/managers and developers working with design teams, and visual designers looking to become better web designers. I’ll attempt to lay out the pr...

Build MicroFrontend In React In 3 Easy Steps

It is highly reccomended to use tools for component-driven development like bit to develop micro frontends in React. Here’s a short tutorial for adding or extracting Micro Frontends in your existing React app: You can find the Github demo examples here: Build time int...

Create your very own API using python

An API (Application Programming Interface) is a set of code that allows two software programs to communicate with each other. APIs are a critical component of web development and programming. They provide a way for different applications and systems to communicate with each other, exchanging data an...

Simple & secure direct-to-S3 uploads from modern browsers

The problem of providing users with a way to upload files to an S3 bucket is something you run into in every project. However, identifying the right JavaScript components and configuration and making it all work together to accomplish this task feels like black magic. The AWS documentation would ...

What Happened to the Semantic Web?

Remember the Semantic Web? Probably not. It was all the rage about two decades ago. But nowadays, mentions of it are rare. After starting with a bold vision for a new Web (see below), the Semantic Web gradually lost steam and faded into the background little by little. Still, there never was a ki...

A Simple Web Project, And Some Thoughts About Vuetify 3

I took a break from “Rudeness Translator” (a web application that uses GPT to translate rude internet comments into polite ones) to look at a new project with Smack. Our conversation went something like this: Smack: I’m going to try to bang out a web application tonight to hel...

Low-Hanging Web Performance Fruits: A Cheat Sheet

Here’s the situation you’ve probably been in already: you join a new project and soon notice the page load speed is… underwhelming. You might assume it’s due to your slow network, but after running a Lighthouse report, you find the score is 20 out of 100. Something is d...

What Happened to the Semantic Web?

Remember the Semantic Web? Probably not. It was all the rage about two decades ago. But nowadays, mentions of it are rare. After starting with a bold vision for a new Web (see below), the Semantic Web gradually lost steam and faded into the background little by little. Still, there never was a ki...

Connecting ChatGPT to the Web: A Deep Dive into Pros, Cons, and My Personal Journey

In recent times, I’ve found myself grappling with a significant question: Is it truly worthwhile to connect ChatGPT to the web? This article delves into the practical implications of enabling ChatGPT’s web connectivity, examining the factors that influenced my decision to explore this...

Build Elegant Web Apps for Your Data Projects Using Low-Code Taipy

Today, when more and more businesses are driving critical decisions based on data, effective communication of insights driving these key decisions holds immense importance. In this process, businesses often need effective low-code tools, such as creating dashboards/web apps to present data to sta...

Machine Learning Models for Sports Betting Unleashing the Power of Web Scraping with Selenium.

Sports betting has evolved into a sophisticated field where data-driven decisions can make the difference between success and failure. In this article, we will explore how to leverage web scraping with Selenium in Python to gather data from 1bets and then build machine learning models to enhance you...

7 killer web apps you should start using in 2023

7 free websites you should use to increase productivity There are many apps out there that can help you increase your productivity, but not all of them are created equal. In this article, we will share some of the best web apps that will help you save time and boost your productivity. 1. ...

Is Artistic Talent and Formal Education Essential for a Web Design Career?

Over many years of working as a web designer, I was often asked by my friends whether it is necessary to have drawing skills and art education to become a web designer? In fact, they asked me so often that I even decided to write a short article about it. So here is what I’ve got to say: Ba...

People in Web 3.0: Photographers Claim Your Seats!

Somewhere, close to Azumino City, Nagano Prefecture, Japan, Yuichi lives surrounded by nature. Every day he ventures out to take pictures of the beautiful landscape, animals, and what else is around him. Learning about Japan with Lovely Pictures & Stories When he shares his pictures on DeS...

My 2023 Journey in the js13kGames Competition: Crafting a 13KB Web Game Inspired by the 13th Century

Welcome to the recount of my second year participating in the js13kGames competition, a thrilling coding challenge for web game developers where the game’s file size is limited to a mere 13 kilobytes. This year’s unique theme was set in the 13th century. You can find my entry, 13...

Building a Web Game with Go & htmx

Building a web app typically requires two primary components: a backend stack for data processing and business logic, and a frontend stack dedicated to visual presentation. While backend technology has remained relatively consistent, frontend development continues to grow more complex with framework...

Web 3 In Education; A Paradigm Shift In Learning

In the last 2 to 3 years, Web 3, short for Web 3.0 has been one of the most discussed topics on the internet. Many believe that this is the future of the internet and that it’s going to change a lot in our day-to-day activities as well. In this particular article, we will be looking at how Web...

Can Web-Based 3D Content Help “the Metaverse” Reach Its Full Potential?

The long-gone days of extremely popular browser-based video game websites like Newgrounds and Miniclip, as well as fully fledged MMORPGs like Runescape, has raised an intriguing question: why isn’t web-based interactive content more popular today? Despite many tec...

Build a three-tier web application using Terraform.

From the beginning, we’ll look at how to use Terraform to automate the provisioning of a 3-tier architecture for a web app on AWS. What is Terraform? Through the use of configuration files rather than a graphical user interface, Terraform is an infrastructure-as-code (IaC) solution t...

Video in your Web Application

Gone are the days when our web applications were limited to text content, enriched by some colors and fonts. Today’s websites must include rich video and audio content — in order to appeal to the modern user — within a couple of seconds. YouTube can provide you all the video str...

Automated Web Scraping on Databricks

Web Scraping on local device is pretty straight forward, install webdriver-manager and launch the Chrome Browser. But, more often than not you want to periodically fetch latest information through scraping. If you want to run the same code automatically at regular intervals and get the latest info f...

Docker + Python + Selenium: The quickest way to start web scraping

Setting up selenium can be tricky business. That’s because it depends on (1) what machine you’re using, (2) what browser you would like to use Selenium on, (3) the version of the browser, (4) your operating system, and many other considerations. I used to struggle every time I worked wit...

Building a Docker Development Environment for PHP Web Applications

Docker has revolutionized the way we develop, package, and deploy applications. It provides an easy way to create isolated, consistent, and scalable development environments. In this comprehensive guide, we’ll walk through the process of building a highly complex Docker development environment...

Implementing Dapr State Management in ASP.NET Core Web APIs

In distributed architectures, we’ll usually have a number of independent stateless services that serve a purpose (set around a domain, such as ordering items, storing items in a catalog, handling authentication etc.) While services should strive to be stateless, there will be some services ...

Deploy Static Web App on AWS with Terraform Module, Docker, Amazon ECR, and ECS

Introduction Welcome back! In this project, we will learn how to deploy this website on AWS using terraform module, docker, ECR, and ECS. Photo by AOS Note on aosnote.com Using this reference architecture, we will learn how to use terraform modules to create various AWS services such as...

Dark Web — How to get started

You may ask yourself now, “Why would anybody be interested in the Dark Web besides Criminals and Drug dealers/users?” — Well, the answer is simple. The Dark Web is not only home to criminals, but it is also a vast resource for all kinds of legitimate content; it is used by whistleb...

Playing Around With macOS Sonoma’s Web Apps

I just released Stratum 2.0.0. The update was originally slated as version 1.4.0, but I kept adding more and more to it and now it’s so big that I’ve decided it is worthy of being the 2.0.0 release. I’m really excited for this one. To mark this momentous occasion, I’m laun...

How to create a Web App in macOS Sonoma

What’s a web app? A web app is a web page that loads inside its own browser window. Unlike other bowser windows, the web app doesn’t allow tabbed browsing or show any of the other browser controls such as a back button or the address bar. For all intents and purposes, a web app loo...

Choosing the Right Partner for Web Development Services in Abu Dhabi

For companies of all sizes and industries in the modern digital era, having a strong online presence is essential. Web development is essential to reaching your online objectives, whether you are a startup trying to build your brand or an established business trying to widen your customer base. It&r...

Increase Web Rankings Dubai

In a digitally savvy city like Dubai, the internet is your most powerful tool of discovery. If you’re striving to carve a presence for your business on the web, ensuring top-notch rankings on page optimization should be your foremost priority. I can see that you’re intrigued; perhaps int...

Web Summit 2023: What to Expect from the Tech Extravaganza

The Web Summit probably is the leading global technology conference in the world. As time passes, it continues to be a key event for tech enthusiasts, entrepreneurs, investors, and innovators — and for the curious of heart, too. The Web Summit has gained immense popularity over th...

Implementing Azure DevOps CICD for Azure Web Apps

Microsoft Azure App Service is a fully managed platform for building, deploying and scaling web apps. It is a PaaS (Platform as a service) that enables us to quickly deploy our app without worrying about infrastructure and performance. We can develop our favourite language, be it .NET, .NET Core,...

Not again. When my real name is not valid for web forms

This was not the first time that my name was not “valid” and I was not able to complete a web form without using, for example, my partner’s name. My guess is that the programmer who built this form decided that last names need to be >2 characters long. In fact, many Chinese last...

CRIMINAL JUSTICE Web Series Review

Since the time India paved its way into the OTT Web series space, there has been a huge astounding wave of quality content being made by talented filmmakers with the backing of some extraordinary talent in the acting department as well. However, what’s surprising is that with respect to Indian...

My Mixed Asian Identity is a Spider Web

Throughout my life, I have met and befriended many mixed Asians all descending from different backgrounds, subscribing to different sets of values, and perceiving the world from their own perspectives. The distinction of how each mixed Asian person lives their life varies so greatly that it’s ...

What was it like when the cosmic web formed?

Closer back in time to the Big Bang, however, none of those entities were present. There were no stars, no galaxies, and no larger-scale structures at all. Instead, everything was extremely smooth and uniform, with very little clumping or clustering to speak of. At the earliest times of all, the den...

What was it like when the cosmic web formed?

Qualitatively, that allows us to put a relatively simple picture together that puts all of these facts in their proper context. The Universe was born with only very tiny imperfections, but gravitation causes those density imperfections to grow, all while the Universe expands. Depending on how, where...

James Web Telescope New Discoveries That Will Shock You

The James Webb Space Telescope, the most powerful observatory ever built, continues to revolutionize our understanding of the cosmos. Since its deployment in 2021, Webb has unveiled a treasure trove of discoveries, each pushing the boundaries of our knowledge. Peering into a Stellar Graveyard:&nb...

Web Design For Right-to-Left Languages: the Basics

Localization, the process of adapting a website to a particular locale, is essential for any interface, even if only a small amount of content is there. As different locales and different language groups have various features, developers must take into account these differences when creating a websi...