freeCodeCamp·4yThe Software Architecture Handbook
In this article we'll talk about what architecture is within the software world, some of the main concepts to know about it. For each topic I'll give a brief and superficial introduction and code/pseudo-code examples. The most commonly used are REST, SOAP and GraphQl. Most often the HTTP protocol is used. But other protocols and content formats are perfectly possible.
LogRocket·4yMicro-frontend with React and Next.js
The bottom line is that you should split your project up so that the user experience won't be disturbed. It should look like this: We have to expose our component to make it globally available for another micro-frontend. We will use the exported component of fe1 and the function of fe2. Let’s treat fe3 as a consumer. Let's treat fe2 as a customer. Let�’S treat fe1 as a consumers.
Flutter·4yAnnouncing Flutter for Windows
Announcing Flutter for Windows Build high-quality Windows apps that also run on mobile and web. In 2021, Flutter became the most popular cross-platform UI toolkit. Nearly half a million apps use Flutter… So far, we’ve seen momentum that has exceeded our expectations.
LogRocket·3yBuild a real-time chat app with Rust and React
Rust is known for its speed and reliability, while React is one of the most popular frontend frameworks for building user interfaces. In this article, we’ll demonstrate how to build a real-time chat app with Rust and React that offers functionality for chat, checking user status, and indicating when a user is typing.
Ahmad Shadeed·4yInside the mind of a frontend developer: Hero section
The most important thing here is the thinking process, not the CSS outcome, as sometimes it can get fairly straightforward to understand. In this article, I will take you into the journey of building a hero section by showing you your thought process.
Community Picks·4yThe Back-end for Front-end Pattern (BFF)
SoundCloud has developed an application of the Back-end for Front-end architecture pattern, or BFF. The selling point for the architecture above is the flexibility that those reusable services offer. To empower third-party developers to build interesting integrations, you need to design an API that makes no assumptions about how the data is going to be used.
Hacker News·4y58 bytes of css to look great nearly everywhere
58 bytes of css to look great nearly everywhere (enhanced version) This should be simple drop-in css. I've since changed the padding to 1.5rem for a happier compromise between mobile and desktop displays. The padding also provides sorely-needed top and bottom whitespace.
LogRocket·4yMicroservices with NestJS, Kafka, and TypeScript
The microservices architecture is an increasingly popular architecture pattern that follows the SOA (Service Oriented Architecture) concept. This guide will demonstrate how to build microservices using NestJS, Kafka, and TypeScript. You will create an authentication microservice to create and save user details.
Hacker News·4ytabler/tabler: Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Tabler is a premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern browsers. The only requirement is basic HTML and CSS (and some Liquid) knowledge.
asayer·4yBuilding a Mobile App using HTML, CSS, and JavaScript
In this article, we will learn how to leverage the power of HTML, CSS, and Javascript to build a simple mobile app. We will not be using frameworks like Ionic or React Native. This tutorial focuses on showing how a basic web app can be made to feel and behave like a native mobile application that can be installed and run on mobile devices.
DevDojo·4yThis is how you make images Responsive in CSS
SnowBit is a young passionate and self-taught frontend web developer. He has an intention to become a successful developer. Today, he shows you how to make responsive images with CSS. He also shows how to use the max-width and independent height properties.
freeCodeCamp·3yLinux Networking Commands You Should Know as a Beginner
A basic understanding of the Linux terminal is enough to learn networking in Linux. How to find the IP Address of your machine is the most basic question in networking. What's an IP Address? IP stands for "Internet Protocol," which is the protocol governing how data are sent via the internet or a local network.
Hacker Noon·3yHow to Build a Smooth Authentication Flow System with Firebase
An authentication service protects your website from unverified users having access to the website's features or contents. It ensures users' identity is genuine by verifying their credentials, which are usually the username/email and password. We've all experienced this on platforms such as Facebook, Instagram or Twitter when we are trying to sign into our accounts.
LogRocket·3yNext.js vs. Nuxt.js: Ultimate guide
Next.js and Nuxt.js are modern JavaScript frameworks used to build modern web applications. Both are static site generators that embrace Jamstack architecture and are used on top of React and Vue, respectively. Next.js offers client-side and server-side rendering features and is used to develop fullstack React applications.
FlutterDevs·4yFlutter 3.3 — What’s New In Flutter
Google has merged 5,687 pull requests in bringing live the Flutter 3.3 version of its cross platform mobile app development kit. Flutter now provides the easiness of selecting the whole data in the web apps with a single sliding gesture by wrapping your widgets with SelectableArea widget. Impeller is also available in having access to these deltas allows you to build an input field.
freeCodeCamp·4ySEO Tips for Developers
This article will go over the top 10 tips to boost your SEO and grow your website. Reaching top positions in the search engine results pages with your website is one of the fastest ways to drive traffic to your site. Improve your navigation so readers don’t get lost or stuck trying to find what they came for. Remove annoying pop-ups that distract users from reading your content.
asayer·4yTop 7 Project Management Tools for Developers
Jira has an interface that makes up the workspace for every developer. It focuses primarily on project management, with features geared towards Kanban and Scrum methodologies. Jira was intended to be a bug-tracking software, and it is where the tool excels. It helps the team find, track, and record software bugs. The tool can be customized to fit any requirement. The tool is difficult to set up and get used.
freeCodeCamp·4yHow to Choose a Tech Career in 2022 – A Career Changer's Guide
As a UI/UX developer, your job is to design and build out a user's experience for a brand or company. A code editor/IDE is where you'll write your code, debug it, and preview written code. Git and GitHub for version control is a system that helps you review your code in stages and keep track of your revisions. Git is a version control system.
