Community Picks·3yFrontend Developer Roadmap
Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity.
freeCodeCamp·3yFull Stack Engineer – Career Guide
Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering.
Community Picks·3y⚡refine.new - Introducing the Fastest Way to Create React Apps
Discover how refine.new is transforming the way developers create React apps with its fast and easy-to-use browser tool. Learn about the benefits of using refine and refine.new, including time-saving, high-quality code, enterprise-grade applications, and open-source availability.
Permit.io·3ySend SMS Directly from the Browser (No Backend Code Required!)
We'll learn how to send SMS directly from the browser using Frontend Only Authorization (FoAz) standard. To authenticate our users in the browser, we'll use Clerk.dev, a frontend-first authentication platform that lets you add authentication to your application in minutes. Let's create a new React app by using Vite.
Medium·3yMust Know JavaScript API — Page Visibility API
The Page Visibility API is a browser API that provides a way to detect if a page is visible. This article will introduce what the Page Visible API is, how it works, compatibility, and usage scenarios. In front-end development, we often need to control the use of resources and improve the performance and responsiveness of a page.
JavaScript in Plain English·3yMust Know JavaScript API — Performance API
The Performance API is designed to help developers locate and solve performance problems and optimize page loading speed and user experience. It can be used in the following scenarios: Web Page Performance Monitoring Measure and analyze page load time, resource load performance, critical rendering path and other metrics to understand web page performance bottlenecks.
JavaScript in Plain English·3yMust Know JavaScript API — Fetch API
The Fetch API is a modern JavaScript API for making web requests. It provides a cleaner, more flexible way to send and receive data and replaces the traditional XMLHttpRequest. The API is widely used in front-end development, especially for building single-page applications.
ByteByteGo·3yEP58: 10 Key Data Structures We Use Every Day
18 most-used Linux commands are instructions for interacting with the operating system. You need to become familiar with these commands in order to navigate and maintain Linux-based systems efficiently and effectively. Full stack development involves developing and managing all layers of a software application, from user interfaces to storage.
Permit.io·3yIntroducing FoAz: Frontend-only-Authorization
FoAz is designed to solve two key problems faced by modern application developers. It allows developers to "slap on permissions" on existing services that don't have an authorization layer yet, require better policy models. FoAz acts as a proxy service that accepts incoming API calls from the frontend.
Christian Heilmann·3yI just did a test to apply as a front end developer – and things aren’t going well
Christian Heilmann just did a test to apply as a front end developer - and things aren’t going well. It was a test that covered the basics of web development, CSS and accessibility and the rest would be a JavaScript exercise. The test suite was to implement a calculator with an alternative syntax to the usual infix notation.
Medium·3yMust Know JavaScript API — Beacon API
Beacon API is a new browser API provided by HTML5 that can be used to send data asynchronously in the background of the browser without affecting the loading and performance of the current page. With the Beacon API, developers can send data to the server when pages are unloaded or closed, thus enabling some monitoring and logging features.
freeCodeCamp·3yHow to Build an AI-Powered ChatBot with OpenAI, ChatGPT, Node.js, and React
How to build an AI-Powered ChatBot with OpenAI, ChatGPT, Node.js, and React Artificial Intelligence (AI) This article will teach the basics of building a chat application using the chat completion functionality to make it easy for every programmer to get on board. It is not as tough as it looks.
ITNEXT·3yLayout Composition Using Styled Components Without CSS-in-JS
Using Styled Components Without CSS-in-JS is an emerging pattern that allows us to build truly reusable components that can adapt to various use cases that diverge so often in an evolving product design. There is a new generation of libraries, such as Radix UI, that finally allow us to use the tools functionally.