Skip to content

Latest commit

 

History

History
787 lines (586 loc) · 69.4 KB

File metadata and controls

787 lines (586 loc) · 69.4 KB

drawing

Let's learn about Web via these 193 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the /Learn or LearnRepo.com to find the most read blog posts about any technology.

The Web, or World Wide Web, is a global system of interconnected computer networks that uses standard internet protocols to link billions of users worldwide. It is the primary platform for information sharing, communication, and digital services in the modern era.

I’ve always found flexbox pretty easy to work with — a breath of fresh air after years of floating and clearfixing.

Application example built with Angular 14 and adding the loading (spinner) component using the ngx-spinner library.

One of the most frequent operations we perform on an array is removing the last element. There are a few different ways to do this - but one of the most common

Note to self: write an intro that eases the reader into the article, rather than just jump right in.

If you are anywhere related to web development, understanding the concepts of HTTP plays a vital role. So let us understand more about HTTP and its concepts in brief. 

Application example built with Angular 14 and creating and validating a reactive form.

The web was fairly new, and digital publishing was far from the norm.A lot of information about the early web was being distributed through books.

Pendulum CTO Torsten Stuber discusses a new type of decentralised payment system that aims to replace the current system of bank-to-bank transfers.

These 9 tips will help you improve the performance of your React code so that you can make the most out of your software and maximize what you are capable of.

The Internet has come a long way from Web 1.0 to Web 4.0

Application example built with Angular 14 and adding the log component using the ngx-logger library.

There is a lot of information about different HTML/CSS features. I want to tell you about equally useful, but less popular tips for you work!

wasm,opengl,cpp,c++,html

It is common in Node.js and other languages to run a script on a certain port. These are steps to take to stop an active process on a port.

Hi everyone! Today I want to talk about fast TS compilation. There are a lot of tips and tricks about TypeScript code style. But not about compiler performance.

It turns out that disabling a Favicon is surprisingly easy and eve a good idea when you don't really want to deal with the hassle of another part of a website

This is a written version of the talk I gave at WAQ19. Watch the video with English captions on YouTube.

Application example built with Angular 14 and adding the Google reCAPTCHA v3 component using the ng-recaptcha library.

Learn about Twig and Timber web development, and how the Hounder team uses these tools to create stunning custom themes in word press.

Application example built with Angular 14 and adding the social media share buttons component using the ngx-sharebuttons library.

A few years ago, Cambridge Analytica made netizens concerned regarding the gathering of their online data. At that time, affected or interested users had little knowledge of how big the big-data industry actually was.

As much as there may be some positives to deepfake technology, the negatives easily overwhelm the positives in our growing society.

Front-end seems to be one of the most popular developers’ niche over the last years. Front-enders create the front view of the web application. The code consists of HTML, CSS, and JavaScript. Three of them create the magic we all experience on the internet. But there is much more than a web application that needs to work. The back-end is the other side of the applications that we don’t see, but the experience. 

Presently, the tech industry is seen to have dominated the global market with different developments from Web2 to Web3 in terms of its version and services.

You like Flutter, but then you know that Flutter is not well optimized and has some problems with SEO. I've figured a workaround to this issue.

Web4 is a term that is used to refer to the next generation of the internet. It is also known as the “more” decentralized web.

Application example built with Angular 14 with authentication using the Amazon Cognito service.

Application example built with Angular 14 and adding the Google reCAPTCHA v2 using the ng-recaptcha library.

Web scraping tools and framework comparison to bypass the most common anti-bot solutions like Cloudflare, Perimeterx, Datadome, Kasada and F5

This article will cover how to jump into Web3 development right without getting lost in the overabundance of the information.

I do not track you. I don't have to, and I don't care to.

In 1999, the conversation around the web focused on its power as a new media.

How to deal with the Browser SecurityError: The operation is insecure or localStorage is not defined.

JavaScript implementation of so-called Seam Carving algorithm for the content-aware image resizing and objects removal. Dynamic programming approach is applied

Let's take a look at how Typescript Interfaces and types differ.

The developer experience for Web3 is rife with inconveniences, including bloatedness, lack of protocol standardization, limited support for other platforms, and many more.

Application example built with Angular 14 and adding the map component using the leaflet library.

The spread operator, spread syntax or 3 dots (...), is a type of syntax in Javascript that is used by both function calls and arrays/objects.

Radix, the smart contract platform for asset-oriented DeFi, has released alpha images of its Web3 wallet, which aims to provide a wonderful user experience.

Application example built with Angular 14 and adding charts using the highcharts library.

Build an HTTP client using proxygen.

Application example built with Angular 14 and adding the Bootstrap CSS framework using the bootstrap and @ng-bootstrap libraries.

Let’s try our hand at building just such a frontend integration — a chat helper that can use OpenAI to answer a potential student’s questions...

Learn about the truth behind common myths about the darkvweb and get a better understanding of this mysterious part of the internet.

After creating an application in Vue, you'll often want it to consist of multiple views or pages.

Application example built with React with authentication using the Auth0 service.

Over the last years, but especially the last months, DeFi (Decentralized Finance) emerged to a popular and highly hyped niche within the crypto space.

Sadly, knowing the definition of a crypto-api is isn’t enough to enable you use it effectively. You still need a simple guide on which api to use and how to acc

envisioning a web that revolves around the user, not the server and not the Blockchain

Application example built with Angular 14 and adding the notification component using the ngx-toastr library.

Let’s face it: the internet is broken.

Each time you visit a website, your web browser (e.g., Chrome, Safari, or Firefox) first checks for the existence of one of two digital certificates

Even if you don’t have a chatbox on your website, you have definitely encountered one before. Facebook, eBay, Domino’s Pizza, and Universal Studios are some of the big names that have their own chatbots.

Application example built with React and adding the Material UI CSS framework using the @mui/material library.

There is a lot of information about different JS features. I want to tell you about equally useful, but less popular tips for working with this language!

Application example built with Angular 14 with authentication using the Supabase service.

How Ethereum’s composability created the most innovative ecosystem to date.

There are many different guides and guidelines on the Internet. I tried to go through all of them and put together a little cheat sheet.

The net can be thought of as a gigantic battlefield. Today there are a few impenetrable forts (to which everyone is invited so long as they play by the rules and give up certain freedoms), thousands upon thousands of skirmishes in lawless plains, and millions of scattered corpses across a charred wasteland.

Hi everyone! There are a lot of tips and tricks about CSS styling. But not in this article. Today I want to talk about how to use CSS more efficiently and make

In this tutorial, we will be combining the full power of React, Firebase, and CometChat to build a slack clone that will leave you mind-blown.

Using Github Repositories can be a helpful tool to learn coding. Here are 15 Most Valuable GitHub Repos for Web Devs in 2021 and what you can learn from them.

Enhance your SwifWeb app with SweetAlert2. Learn benefits & implement customizable alerts to replace boring JS pop-ups for better user experience.

A look at Web3 and the traditional web

An introductory lesson to React internals based on React Fiber.

Journey into the depths of the Internet with this incredible map showcasing undersea cables and internet exchanges.

Chrome has been my goto for almost a decade now. I’m the kind of person who finds it stupid to cover the webcam (unless I have a sticky note full of credentials on my fridge), so I guess its quite clear already that I’m not so high on privacy concerns but what bothered me the most was how much information Google was extracting from me.

Application example using Angular where a simple WEB application will be implemented to validate the user phone by SMS in the authentication.

Along the way, after getting smartphones and voice-controlled assistants, we've lost the plot. Perhaps embracing offline-first technology will help us find it.

HTTP (Hypertext Transfer Protocol) is the language that web browsers and web servers speak to each other. Example, Request a web page or download a file or watch a video, it is HTTP that makes it possible.1 — Building Blocks Of HTTP

Web Scraping for fun: With 'requests-html'

So you want to earn money by making websites? Five years ago, I was in your shoes searching for an article like this one. 

Application example built with Angular 14 and adding the ESLint using @angular-eslint/schematics library.

CSS Creator Håkon Wium Lie Interview

comparing centralization, partial (in name only) decentralization and true decentralization / the problems with blockchains / the single point of failure...

Coronavirus cases are increasing day by day. It’s very important to get vaccinated. so I tried to create an automated notifier to tell me when a lost opened up.

Today we’ll talk about accessibility.

Martin Nisenholtz is the former CEO of New York Times Digital and former SVP of Digital Operations at New York Times.

In this blog, we highlighted the automation of the shadow DOM elements using the selenium web driver.

Why in large web scraping projects there's the need of proxy servers? Here a brief explanation of what they are and how they work and their differences.

Python is one of the most powerful and dominant languages in web development. check more here about why to use Python for Web Development.

What is Web 3.0 and why should you care? 🤨 Amy Tom talks to Jaro Šatkevic, Head of Product at Mysterium Network, about the evolution of the web and Web 3.0.

In Javascript, we have numerous ways to check if something is or is not a number.

Explore the functionality and benefits of Scroll Snap, a powerful CSS feature that enhances scrolling experience.

While both achieve the goal of verifying a user’s identity, they work in different ways.

Server admins commonly use SSH to login to Linux servers. It is also good to setup SSH notification with IP geolocation for better security.

Have you ever wondered how computers store the floating-point numbers like 3.1415 (𝝿) or in the memory which consists of a bunch of ones and zeroes?

It is a web developer’s dream to get clients who understand development requirements. As a web developer you might be fluent in CSS, JavaScript, PHP, and of course, HTML. Hand coding skill is what makes a web developer indispensable.

Learn to create animations with this Animate.css tutorial for SwifWeb.

With this website, you get to run performance, lighthouse, core web vitals, visual comparison, and traceroute tests on your website.

Application example built with Angular 15 and hosted on GitHub Pages using GitHub Actions.

From Engineering to Surfing!

The trend of brutalism, which breaks the rules and catches people's attention, allows for the addition of interesting elements like screaming fonts.

While critics have argued that Web3 is currently undermined by too much centralization, at least one blockchain platform promises end-to-end decentralization.

Cheatsheet to make your web app more accessible with little effort

Anti-bot techniques are getting life harder for web scrapers. In this post we'll see how Kasada protects a website and how a misconfiguration of it can be used

There are a ton of articles written to help new programmers build their skills and succeed in a fast-changing and high-paying industry. The ability to learn new and complex things quickly is key to succeeding in the tech industry, which is always changing at a fast pace. One day the language or framework that you are using will go out of style and eventually you’ll need to pick up a new skill set.

A look at how web components can participate in a form.

With blockchain, Web3 users get more freedom, privacy and access to the same social services without fear of their data being used without their permission.

In this article, I'll share 7 optimization tips that every JavaScript developer should know.

Writer John Koenig created a Tumblr blog called The Dictionary of Obscure Sorrows.

What is the major issue with the internet today, and how can Web 3.0 fix it?

We had a nice chat with Douglas Crockford, a well-known American computer programmer who was involved in the development of the JavaScript language.

Redis hashes are a type of record stored in a Redis database. They are little like JSON objects and store data as key-value pairs.

Often there are disputes on the Internet about how best to download files — with a torrent tracker or through a file-sharing site. A torrent tracker is a simple site with user registration and a directory of links (torrents), structured according to the content of files. Torrents contain information about the file, users’ posts about it, and the address for downloading. There is a page of requests where you can ask to put certain information on the network.

Semil Vithani is the brains behind Arakis, a disruptive force in the travel industry that is leveraging web3 technology to challenge the status quo.

Learn how to test a Node.js application using Cypress inside a Docker container.

Webrings were once staples in Internet Culture. What happened to them?

The entire internet as we know it will change, and it all starts with some of the protocols we can already see. So, what kind of change can we expect with Web3?

You might be using Javascript plain old objects right now when a map may be a better solution to your problem.

HSTP bridges all Smart Technologies including all data and entities within each space, to facilitate a truly augmented technological experience.

In this tutorial, we'll go over creating a simple Twitter bot that uses the Today in History API and tweet what happened today in history.

Check out this chat progressive web app made with React Firebase and NodeJS it has push notifications , you send audios images or texts and a lot more features.

The Snake Game is one of the great classics of the 90s on Nokia mobiles. This tutorial shows you how to recreate it in HTML5.

A DDoS attack is a very common cyber-attack. In this article, you will learn about how to prevent it from happening to your WordPress website.

My crazy experience when buying products from a popular ecommerce platform.

Like-minded people created their own communities, rather than joining one that already exists.

How come QWERTY became the most popular keyboard, despite the fact that it might be not the most comfortable to use?

As all aspects of life continue to evolve fully into the digital age, businesses have come to the realization that owning an online presence is a prerequisite for their brands to remain relevant. However, some businesspersons, while trying to adopt this online approach, they make critical mistakes that backfire on their brands, both online and offline.

There are quite a few ways in Javascript to loop through an array of items or any other iterable item in Javascript. You may have seen them:

Let's talk about concurrency, async/await, promise.all, and lightning web components

Here are 5 hacks to help you optimize your SaaS landing page for more conversions. A landing page is a webpage that initiates a conversation and closes a deal.

When Brave came out, my world didn’t change. I figured there was no reason to change browsers in a post Internet Explorer world. After all, Google already controls most of my information, why on earth would I want to introduce something new into our almost exclusive relationship.

Deng Chao, a representative of HashKey Group, a blockchain-focused investment firm, discusses the market developments in the web3 space in 2022.

This is a second article in the ‘Decentralized web / dWeb’ series. To get an idea on what the dWeb is please check — this article.

The nullish coalescing operator is useful in situations where something can be returned as either null or undefined, and helps us tighten up our code.

In this article, we will create a WEB application using the latest version of Angular and integrate the AWS WAF CAPTCHA challenge to protect against bots.

Application example built with Angular 14 and adding the map Leaflet component using the leaflet library.

Actions individuals can take to fight against the recent trend of misinformation and protect themselves on the internet.

Top 10 Web Dev Tools in 2021

The GAM3 Awards seek to become the Grammys of web3 gaming, and have been created by a consortium of the industry's biggest companies and influencers.

Web3 refers to the third generation of the World Wide Web. How is web3 relevant to you? Is web3 real?

AI searchability means structuring your site so that AI can easily understand and extract your content.

This is a tutorial on how to create a distributed data store by implementing a leader based replication.

There are several security concepts and techniques, but each one has its purpose and I will introduce their concepts and practices in this article.

This comprehensive guideline assists in decision-making regarding testing at different levels - from Unit to End-to-end. It offers practical practices, rules of

The use of offline-first strategies by JavaScript enables space missions to function.

To enhance your Next.js application performance you should prevent typical mistakes while applying essential optimization techniques. Discover methods to reduce

The article offers a concise guide on exporting dashboard charts to PDFs using jsPDF, demonstrating the process with clear examples and minimal code.

If you are looking for a structural framework for dynamic applications, AngularJS is the ideal choice.

Today, cyber-attacks are a growing concern for many businesses, organizations, institutions, and everybody who uses the internet to provide or get services. As criminals devise new ways to compromise the traditional and modern security solutions, it is becoming more challenging protecting web and network systems.

It's something used all the time in Javascript, but often what it refers to is a mystery. Let's look at how this works in Javascript in different contexts.

Explore the Top 5 hidden Google Chrome features in this comprehensive guide. From time-saving shortcuts to customizable settings

Use a Ruby script to get the jab in India

v-if and v-show are two ways to conditionally render content in Vue.

Discover the steps I took to skyrocket my website performance score from 35 to a perfect 100. Learn about leveraging Next.js, optimizing images, choosing the ri

Arrays in Javascript are a simple, one-dimensional way to store simple sets of data. Arrays are non-unique, which means they can store duplicates (unlike sets).

Brian Mayer launched a website which listed reservations for sale to popular restaurants in San Francisco.

In part 1, we learned how to create a simple Twitter bot with Node.js. In this article, we will go over how to deploy the bot and schedule tweets

Make your web app accessible to everyone with Filestack's features and tools for maximizing accessibility.

The 0G Foundation and OnePiece Labs have joined forces to launch a pioneering incubation program.

Application example built with Angular 14 and adding the map component using the @tomtom-international/web-sdk-maps library.

Immediately invoked function expressions, or IIFE, are functions that are run as soon as you define the function.

As the web gets more complex, the demands on developers grow in turn. These are 9 essential tools that every web developer should use in their processes.

Let's set up your computer so it's ready to code.

Evolution of Cryptocurrency and DeFi to Web 3.0

Do you remind those web widgets all websites have been using in the 90s? Guess what, they're coming back.

Peter Sunde Kolmisoppi talks about his experience dealing with ICANN.

Dive into a comprehensive guide on unit testing that emphasizes aligning tests with user interactions, maintaining semantic structure, and optimizing component.

The ultimate NestJS Dockfile for optimized production image and local development.

Web 3.0 opens a new future where users and distributed machines can interact with data, value, and even other counterparties via peer-to-peer networks without the need for third parties. Therefore, Web 3.0 is considered a new generation of the world wide web to increase user utility and the number of online applications in exploiting the power of the current decentralized network.

How to build accessible reusable widgets and reusable components with the help of ARIA (Accessible Rich Internet Application)

Discover powerful strategies to optimize web performance through efficient resource fetching and prioritization techniques. Learn about preconnect, DNS-prefetch

Today, we want to guide you through the specificity of each storage device and its implementation to help you choose the optimal solution for your web project.

What is the "Grid" in CSS? How can I use "Grid" in CSS? Read this article by Nima Owji to learn how to use grid layout in CSS!

Discover why software architecture matters, key concepts like cohesion and coupling, and how to build scalable, maintainable projects in React, Vue, Svelte.

How we built "The Builder": the challenges we faced and how to build a modern, reliable, and quick continuous integration and deployment system.

Cyber insurance is a type of insurance policy designed to protect businesses and individuals against losses resulting from cyber attacks and data breaches.

With the new EyeDropper API in Chromium, websites can let visitors pick colors from anywhere on their screen

The concept of demand-responsive design builds off of the concept of responsive design.

Enrex continually looks for innovative methods in applying offsetting services in digital industries.

Both large and small businesses rely more and more on web crawling to boost their marketing efforts.

All the Key differences between Google analytics and Mikros and highlighted here in this blog

Whatever weakness is there in JS, attackers will use it to disturb the flow of the beautiful empire of JS.

While APIs are often the unsung heroes that keep workflows running smoothly, their rise in popularity has forever changed enterprise security.

Nowadays, all major websites use video ads so people have no choice but to open these sites. The website creators know about this.

Google wants to change a major part of web browsing by killing the URL, in parts though. After their first step was successful, here’s what they plan for the second step.

Application example built with Angular 15 and hosted on GitHub Pages using Travis CI.

How to put a div in the center using Flexbox? My name is Nima Owji and I want to show you how to put a div in the center using Flexbox.

Releasing a website is a stressful and important moment. And you want to make sure everything is ready.

It’s hard to believe, but after two and a half years of studying and about two years of meaningful job search, I finally got my first job in IT.

A tale of how yass static site generator was born, after so many yak shavings and bike shedding sessions.

A bad front-end development will affect your business, as well as your customer base. The first impression of a website is key.

Hey Everybody! I’m Nima Owji. I’m a web developer and app researcher.

As someone both in the crypto and the gaming industry, I believe that the most exciting technology of the present is Bitcoin because it has the power to change

The world of blockchain moves like crazy. Really. 

Is Web 3.0 really the future of the the internet and how is it different from the two previous generations of the internet? How did it change since the past?

Web automation and web scraping are quite popular among people out there. That’s mainly because people tend to use web scraping and other similar automation technologies to grab information they want from the internet. The internet can be considered as one of the biggest sources of information. If we can use that wisely, we will be able to scrape lots of important facts. However, it is important for us to use appropriate methodologies to get the most out of web scraping. That’s where proxies come into play.

The entire globe has been engulfed by the pandemic of Covid-19 and the worldwide economy has undergone a metamorphic phase where due to the need of quarantine, ecommerce businesses are benefiting and earning revenue like never before.

How to make handling the viewport on mobile less awful, correctly fill the viewport, and get correct specific viewport sizes.

Don’t get me wrong, it’s a funny title. It starts with how, whereas when you read it you probably wondered why.

Feel like learning something new? Want to experience Web 1.0 again? You definitely want to test-drive the Wicked Coolkit.