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·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·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·4yIntroduction to Vite: The Next Generation Frontend Tooling
Vite is the next generation frontend tooling. It is a solution to slow server starts because it uses native ESM to serve code. Most tools like webpack, Parcel and Rollup are bundle-based. This means the code has to be completely bundled before it can be served. Vite only needs to transform and serve source code on demand.
Hashnode·4yRole-Based Authorization in NodeJs
Authentication and authorization in Express.js can be achieved easily using middleware functions. To make things easier we made available some starter files if you would like to code along. The finished version lies on the main branch while the starter files are on the starter branch. We made everything simple enough so just anyone whether a beginner or intermediate developer can follow along.
Hashnode·4yWhy developers must start blogging and how to start?
This article mainly targets developers willing to write but reluctant about it or unsure how to get started. If you are a blogger, please leave a comment below sharing your experience and expertise on this topic. In this article, we will discuss why a developer must consider blogging, their benefits, and most importantly, how to getting started with it.
Hashnode·4yHow To Increase Your Visibility as a Developer
Developers can increase their visibility and opportunities by joining a community. Join Hackathons, meet-ups, conferences or any other coding-related events. Find a mentor and create videos or blog posts to help you grow your audience. Get into open source projects by becoming one of those developers that assist with coding new features.
Hashnode·4yPatterns That Every Developer Should Know
This article uses TypeScript for code examples, which is a change from my usual habit of using C#. I want my articles to be as helpful to as many people as possible, and TypeScript is probably the most commonly understood language around that has static typing. Even if you never have to use any of these patterns, it is important to know what they look like and the problems that they solve.
Hashnode·4yGraphQL vs REST: putting it to rest
GraphQL allows users to request data from several resources using a single request. Rather than making multiple requests to fetch data, you can use it to make ad-hoc queries to a single endpoint. GraphQL allows client to specify the precise type of data to be received from the server.
Hashnode·4yDon't be afraid of TypeScript
TypeScript is a programming language built on top of JavaScript. It is a superset of JavaScript to be correct. TypeScript allows us, developers, to create more robust and secure applications to provide a better experience for the end-user. We will use a template to structure functions, so it will help it know what is expected from us.
Hashnode·4yIt's OK to Learn Programming Slower 🐌
Learn to program for the sake of learning to program. Work in shorter increments and make use of tools like white noise machines and pomodoro timers. Be curious and have a sense of adventure! The only reason you will get angry when you stumble with a topic is because you're in a rush.
Hashnode·4ySteps To Build A Professional Next.js Portfolio
In this blog I am going to explain all necessary steps to create a multiple pages portfolio/website using React, Next.js and Tailwind with JavaScript. We will use React because its preferable when dealing with or building multiple pages, server-rendered websites. Tailwind works by scanning all of your HTML files, JavaScript components, and any other templates for class names.
Hashnode·4yNode.js ORMs overview and comparison
ORM is a library to access the database, high-level library where you can define models, relations. Ideal ORM allows to define queries and then combine and reuse them to construct more complex queries. I'll share my experience of working with 6 popular ORMs including knex which is query builder.
Hashnode·4yI went deep down the NPM docs to learn more about Package.json
Package.json is the document which contains the most important metadata like packages, scripts which is required to both run and publish the project. NPM requires you to give all the info enclosed in json format. The name property should be equal or less than 241 characters. The allowed characters are ABCDEFGHIJKLMNOPQRSTUVWXYZ.
Hashnode·4yThis Article Will Solve 80% of Your CSS Problems ('Cascading' Explained)
Cascading is the first word of the acronym, yet it is one of the most overlooked and misunderstood feature of the styling language. The browser follows a set of rules to determine the winner (called the cascaded value ), and this set ofrules is exactly what is called the cascade.
Hashnode·4yBest way to solve a problem
Problem solving is the process of devising solutions to overcome obstacles in pursuit of a goal. It's also an act of defining a problem, determining the cause of the problem, identifying, designing, and implementing a solution to the defined problem. This article lays more emphasis on problem-solving techniques in programming.
Hashnode·4yThis article is written by an AI 👀
React is a JavaScript library that allows you to build user interfaces with JavaScript. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. It can also be used to create more complex views, such as a shopping cart or a blog.
Hashnode·4yCSS Logos: GitHub logo
The GitHub logo contains Octocat, their mascot, and it is not an easy shape to re-create. I tried to use as few elements as possible to challenge myself. The logo is made up of a round shape containing a cutoutOctocat. The body is a cylinder shape but has some weird rounded edges that are pretty difficult to create.
Hashnode·4yImportant CSS properties that are very handy.
There are some hidden properties that can save us lots of time while coding. Inline-flex makes the flex container behave like an inline element instead of a block element. The align-self property specifies the alignment for the selected item inside the flexible container. We will discuss 4 CSS properties and 1 HTML entity.
Hashnode·4yCreating a React Native Ecommerce app with Medusa
Medusa is an open source headless commerce platform that allows you to create stores in a few minutes. It includes every feature a store needs such as order management, customers, payments, products, discounts, and a lot more. In this tutorial, you are going to create two screens, one for all products and the other for the product info.
Hashnode·4yI ❤️ Tutorial Hell
When learning something new you're going to have to have someone help guide you. The good tutorial-folx spend a lot of time getting things correct so they can explain them fluidly and easily. The coding is formatted, sequential, and oftentimes high quality. It's good to go back and re-do the tutorial with even more add-ons, fixes, and changes.
Hashnode·4yGolang introduction: build a mini Twitter clone
This article is for those who want to quickly glance over Golang and build a small project. It serves as an introduction into the language. Go excels in the back end with Goroutines and Channels. It offers quick development with a minimalist C-like language.
Hashnode·4yCSS Logos: daily dev Logo
In this article, I recreat my employer's logo in CSS. I'll use SCSS since it's easier to make it visually explained. The logo itself looks like some basic shapes, as seen below. The square has rounded corners and a square inside. The line in the middle has some trapezoid borders.