Let's learn about Code via these 108 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.“First, solve the problem. Then, write the code.” – John Johnson1. Why It is Important to Monitor Code Quality Code is a book and what the reader gets out of this book will depend on how the code is written.2. Differences Between Includes and Joins in Ruby on RailsMany of us know about includes, joins but sometimes we confuse about their usage. As I was experimenting with code refactoring in one of my projects, there I have tried these things. So I thought I can share these findings with you guys.3. VS Code Tutorial: How To Set Up A React.js Project With Next.jsExpress.js framework provides inbuild APIs which are very useful to build fast and scalable applications efficiently with React.js.4. Please Don't Use OFFSET and LIMIT For Your PaginationGone are the days when we wouldn’t need to worry about database performance optimization.5. Keyboard Handling in iOS using Swift 5“Handling Keyboard in iOS” — This has been a topic or rather a problem since the inception of iOS Development. Whether you are a beginner developer or an experienced one, you’ll always be dealing with the handling of keyboards in your apps! But there’s not just 1 issue with the keyboard that we are talking about here. We have to manually handle a couple of issues. Here, let me show you exactly what I mean -6. How to Create Digital Generative Art With PythonWe create Generative Art with Python. No paintbrush required! In this tutorial, we're going to be using four pieces of code - painter, utils, numpy, and more.7. Tutorial: How to Turn Figma Files to SVG with Rect ElementsHow to create SVG from Figma with rect instead of path elements8. 5 Common Web Development Mistakes and How to Avoid ThemThese mistakes can make your life worst as a website developer. Know them now so that you make sure to avoid them in your next website.9. Vibe Coding - A New System of the WorldIs the rise of vibe coding also the end of software engineering? How will vibeware change the nature of the software entrepreneur, and the meaning of work?10. How to Deploy Vlocity Components with Vlocity Build ToolA guide on how to deploy Salesforce Vlocity components using Vlocity Build tool and integrate it with your CI/CD pipeline.11. 5 Best VS Code Extensions for Refactoring that Every Dev Should KnowIf you’re looking at ways to clean up our code, reduce complexity and improve functionality - these refactoring extensions will help you move faster.12. Making List-Like Objects in Python - The Right WayIn this post, we will be talking about how Python likes to deal with "list-like objects". We will be diving into some quirks of Python that might seem a bit weird and, in the end, we will hopefully teach you how to build something that could actually be useful while avoiding common mistakes.13. How To Implement Simple State Container From ScratchLet's imagine that we have a component, a simple counter. The counter has a state and two buttons to manipulate with this state. We also have a function to render the state.14. What is the best line of code you've ever written?I recall going to a four-round interview and being asked "What is the best line of code you've ever written?".15. Webix Datatable. From a simple table to a complex solutionThe DataTable widget is a simple and at the same time powerful solution of the Webix UI library.16. Visual Studio Code vs Sublime Text: Which Editor Should You Choose? We have given the benefits of Visual Studio Code and Sublime Text in this article. Compare both code editors based on some factors and choose the better option.17. What Hardware Do Developers Truly Need?The bottom line is that learning to code is possible with a wide range of hardware configurations. it's not about having the most expensive machine18. Froala or QuillJS: Which HTML WYSIWYG Editor Should You Use?Froala vs. QuillJS - Which is the Best Editor? Froala WYSIWYG editor offers a striking collaborative platform to optimize and publish content on the web.19. An Essential Guide to Legacy CodeIn this guide, you'll learn what is legacy code, its characteristics, tools, and the best practices for working effectively with legacy code and technical debt.20. 4 Tips to Boost Your Productivity Using CursorCursor isn't just another IDE; it’s a productivity powerhouse. Here are 4 tips to 10x your productivity (again?)21. How to Restart the TypeScript NodeJS Application FastI have been working for the different kinds of Node JS application from the last 4 years. For every project I tried to improve the performance and code quality. From that, I found a very interesting way to restart the typescript application so fast.22. Review of 12 Online Code Editors for Web DevelopersSome online code editors have basic features similar to text editors while others complete Integrated Development Environments (IDEs). We review both.23. How To Deploy Angular App On HerokuHi All, Today we will talk about that how we can change our Angular app environment at run time when deploying the code on Heroku Server.24. First Impressions of YouCode: The Search Engine for ProgrammersAs a tech enthusiast and programmer, I love trying new platforms that attempt to reinvent the way we interact with computers, the internet, and each other. One of the most outdated yet crucial tools we interact with every day — the search engine — is due for disruption. Many companies recognize this and have tried to redesign and reinvent the search process. To stay at the forefront of this search engine revolution and take control over my search results, I experimented with several smaller search engines (most still in beta). One of the most innovative and curated alternative search engines is You.com. In my opinion, their recent release of YouCode has the potential to reshape how programmers interact with the internet, expedite problem solving, and enhance software design. Today I will be reviewing this novel search engine and discussing how I use it to improve my coding.25. Wall Street (Probably) Doesn't Want You to Know About Duck CodeThe Duck is present in all major financial markets, orchestrating movements on a grand scale.26. An Essential Guide to Adding TailwindCSS to your Hugo SiteIn this tutorial, we will learn how to add TailwindCSS to a Hugo project. Get everything wired up in just a few minutes with Div Rhino.27. Node.Js or Python and why? With this article, we will discuss every element of both the back-end technologies platforms to provide you with clear insights.28. 6 Essential Linux Terminal Commands Everyone Should KnowLinux is one of the best-known and most used operating systems in the world. Here are 6 essential commands which can make you better at using Linux systems.29. A Hack That Replicates Self, Mines Crypto Without CPU/GPUI was going to marathon livestream this, but all the joys of Hacker Noon's recent affiliation with Coil are beginning to show me (fractional) love.30. Using 7Zip to View Archive in Browser with JavaScriptSometimes you just need to have a look at a specific file in your archive and you don't want to install additional software to do this. 7zip.html solves this.31. Secure Coding Practices Every Developer Should KnowThis introductory article will help you to understand the best security standards and secure coding practices.32. 100 Days of AI Day 1: From Newsletter to Podcast, Leveraging AI for Audio TransformationHow to use the OpenAI API to convert your newsletter into a podcast. Part of the 100 Days of AI.33. Identifying Handwritten Digits From the MNIST Dataset Using PythonThe task is to classify a given image into one of the 10 digits. I’m doing it all in Python. Let's get started.34. Why Reading Code is Just as Important as Writing Code: How to Get Better at itReading code can help you become a better writer of it.35. The 9 Mistakes JavaScript Developers Make the MostIn this article, we'll take a look at some of the most common JavaScript mistakes and how to avoid them.36. Building Your First Coding Project and Avoid Tutorial HellWhile "real" hell may or may not exist (no need to get into religious beliefs here), tutorial hell is very real.37. How to Build a Slack Clone with React, Firebase, and CometChatIn this tutorial, we will be combining the full power of React, Firebase, and CometChat to build a slack clone that will leave you mind-blown.38. 10 Tips For Junior Developers To Succeed in CodeHere are 10 tips for junior developers that will help you get started on the right foot39. Best Online Code Editors To Use In 2022🚀Are you looking for the Best Online Code editors? Here is the collection of Best Online Code Editors For Web Developers.40. How too Much Love for Your Code Can Hurt the ProductA story about how important it is to keep a smooth balance between complexity and simplicity while building software.41. Thinking Critically About Monorepos and Why Its an Unhealthy Engineering PracticeOver the past few months, I've seen more and more engineering teams move away from using monoliths. In this blog I explain why this is a good thing.42. How to stop reading code and start delivering.Disclaimer: Since I work with JavaScript mostly, the article can be seen in the light of JavaScript aura, nevertheless, it is a general issue and should not be limited by boundaries of one language. All said below is applicable to entire software development.43. How to tell if your code actually sucks...There is no better moment for me than starting a brand new project.44. How Do You Deal With Outdated Code?Sometimes you gotta do what you gotta do to survive in this competitive industry.45. I Hacked An Android App To Get A Free HaircutAndroid apps are mainly composed of a bunch of binaries bundled together, built from compiled Kotlin or Java code. The original source code can be easily reconstructed by several light-weight tools, found on the top of a google search page.46. 17 Most Popular Tools For React DevelopersToday we will go into learning tools and libraries to help developers in the process of programming with React JS!47. Your Guide To Productive Python ProgrammingHave you ever felt that you are not coding Python as productive as you want to be? Python avoids repetition to do more work with less code.48. Developing An App with NodeJS: Best Practices to FollowHere are the 14 Node.js best practices that should be implemented while developing an app.49. How Twilio Sent Code to Space In a first of its kind mission, Twilio invited participants to launch their code into the stratosphere, and have it run in space.50. The Essential Dev Tools For Your Web Data Tech StackAs a developer, it's essential to keep up with the latest tools that can elevate your work and ensure you stay ahead of the competition.51. The Status of a North Korean: A Short Story Told in PythonHow do you write to your family from a country where censorship prevails? Hide your message in the source code.52. JavaScript Explained By a Non-DeveloperEver wonder how people on the outside of a specific industry such as software development understand and describe the common terms within that field? d.53. Cloud-Native Buildpacks, BuildKit, and Container Images: Qu'est-ce Que C'est?In this article, we’ll do a deep dive into the Buildpacks BuikdKit frontend implementation and see how it actually works under the hood.54. Client-Side Markdown Parsing and Dynamic PDF Generation SystemLearn how to build a simple AI-assisted text-to-PDF converter using HTML, CSS, JavaScript, and jsPDF in the browser.55. The Essential Guide to Using Promise in JavaScriptPromise in JavaScript is the way to wait for certain actions to process or complete.56. How To Manage Technical Debt ProperlyWe're used to thinking that you cannot deliver fast and maintain a healthy codebase. But does it really has to be a trade-off?57. How to Build a Live Code Sharing Platform With Dyte and ReactJsIn this tutorial, we will create a “Live Code Sharing Platform” that allows users to share code and engage in video and audio calls.58. The Secret To Brewing Up A Good APIWhat Makes a Good API? A good API does more than just taking input and returning output. It offers a few key items that make it enjoyable and easy to work with.59. The Code Is the Documentation; a Paradox That Rings TrueThe first time I heard someone say: “the code is the documentation”, I thought it sounded completely wrong, like a lazy excuse for not producing documentation.60. How To Sync Terraform Config And .tfstate File For Existing AWS ResourcesTerraform is a great (and dominant) infrastructure automation tool. It is multi-cloud, can build all sorts of resources, and in some cases supports API calls to build resources before the native tooling from cloud providers does.61. Introducing The Web Animations API and @okikio/animate @okikio/animate is an animation library for the modern web, it uses the Web Animation API to deliver butter smooth animations at a small size.62. Is No-Code Testing Actually Possible?Testing accounts for over a quarter of development timelines. Automated codeless testing can help remove bottlenecks bringing your software to market quicker.63. Tips For A Successful Concurrent Requests With Async/Await And Promise.allLet's talk about concurrency, async/await, promise.all, and lightning web components64. How to Super Charge Your Web Design Skills This YearThis story discusses 22 actionable tips that will help you all to improve your web design skills in 2022.65. Flask vs Django: Which Should You Learn?Looking for a Flask vs Django comparison? This article compares the two popular Python frameworks for web, apps, APIs, and backend development.66. Building a Live HTML Page Generator Using Pure JavaScriptA simple project that uses AI to build a webpage that turns simple text into an index. html.67. A Modern Take on the Terminal ExperienceSeveral tools have emerged to enhance the command-line experience, and Warp is one of the latest options aiming to streamline these processes.68. Writing Proper Code Is Vital: Here's WhyNovember of last year, OVO Energy sponsored a study finding that “If every Brit sent one less thank you email a day, we would save 16,433 tonnes of carbon a year — the same as 81,152 flights [from the UK] to Madrid.”69. Top 5 Tips for Becoming a Git ExpertBecoming a Git power user is on the bucket list of every developer. With our 5 Git tips you will level up your workflow and get one step closer to Git mastery!70. How to Work on an Unfamiliar CodebaseHence, if you want to understand a codebase better, you need more than to just read its code; you need to draw diagrams.71. 6 Ways to Make Pull Requests More ReviewableAfter more than a year of helping developers review code, I try to summarize easy and quick takeaways for a better pull request design.72. Key 2022 Statistics in the No-Code/Low-Code MarketWe explore a low-code/no-code market poised for exponential growth in the coming years.73. 25 Useful Websites Developers Don't Use EnoughThere are many websites to make the work of developers easier, even if they are as basic as helping you share your code. Here are 25 useful websites for devs.74. A Brief Intro to Legacy CodeLet's talk about legacy code and its refactoring75. Dissecting the Master Server: How DolphinScheduler Powers Workflow SchedulingDive deep into Apache DolphinScheduler 3.1.9's Master service startup process!76. What Traits Distinguish An Awesome ProgrammerWhat distinguishes great programmers from good ones?77. The Right Way to Learn to ProgramHow to learn programming topics efficiently and effectively.78. Is Technical Debt Actually Bad Debt? Release early, release often — just don’t forget to refactor ;)79. Devnaut Launches to Redefine Engagement With Complex CodebasesDevanut transforms the way development teams visualize, navigate, and collaborate on code, providing clear, intuitive maps of even the most intricate systems.80. Maintain The Quality of Your Node.js Apps With These Best PracticesNode.js is an open-source, cross-platform, Javascript runtime environment for running javascript code outside the web browser.81. How To Code Faster with Hundreds of Shortcuts in TeaCodeTeaCode is a time-saving app from Apptorium that gives you an enormous library of expendable code snippets for any programming language. Instead of typing the whole action, you can only put down the expander and it with unfold into a full section of code. Every time you use an expander, you save loads of efforts on hand-coding every line. Plus, you can create your own expanders in any language.82. Understanding Automated Code Explainers and Best PracticesDemystify code with automated explainers. Enhance understanding, detect errors, and foster collaboration in software development.83. How To Create a Simple Application Using GolangspellFor a couple of years I've been working with Golang, is such a great experience, Golang is a great language, in my opinion, simple, fast, and focused on high performance. But, not only it can help us to create a microservice that is fast, but we can also code quite quickly.84. Closures Demystified: Unlocking Hidden Potential in Your JavaScript CodeIf you have understood the discussion so far, you should feel confident in your capacity to discuss closures when asked about them during your next interview.85. The Kill Switch: A Coder's Act of RevengeA contract programmer was fired by a US trucking and logistics company. Unbeknownst to his bosses, he had secretly embedded a digital kill switch.86. Building Your Own Discord Bot With Python Is Easy Create your own Discord Server in just Four Lines of Code with Python87. Getting Familiar with a New CodebaseAs a developer, let's assume you just got a new job and you are finding it hard to settle in and start working on your new team’s codebase. In this article, we discuss some of the tricks that can help you familiarize with a new codebase faster.88. Open-Sourcing Code from a Private MonorepoA blog post explaining how we open source code from our private monorepo89. Exploiting Dynamically Generated Code: 2019 KCTF Problem 5Have you ever thought about exploiting dynamically generated code? Do you know that an exploit can also be source code instead of data? The root cause of this bug is an inconsistency in the JIT compiler of v8. The inconsistency tricked the JIT compiler to dynamically generate code that contains the array overflow bug. Our final exploit for the bug is some source code. This is very different from normal exploitation whose exploit is data.90. How to Deal With Major Challenges in Machine LearningWe often get blocked at different steps while working on a machine learning problem. In order to solve almost all these steps, I have listed down all the major challenges we face and steps we can take to overcome those. I have also categorised these challenges into different sub domain for easier understanding namely Data Preparation, Model Training and Model Deployment.91. AWS CloudFormation Template BasicsGet started creating IaC using CloudFormation templates.92. Striking the Right Balance: Speed vs. Quality in Software DevelopmentIn software development, one of the most significant challenges developers face is balancing speed with quality.93. An Introduction to the AWS Scheduled Lambda FunctionA solution using CloudWatch rules and alternative solutions.94. Codebase Migration: How to Successfully Migrate a CodebaseCodebase migrations are hard. Plan ahead and execution will be easy.95. Holochain Community HackathonsHolochain Hackathons promote a sense of building, community and collaboration and perhaps most importantly — they’re fun! Whether you want to learn more about Holochain or you’re an experienced Holochain developer ready to launch your next great idea, we would love to see you at our next Hackathon. The possibilities for what hApps can be created are truly endless and we’re so excited to see what you will build next. Join us for an agent-centric, self-organized experience and hands-on learning about Holochain!96. Top 12 CSS Selectors You Should KnowGet started with understanding CSS selectors. In this story, we cover Universal Selectors, Type Selectors, Class Selectors, ID Selectors, and more.97. Build Your Own Stop Motion Video Creator with HTML, CSS & JavaScriptBuild a stop-motion animation tool using HTML, CSS, and JavaScript. Upload images, preview frames, and export a video directly from your browser.98. Freedom Code: From One Dreamer to Others99. Stacked PRs: Rethinking Code ReviewsThis post explores shift-left principles and suggests that stacked PRs will become increasingly useful.100. Building an Accessible Web Tool for the Deaf and Blind Using AII built this tool as a simple way for anyone wanting to help in accessibility for people who can't express or communicate. Helping make communicating easier.101. Asterisk's Unnoticed Bug: The Double Quote BugWhile powerful, Asterisk is not foolproof. One bug generates the 400 Bad Request SIP error and is caused by the incorrect use of Double Quotes in the process.102. Introducing Tour My Pull Request For Github ExtensionProblem103. If you are already a happy coder, don't read thisit gets difficult, to keep your coding journey continues . It's alright!you are not good enough. Discipline doesn't mean do it every day without fail,104. 3 Key Questions You Need To Answer Before You Push That CodeBefore you commit that code and push it to the server deployment, ask yourself these three questions.105. How to Ask Users for App Ratings and Open Google Play Store (React Native)User ratings are very valuable to business as they play a crucial part in people's purchasing decisions; be it restaurants, movie tickets or in the current context, our react native app. You must have seen prompts when you are surfing through any android app or playing games, that ask you to rate the app in google play store.106. An Example of Leveraging Xamarin's Material Visual Feature for a Consistent Look in iOS and AndroidToday we are going to learn how to create a Material Outlined Entry entirely with Xamarin.Forms!107. Infrastructure as Code in Practice: What It Solves — and What It Doesn’tInfrastructure as Code has long become a standard approach to managing cloud infrastructure.108. The Noonification: How to Work on an Unfamiliar Codebase (5/18/2023)5/18/2023: Top 5 stories on the Hackernoon homepage!Thank you for checking out the 108 most read blog posts about Code on HackerNoon.Visit the /Learn Repo to find the most read blog posts about any technology.