Hashnode·4ySystem 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.
Hashnode·4yThe 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.
Hashnode·4yPortfolio Ideas - An open-source repository for inspiration
Portfolio ideas is a repository of incredible developer portfolios you can draw inspiration from. It is also a beginner-friendly open-source project for developers looking to contribute for the first time. To add a portfolio, you can either create a new table or copy an already existing table and edit it.
Hashnode·4yJokes only programmers will understand
To understand these jokes, you have to be a programmer, and if you're not don't worry. Laugh and also share them with your friends that are programmers. It isn't an easy thing to become a programmer. You need some minutes to at least laugh and forget the stress you've been through.
Hashnode·4yMy Terminal Has SUPER Powers!
Fig.io has full autocomplete and IntelliSense just like inside of VS Code. This plugin is completely free (Mac only though), so you can head to the website now to download and install. The install process should be pretty straightforward, and after you have it set up you should immediately see it in action.
Hashnode·4yIntroducing JSON Hero: an open-source, beautiful JSON viewer for the web that lets you browse, search and navigate your JSON files at speed. 🚀
Johannes Schulte has created a tool to make reading and understanding JSON easier and more efficient than a Wall-O-Text. JSON Hero is a remix React app that runs on Cloudflare Workers, written in Typescript. It can automatically infer the content of the selected item and give you intelligent previews for dates and times.
Hashnode·4yJavaScript object destructuring tips
Destructuring is an extremely useful way of extracting properties from objects. Destructuring also works on arrays, but let's focus on objects for this one. We can omit the double use binding of the name properties and destructure the properties like this. With destructuring, we can also target nested properties.
Hashnode·4yCommit Like a Pro
Committing changes is a common action that many developers do most of the time in case of contribution. You stage your changes and commit them so then they will be trackable in the history. In this article, we are going to talk about some common conventions and git commit best practices in order to make perfect commits.
Hashnode·4yLearn Go: The complete course
Go (also known as Golang ) is a programming language developed at Google in 2007 and open-sourced in 2009. It was designed to combine the efficacy, speed, and safety of a statically typed and compiled language with the ease of programming of a dynamic language. Go has just 25 keywords which makes it easy to read, write and maintain.
Hashnode·4yDon't lose your Github contributions when you leave an organization
A Github profile for software engineers is like their resume or at least I treat it like one, hence it's important to keep it up-to-date, authentic and relevant. Having a consistent contributions graph on your Github profile helps you get noticed by possible future recruiters and in general, it shows your consistency.
Hashnode·4y5 Tips For Writing Cleaner Code
Nesting in code is something we do all the time, and although there's nothing inherently wrong with nesting, it can sometimes make code harder to read. The "Return Early" design pattern allows us to use the if statement as a guard clause to check for errors and return before executing any further code.
Hashnode·4yBetter scrolling through modern CSS
scrollbars are a very mundane thing that every website and every app has. They don't get much love from developers, but we should be paying a little more attention to them. Let's look at some of the things we can do in 2022 to improve the scrolling experience.
Hashnode·4yNever stop learning
There is always something to learn, something that changed, or something you could improve on. Good developers have a knack for learning, absorbing, and mastering things. There are no shortcuts to learning, so take small steps. documenting your journey can help you see how much you've grown.
Hashnode·4yThe 60:30:10 color rule for web design
Color plays such an important rule in the design of your websites or apps. The 60% is the neutral or primary color this should be the base color of your design. The 30% is secondary color this is the complementary color and will support the main color.
Hashnode·4yBuild 5 Web Apps in 10 Hours using Next.js, React.js & Tailwind CSS.
This post tutorial shows you how to build 5 Web Apps in 10 hours. All of the web apps are part of the Frontend Mentor challenge projects. The goal is to make it look like the design given by the Front End Mentor. Here are the links to all the projects that we will build.
Hashnode·4yHow to Create a Legendary GitHub Profile?
I just started blogging here on Hashnode a few weeks ago. Only after I posted my first article realized that Hashnode is much more about than just writing. The greatest opportunity actually is reading. I read whenever I am travelling, smoking or walking on the street and sometimes even on the toilet. I am constantly browsing the Recent section of the Hashnode app.
Hashnode·4yThe End of Localhost
Dev environments should be cattle, not pets. It looks likely that in future, most development will not be done on localhost. The time wasted fixing bugs between dev and prod environments goes from 1-4 hours a week down to 0. Many Bigcos who have invested in their developer productivity already work entirely in the cloud.
Hashnode·4yPlease Start Writing Better Git Commits
The Problem With Your Current Commits: They're not informative enough. Smaller, atomic commits are much easier to understand and can be rolled back without affecting other working code. If you want to take it a step further, you could follow the Conventional Commits specification. Be sure to follow me for more like this!
Hashnode·4ySessions vs JWTs - A Complete Guide to Authentication
Authentication or auth for short is the process where a server recognizes the identity of a user. Authorization is then done, to allocate a role to the authenticated user and allocate the required services to that particular user. There are 2 ways you can implement auth:Server-side sessions and JWTs.
Hashnode·4yI Design, You Build! - Frontend Challenge #4 (Supabase version)
This is the first prizes giveaway for "I Design, You Build" series. There will be AWESOME SWAG prizes to rewards 5 winners that has the best submission (I will be the judge) The judging period will be 1 month time from the today! Dateline for submission will be 7 May 2022.
Hashnode·4yBuild your first Electron app
Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many more. The framework is designed to let developers create desktop applications using web technologies such as JavaScript, HTML, and CSS.
Hashnode·4yThe Pros and Cons of TailwindCSS
Tailwind is a front-end CSS framework that has taken off more than any other recently. Instead of creating a set of selectors and bespoke classes to style your code, you use a large set of single-purpose utility classes. In essence, you add nearly all your style right into your frontend HTML, React, or Vue code.
Hashnode·4yWhy You Should Ditch Create-React-App for Vite
Vite is a build tool similar to Webpack. It can be used for React, Preact, Svelte, Vue, Vanilla JS, and LitElements. Vite uses route-based code-splitting to figure out what parts of the code actually need to be loaded, and doesn't have to pre-bundle everything.
Hashnode·4yHow to design better APIs
When creating an API from scratch, you need to get many details right. From basic security considerations to using the right HTTP methods, implementing authentication, deciding which requests and responses you should accept and return, ... the list goes on. In this post, I'm trying my best to compress everything I know about what makes a good API.