--- title: Best General Programming posts of 2021 | daily.dev description: The most upvoted General Programming posts of 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/general-programming/best-of/2021 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/general-programming/best-of/2021 og:type: website og:site_name: daily.dev og:title: Best General Programming posts of 2021 | daily.dev og:description: The most upvoted General Programming posts of 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of General Programming — 2021 1. 1 [](/posts/17-killer-websites-for-web-developers-wlofd5xb7 "17 Killer Websites for Web Developers") Article JavaScript in Plain English · 5y 17 Killer Websites for Web Developers The Unsplash API is a modern JSON API that surfaces all of the info you’ll need to build any experience for your users. Embeddable Widget Apps for Notion is a tool to add 3rd party apps to your Notion Document. Smart Mockup is the fastest web-based mockup tool. 635 36 2. 2 [](/posts/clean-architecture-on-frontend-sew4z9pjr "Clean Architecture on Frontend") Article DEV · 5y Clean Architecture on Frontend The Clean Architecture is a way of separating responsibilities and parts of functionality according to their proximity to the application domain. It is often referred to as a three-layer architecture, because the functionality in it is divided into layers. In this post we'll talk about what the clean architecture is in general and get familiar with such concepts as domain, use case and application layers. Then we'll discuss how this applies to the frontend and whether it's worth it at all. 369 25 3. 3 [](/posts/my-custom-css-reset-5w1hsb5j "My Custom CSS Reset") Article Josh W Comeau · 5y My Custom CSS Reset This tutorial explains how to use your own custom CSS reset. It includes all of the little tricks I've discovered to improve both the user experience and the CSS authoring experience. We'll dig into each rule, and you'll learn what it does and why you might want to use it. 366 28 4. 4 [](/posts/writing-clean-javascript-es6-edition-djk0jktgq "Writing Clean JavaScript — ES6 Edition") Article Geek Culture · 5y Writing Clean JavaScript — ES6 Edition Clean code is not just code that works, but rather code that can be easily read, reused, and refactored by others. This article focuses on writing clean JavaScript ES6 code which is not framework-specific. Most of the mentioned examples can apply to almost any other programming language. 326 29 5. 5 [](/posts/learn-in-1-hour-design-patterns-2n-cekp7u "Learn in 1 Hour: Design Patterns") Article JetBrains · 5y Learn in 1 Hour: Design Patterns This week's Hour of Code is about design patterns. Design patterns are reusable templates for commonly occurring problems in software design. At JetBrains Academy, you can get an introduction to design patterns and learn five types of the most common creational patterns. Click the links below to open the educational topics that will allow you to not only read a detailed theory about a specific design pattern but also apply your skills straight to practice. 248 7 6. 6 [](/posts/18-awesome-linux-themes-for-your-inspiration--vj94wnm2v "18 Awesome Linux Themes For Your Inspiration 🎨😍") Article Hashnode · 5y 18 Awesome Linux Themes For Your Inspiration 🎨😍 The other day I was browsing Reddit and bookmarked some neat custom-made, one-of-a-kind interfaces from fellow Unix users. I decided to share my findings, so you can get some inspiration, too. To find out the configuration details of each setup, click on the author's username. 245 16 7. 7 [](/posts/thank-you-github-82x17kchg "Thank you, GitHub") Article GitHub Blog · 5y Thank you, GitHub I’m moving on to my next adventure, and Thomas Dohmke will be GitHub’s next CEO. I will become Chairman Emeritus, which fulfills my lifelong ambition of having a title in Latin. My heartfelt thanks to every Hubber and every developer who makes GitHub what it is, every day. 243 10 8. 8 [](/posts/introducing-github-copilot-your-ai-pair-programmer-8c1qkefzk "Introducing GitHub Copilot: your AI pair programmer") Article GitHub Blog · 5y Introducing GitHub Copilot: your AI pair programmer GitHub Copilot is a new AI pair programmer that helps you write better code. It draws context from the code you’re working on, suggesting whole lines or entire functions. As you type, it adapts to the way you write code to help you complete your work faster. 240 21 9. 9 [](/posts/advanced-javascript-design-patterns-hakr-ecpz "Advanced Javascript Design Patterns") Article DEV · 5y Advanced Javascript Design Patterns Design Patterns are the solutions to commonly occurring problems in software design. These patterns are easily re-usable and are expressive. We will be discussing all these design patterns using Javascript es6 classes. I have covered here 20+ design patterns explanations in javascript. If you wish to learnAdvanced react component patterns, please find it here. 237 5 10. 10 [](/posts/how-i-structure-html-for-better-seo-results-quwh15yzv "How I Structure HTML for Better SEO Results") Article gitconnected · 5y How I Structure HTML for Better SEO Results Stephan Romhart explains how to use semantic HTML 5 tags for better machine readability. He also explains how he organize his CSS for websites without a framework. In his 20 years of web development experience, he’s developed a standard CSS approach for myself. He says that most websites can be built with the following boilerplate. 236 9 11. 11 [](/posts/13-best-tech-documentaries-for-developers-q58-sts-i "13 Best Tech Documentaries For Developers") Article Honeypot · 5y 13 Best Tech Documentaries For Developers There are hardly any documentaries out there about developers or software development. All you need is this personally curated list of ‘developer’ documentaries (I’m most excited about the last one!). Let’s jump in. Vue.js: The Documentary: The origins of the Progressive JavaScript Framework. GraphQL: The documentary traces the rise and rise of GraphQL from initial success. 236 11 12. 12 [](/posts/using-notion-to-organise-programming-topics-zatwt0etq "Using Notion to organise programming topics") Article Hashnode · 5y Using Notion to organise programming topics Commonplace books (or commonplaces) are a way to compile knowledge, usually by writing information into books. Commonplaces are used by readers, writers, students, and scholars as an aid for remembering useful concepts or facts. Notion is my preferred tool to implement a commonplace book for code related knowledge. 229 21 13. 13 [](/posts/10-best-websites-for-practising-and-perfecting-front-end-development-nu2hgmtcm "10 Best Websites for Practising and Perfecting Front-End Development") Article JavaScript in Plain English · 5y 10 Best Websites for Practising and Perfecting Front-End Development 10 Best Websites for Practising and Perfecting Front-End Development. Muthu Annamalai Venkatachalam has compiled a list of the 10 best sites to practice your front-end skills. You will reinforce everything you have learned through tutorials and become a more competent front- end developer by using these websites. 221 11 14. 14 [](/posts/my-room-in-3d-w76bme08k "My Room in 3D") Article Hacker News · 5y My Room in 3D My Room in 3D by Bruno Simon is out now on Blu-ray and DVD. The film is based on the book by the same name by Simon Simon. Click here for more information about the film. The book is published by Simon & Schuster, which also published the film in North America. 217 25 15. 15 [](/posts/20-vs-code-shortcuts-for-pro-developers-dt-i2owcv "20 VS Code Shortcuts For Pro Developers") Article Honeypot · 5y 20 VS Code Shortcuts For Pro Developers VS Code is one of the most used code editors among developers. It has some amazing features to help developers increase their coding speed. In this article, I'm going to go through 20 VS Code shortcuts that I find the most convenient for me when I'm coding. No worries if it doesn't apply to you, hopefully there will be at least a couple of shortcuts you can learn and apply when you next open VS Code. 216 16 16. 16 [](/posts/google-chrome-hidden-features-for-developers-0sc-uab50 "Google Chrome Hidden Features For Developers") Article Bits and Pieces · 5y Google Chrome Hidden Features For Developers Google Chrome Dev Tools is one of the most used tools among web developers. It has some amazing features that most developers are not aware of. In this article, I will discuss the top 5 Chrome DevTools experimental features every developer should try. Google Chrome Hidden Features Every Developer Should Know Google Chrome experiments you should try 205 24 17. 17 [](/posts/how-to-write-good-commit-messages-with-commitlint-hxd5bgrye "How to Write Good Commit Messages with Commitlint") Article freeCodeCamp · 5y How to Write Good Commit Messages with Commitlint Commitlint is a tool that lints your commit messages and makes sure they follow a set of rules. It runs as a husky pre-commit hook, that is, it runs before the code is committed and blocks the commit in case it fails the lint checks. We are going to see how we can set up commitlint in a simple JavaScript project. 200 24 18. 18 [](/posts/no-more-import-in-react-oyoumwmjk "No More ../../../ Import in React") Article DEV · 5y No More ../../../ Import in React Absolute imports make the component more readable and clean. Steps to configure absolute Import in Create React App without any third-party packages. For JET Brains IDEs like WebStorm, PhpStorm, RubyMine and etc, we need to add some additional configurations as below. 194 15 19. 19 [](/posts/dev-page---your-all-in-one-developer-page-devpage-yourname-xacvc6jhi "Dev.page - Your all-in-one developer page: devpage/yourname") Article Product Hunt · 5y Dev.page - Your all-in-one developer page: devpage/yourname Dev.page is your all-in-one developer page with your info, bio, skills, and links to your GitHub, StackOverflow, LinkedIn, Twitter, Blog and more. Claim your dev.page username and build an amazing page in just 2 minutes! 187 8 20. 20 [](/posts/visual-studio-code-shortcuts-a-programmer-s-guide-w0p7kecqd "Visual Studio Code Shortcuts: A Programmer’s Guide") Article SitePoint · 5y Visual Studio Code Shortcuts: A Programmer’s Guide This article covers default keyboard shortcuts for Windows, Linux and macOS. Visual Studio Code is one of the most popular and most used code editors. It’s open source and free to use. It provides support for many languages and frameworks, whether through built-in features or the extensive list of extensions available for the editor. 183 6 21. 21 [](/posts/100-things-you-should-know-as-a-software-engineer-uwi-mb-am "100 Things You Should Know as a Software Engineer") Article Hashnode · 5y 100 Things You Should Know as a Software Engineer Premature optimization is the root of all evil. It is quite rare that you ever need to build something from scratch. Use code comments to explain why you are doing something. 100% line/branch coverage doesn't mean your code is bug-free. Write your tests to covers all functional requirements, not to cover lines/branches. 180 12 22. 22 [](/posts/how-javascript-works-behind-the-scenes--gbwe8g4v6 "How JavaScript Works behind the scenes?") Article Dev Genius · 5y How JavaScript Works behind the scenes? How JavaScript Works behind the scenes? An overview walk-through of all the core components that are involved in the execution of JavaScript code. The Call Stack Concurrency and Event Loop. What happens when you have function calls in the Call Stack that take a huge amount of time to be processed in the browser. 180 22 23. 23 [](/posts/learn-responsive-web-design-by-building-20-projects-a-major-freecodecamp-curriculum-update-9ot-2xnrh "Learn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update") Article freeCodeCamp · 5y Learn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update The Responsive Web Design Certification is the first of freeCodeCamp's 10 currently-live certifications. Instead of coding lessons, you'll learn concepts and syntax through a series of 15 practice projects + 5 certification projects. The full certification will take most web development beginners around 300 hours to complete. 178 8 24. 24 [](/posts/how-to-set-up-your-programming-linkedin-profile-pbqxa8ny4 "How to Set Up Your Programming LinkedIn Profile") Article JavaScript in Plain English · 5y How to Set Up Your Programming LinkedIn Profile If you want to get hired as a web-developer, you need a LinkedIn profile. According to research, 87% of recruiters use LinkedIn regularly. LinkedIn uses keywords in various areas of your profile to determine if you’re a relevant result when a potential employer/recruiter is searching. 176 9 25. 25 [](/posts/secret-dev-tools-for-every-code-newbie-lev8kq1xq "Secret dev tools for every code newbie") Article DEV · 5y Secret dev tools for every code newbie This week we look at some of the best tools for new coders. These tools are not commonly recommended in online tutorials or articles and might not be well-known to code newbies. We also look at a new design tool called Figma, which is like Photoshop remixed with Google Docs. 170 6 [See all General Programming archives](/tags/general-programming/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/general-programming/best-of/2021#page","url":"https://daily.dev/tags/general-programming/best-of/2021","name":"Best General Programming Posts of 2021","description":"The most upvoted General Programming posts of 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/general-programming/best-of/2021#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/17-killer-websites-for-web-developers-wlofd5xb7","name":"17 Killer Websites for Web Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/clean-architecture-on-frontend-sew4z9pjr","name":"Clean Architecture on Frontend"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/my-custom-css-reset-5w1hsb5j","name":"My Custom CSS Reset"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/writing-clean-javascript-es6-edition-djk0jktgq","name":"Writing Clean JavaScript — ES6 Edition"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/learn-in-1-hour-design-patterns-2n-cekp7u","name":"Learn in 1 Hour: Design Patterns"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/18-awesome-linux-themes-for-your-inspiration--vj94wnm2v","name":"18 Awesome Linux Themes For Your Inspiration 🎨😍"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/thank-you-github-82x17kchg","name":"Thank you, GitHub"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/introducing-github-copilot-your-ai-pair-programmer-8c1qkefzk","name":"Introducing GitHub Copilot: your AI pair programmer"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/advanced-javascript-design-patterns-hakr-ecpz","name":"Advanced Javascript Design Patterns"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-i-structure-html-for-better-seo-results-quwh15yzv","name":"How I Structure HTML for Better SEO Results"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/13-best-tech-documentaries-for-developers-q58-sts-i","name":"13 Best Tech Documentaries For Developers"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/using-notion-to-organise-programming-topics-zatwt0etq","name":"Using Notion to organise programming topics"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/10-best-websites-for-practising-and-perfecting-front-end-development-nu2hgmtcm","name":"10 Best Websites for Practising and Perfecting Front-End Development"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/my-room-in-3d-w76bme08k","name":"My Room in 3D"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/20-vs-code-shortcuts-for-pro-developers-dt-i2owcv","name":"20 VS Code Shortcuts For Pro Developers"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/google-chrome-hidden-features-for-developers-0sc-uab50","name":"Google Chrome Hidden Features For Developers"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-to-write-good-commit-messages-with-commitlint-hxd5bgrye","name":"How to Write Good Commit Messages with Commitlint"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/no-more-import-in-react-oyoumwmjk","name":"No More ../../../ Import in React"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/dev-page---your-all-in-one-developer-page-devpage-yourname-xacvc6jhi","name":"Dev.page - Your all-in-one developer page: devpage/yourname"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/visual-studio-code-shortcuts-a-programmer-s-guide-w0p7kecqd","name":"Visual Studio Code Shortcuts: A Programmer’s Guide"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/100-things-you-should-know-as-a-software-engineer-uwi-mb-am","name":"100 Things You Should Know as a Software Engineer"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/how-javascript-works-behind-the-scenes--gbwe8g4v6","name":"How JavaScript Works behind the scenes?"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/learn-responsive-web-design-by-building-20-projects-a-major-freecodecamp-curriculum-update-9ot-2xnrh","name":"Learn Responsive Web Design by Building 20 Projects – a Major freeCodeCamp Curriculum Update"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-to-set-up-your-programming-linkedin-profile-pbqxa8ny4","name":"How to Set Up Your Programming LinkedIn Profile"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/secret-dev-tools-for-every-code-newbie-lev8kq1xq","name":"Secret dev tools for every code newbie"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"General Programming","item":"https://daily.dev/tags/general-programming"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/general-programming/best-of"},{"@type":"ListItem","position":5,"name":"2021"}]}]} ```