Best of daily.dev — 2022
- 1
- 2
- 3
Community Picks·4y
JavaScript Visualized: the JavaScript Engine
JavaScript is based on the V8 engine used by Node.js and Chromium-based browsers. The engine tries to avoid parsing code that's not necessary right away. The optimized machine code can simply be re-used in order to speed things up. V8 is open source and has some great documentation on how it works under the hood.
- 4
Changelog·4y
Free Open Source Tailwind CSS Components
HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more. HyperUI is an open source collection of Tailwind components.
- 5
Medium·4y
Fantastic CSS border animation
In this article we will use CSS to create a variety of wonderful border effects. The most commonly used one is solid , dashed which appears in the picture above dashed. CSS border also supports none , hidden , dotted , double , groove , ridge , inset , and outset other styles.
- 6
Modern Web App Design Patterns
Design patterns are descriptive, not prescriptive. They can guide you when facing a problem other developers have encountered many times before. They are not a blunt tool for jamming into every scenario. Patterns.dev aims to be a catalog of patterns (for increasing awareness) rather than a checklist (what you must do)
- 7
- 8
Developer Roadmaps
Developer Roadmaps roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings. The project is OpenSource, 6th most starred project on GitHub and is visited by hundreds of thousands of developers every month. We are working on a solution for teams. Help us shape the platform. The project has a solution to build and build a new software that will be available.
- 9
Netflix System Design- Backend Architecture
Netflix accounts for about 15% of the world's internet bandwidth traffic. Netflix operates in two clouds Amazon Web Services and Open Connect (Netflix content delivery network) The overall Netflix system consists of three main parts. Zuul as its API gateway is built to allow dynamic routing, traffic monitoring, and security, resilience to The Netty handlers on the front and back of the filters.
- 10
- 11
- 12
Say bye bye to bad javascript practices
Some small practices in programming can have a continuously negative impact on the code we write and the product we create as the end result. It’s important to share what they are and why you should avoid them at all costs. Here are a few tips and reminders to help you write code comments like a pro.
- 13
Hashnode·4y
System Design: The complete course
System design is one of the earliest decisions we can make when building a system. System design meets the needs of your business or organization through coherent and efficient systems. The OSI Model can be seen as a universal language for computer networking. It's based on the concept of splitting up a communication system into seven abstract layers, each one stacked upon the last.
- 14
JavaScript Patterns Workshop
The goal is to raise awareness to certain patterns, the problems they solve, and their implementation. The patterns covered on this website and in the workshop can guide you when facing a problem other developers have encountered many times before, but are not a blunt tool for jamming into every scenario.
- 15
LINUX Commands
List your jobs. & Run a job in the background. Suspend the current (foreground) job. Unsuspend a job: bring it into the foreground. bg Make a suspended job run in thebackground. ls List files in a directory. mv Rename (“move”) a file. rmdir Delete (remove) an empty directory and its contents. shred Completely erase a file when the file is deleted.
- 16
The Complete Modern React Developer 2022
This course will give you the skills and knowledge to become a Software Developer across the full stack. We will be building a super basic Twitter clone that has CRUD functionality for posting, reading and deleting tweets. In this section you will learn how to setup a Node backend using both Express.js and Nestjs. And as a bonus you will also learn some DevOps when we put a MongoDB and Postgres database inside of a Docker container.
- 17
- 18
Bun is a fast all-in-one JavaScript runtime
Bun is a modern JavaScript runtime like Node or Deno. It was built from scratch to focus on three main things:Start fast (it has the edge in mind) New levels of performance (extending JavaScriptCore, the engine) Being a great and complete tool (bundler, transpiler, package manager)
- 19
CSS-Tricks·4y
The 60 Hottest Front-end Tools of 2021 | CSS-Tricks
The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. I’m sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity.
- 20
Bits and Pieces·4y
How to Fetch API Data in React Like a Pro
How to Fetch API Data in React Like a Pro Building applications the user use love is not an easy task. The technique we are going to talk about is known as render as you fetch. This simple technique is also suggested by React itself while fetching data.
- 21
12 APIs that you as a developer will love it
API stands for “Application Programming Interface,” which is a way to communicate between different software services. I created a list of cool, free and easy to use APIs that I like to use, that I will share with you. I hope you like it!
- 22
- 23
- 24
Full Docker Course [FREE]
The course is a mix of animated theoretic explanations and hands-on demo’s to follow along. You will have a deep understanding of the concepts and a great overall big picture of how Docker is used in the whole software development process. It's a handy way to quickly look something up or refresh your knowledge at work.
- 25
Josh W Comeau·3y
An Interactive Guide to Flexbox
Flexbox is a remarkably powerful layout mode. It uses fluid principles to create a layout that flows seamlessly. When we truly understand how it works, we can build dynamic layouts that respond automatically. We'll build an intuition for how the Flexbox algorithm works, by learning about each of these properties.
