--- title: Best Hashnode posts — September 2021 | daily.dev description: The most upvoted Hashnode posts from September 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/09 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — September 2021 | daily.dev og:description: The most upvoted Hashnode posts from September 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 Hashnode — September 2021 1. 1 [](https://daily.dev/posts/how-i-use-notion-while-learning-programming-pidzhpdgm "How I use Notion while learning programming") Article Hashnode · 5y How I use Notion while learning programming Notion is an application that provides components, such as notes, databases, kanban boards, wikis, calendars and reminders. It has almost anything that you need for project management, note taking (except a scribble feature that I wish there was one) and writing blog posts. I use Notion while learning how to code in various ways. 121 11 2. 2 [](https://daily.dev/posts/top-10-programming-practices-to-code-like-a-pro-1t8ekeqcf "Top 10 Programming Practices to Code like a Pro") Article Hashnode · 5y Top 10 Programming Practices to Code like a Pro Good coding practices will save you time, effort, resources, and a hell lot of headaches. Back up and save your work people!!! If you lose your work just because of a minor issue, then all your hard work, all-nighters and headaches are gonna be for nothing. Write readable and efficient code. 105 9 3. 3 [](https://daily.dev/posts/how-i-make-css-art-4sbcf6-c8 "How I make CSS Art") Article Hashnode · 5y How I make CSS Art On the third of June 2021, I created my very first CSS art. I decided to write this blog post to illustrate my thought process from the very beginning up until publishing the art on codepen. Hopefully, this will attract more people into creating CSS art and have fun with it. 101 16 4. 4 [](https://daily.dev/posts/how-to-use-google-as-a-software-engineer-i8sgl9n5o "How to use Google as a Software Engineer") Article Hashnode · 5y How to use Google as a Software Engineer If you're just starting out your career as a Software Engineer or you have several years of experience, there are many aspects in which you need to gain proficiency. In this article, I'll be covering some key tips and tricks that can help you in becoming a proficient Google Search user and getting the information you need as soon as possible. 83 6 5. 5 [](https://daily.dev/posts/beginner-s-guide-to-hacktoberfest-2021-id2spuegu "Beginner's guide to Hacktoberfest 2021") Article Hashnode · 5y Beginner's guide to Hacktoberfest 2021 Hacktoberfest will be hosted by Digital Ocean for the 8th year in a row in partnership with GitHub and other companies. The event is open to everyone and it marks the celebration of Open Source. It's the biggest Open Source event that encourages newbies to participate in Open Source and create their 1st meaningful PR. 67 11 6. 6 [](https://daily.dev/posts/note-taking-for-software-engineers-ktz04f-bj "Note-Taking for Software Engineers") Article Hashnode · 5y Note-Taking for Software Engineers Software Engineer has learned how to be more organized and efficient while taking notes. Note-taking is something that requires method and discipline, it might seem easy to do, but it isn't. I've discovered two amazing concepts: the Second Brain Zettelkasten Method and the Notion app. 57 7 7. 7 [](https://daily.dev/posts/introduction-to-promises-and-async-and-await-promises-in-javascript--54fydfy7j "Introduction to Promises and Async and Await Promises in Javascript!✨") Article Hashnode · 5y Introduction to Promises and Async and Await Promises in Javascript!✨ A promise is an object that may provide a value sometime in the future. A promise may be in one of 3 possible states: fulfilled, rejected, or pending. A JavaScript Promise object can be:FulfilledPendingRejectedRejected. The Promise object supports two features: state and result. Async and Await functions will always return promises. 55 10 8. 8 [](https://daily.dev/posts/design-pattern-0sq0g9-w4 "Design Pattern") Article Hashnode · 5y Design Pattern Design patterns are a way to solve problems that are always occurring in any application that we make and design. A pattern serves as a "guide" to creating good design. You can use a design pattern to help you make your code easy to maintain after you have developed it. Every software developer and engineer should know them especially when dealing with the object-oriented design approach. 49 4 9. 9 [](https://daily.dev/posts/what-is-typescript-and-why-should-you-be-using-it--9rm0rhyvm "What is Typescript and why should you be using it?🤔") Article Hashnode · 5y What is Typescript and why should you be using it?🤔 TypeScript is a superset of JavaScript. All the concepts of JavaScript are combined with TypeScript's own concepts that make the language increasingly powerful. It converts your JavaScript which can be run on the web, on a phone, or on Node.js. TypeScript is widely used and loved by developers around the world. 49 2 10. 10 [](https://daily.dev/posts/why-i-have-switched-to-obsidian-t9km-kovp "Why I Have Switched to Obsidian") Article Hashnode · 5y Why I Have Switched to Obsidian With Evernote, my markdown app and some other apps and notebooks - basically all over the place. I felt something wasn't right, that this would do me in later on, but I didn't know how to correct it. I read a great article on organisation and taking notes by Eduardo Vedes - Note-Taking for Software Engineers. He explained the importance of taking notes and how Notion has helped him be more organized. That's where Obsidian comes in. 43 1 11. 11 [](https://daily.dev/posts/creating-kirby-with-css-art-mcjhfuixz "Creating Kirby with CSS art") Article Hashnode · 5y Creating Kirby with CSS art Today, we'll be recreating Kirby using nothing but CSS. The result will be the amazing Kirby you see below. Let's start by creating the HTML elements we'll need. Then we'll give Kirby its shadow shape with the pseudo :before selector. We'll use the before element to offset it to the background. And we'll use a double border-radius to offset the feet. 43 8 12. 12 [](https://daily.dev/posts/trying-out-next-js-for-the-first-time--n1-vtisoa "Trying out Next.js for the first time 🤯") Article Hashnode · 5y Trying out Next.js for the first time 🤯 Hashnode Bootcamp's Day 5 task was a perfect moment I could try a new thing and write about it. Here I am writing about using Next.js for two really basic things I needed to work on. Here are the projects: The Birthday Wish Generator and the Home Page. 37 4 13. 13 [](https://daily.dev/posts/make-your-github-profile-look-explicit--ktp8wyswa "Make your GitHub Profile look explicit! 😍") Article Hashnode · 5y Make your GitHub Profile look explicit! 😍 GitHub is a web-based platform for version control. It is a place where developers commit their code to share it with other developers for work purposes. Anyone can view your projects from anywhere in the world by just accessing your GitHub profile. In GitHub, any repository which has the same name as your GitHub username is considered a special repository. If that specific repository has a README file, that READme file is displayed on your profile. 36 3 14. 14 [](https://daily.dev/posts/getting-started-with-the-notion-api-40crcy6gc "Getting started with the Notion API") Article Hashnode · 5y Getting started with the Notion API Notion is a component-based note-taking app. It offers databases, calendars, files, and much more. Notion can be a super easy database source for any application we wish to make. This article will explore the Notion API, mainly getting an API key and query a database. 28 2 15. 15 [](https://daily.dev/posts/5-jetbrains-plugins-to-upgrade-the-built-in-git-support-to-the-next-level--xmlos-brl "5 JetBrains plugins to upgrade the built-in Git support to the next level!") Article Hashnode · 5y 5 JetBrains plugins to upgrade the built-in Git support to the next level! JetBrains Git plugin comes bundled with all JetBrains IDEs. It's a full blown Git client in its own right with almost all the features of a standalone client such as SourceTree, Tower or GitKraken but built into the IDE. There are even more features you can enhance your IDE’s Git support with. 28 2 16. 16 [](https://daily.dev/posts/i-created-a-web3-app-and-here-s-what-i-learned--zno7o0pah "I created a Web3 app and here's what I learned.") Article Hashnode · 5y I created a Web3 app and here's what I learned. Web3 is a decentralized app system that uses smart contracts to make it easier to build apps. The code is written in Solidity and the language is similar to C++/Java with a little Javascript thrown in there. A smart contract is simply a program with executable code that lives at a specific address on the blockchain. 27 1 17. 17 [](https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-phpstorm-uao5kxmbb "How to See Which Branch Your Teammate is on in PhpStorm") Article Hashnode · 5y How to See Which Branch Your Teammate is on in PhpStorm In PhpStorm, open up the Team Window by clicking GitLive on the bottom tool window bar. Locate the teammate you are interested in and click the arrow on the left-hand side of their avatar. Now you will see all the repositories they have cloned including the name of their current branch. 27 4 18. 18 [](https://daily.dev/posts/the-best-jetbrains-plugins-for-remote-working-xvmo-dfa2 "The Best JetBrains Plugins For Remote Working") Article Hashnode · 5y The Best JetBrains Plugins For Remote Working The best JetBrains plugins for remote teams. Real-time cross-IDE collaboration, merge conflict detection and video calls. Waka Time shows you how much time you’ve spent programming. SonarLint is a static code analysis tool that can help you write safe, quality code. 25 2 19. 19 [](https://daily.dev/posts/6-html-and-css-projects-for-your-portfolio-xndz0yoay "6 HTML and CSS Projects For Your Portfolio") Article Hashnode · 5y 6 HTML and CSS Projects For Your Portfolio We've made a list of 6 HTML and CSS Projects you can practice on and include in your portfolio. You'll be facing challenges that will require research to solve, and that ultimately improves your skills. If you want to be updated when we release new challenges, follow us on Twitter. 25 20. 20 [](https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-pycharm-asrnhgxz4 "How To Enable Real-Time Merge Conflict Detection In PyCharm") Article Hashnode · 5y How To Enable Real-Time Merge Conflict Detection In PyCharm PyCharm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them. 24 2 21. 21 [](https://daily.dev/posts/tell-me-about-a-time-you-had-to-learn-something-quickly-wxufgeelf "Tell Me About A Time You Had To Learn Something Quickly") Article Hashnode · 5y Tell Me About A Time You Had To Learn Something Quickly Behavioral Interview Round is also known as the Jedi Interview round at Facebook. The purpose of this interview is to assess whether the candidate will thrive in Facebook's peer-to-peer, minimal process, and unstructured engineering organization. For Software Engineers, the behavioral interview is actually part behavioral and part coding. 24 1 22. 22 [](https://daily.dev/posts/cherry-pick-your-teammate-s-changes-without-push-n-pull-ing-to-your-repo-in-vs-code-ymb0xlzyx "Cherry-Pick Your Teammate's Changes Without Push 'n Pull-ing To Your Repo In VS Code") Article Hashnode · 5y Cherry-Pick Your Teammate's Changes Without Push 'n Pull-ing To Your Repo In VS Code GitLive allows you to cherry-pick your teammate's changes straight from their local files. This means you don't have to push and pull to Git. Clicking on a file will open a diff of the changes so we can make sure it contains only the changes we need. Don't have GitLive installed yet? You can find it here. 23 1 23. 23 [](https://daily.dev/posts/skills-you-need-to-become-a-front-end-developer-in-2021-5fa-bidyg "Skills You Need to Become a Front End Developer in 2021") Article Hashnode · 5y Skills You Need to Become a Front End Developer in 2021 Front End Developer is a person who sets up the UI and tone of a site and translates the designs given by the product team. A front-end developer works on optimizing the performance of the site and components. Frontend development might be easy to learn but it takes time to master, especially on larger products. 23 1 24. 24 [](https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-webstorm-af-jqi4r6 "How To Enable Real-Time Merge Conflict Detection in WebStorm") Article Hashnode · 5y How To Enable Real-Time Merge Conflict Detection in WebStorm WebStorm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them. 23 1 25. 25 [](https://daily.dev/posts/6-ways-to-host-your-react-js-app-for-free-qmvid11yr "6 Ways to Host Your React JS App For Free") Article Hashnode · 5y 6 Ways to Host Your React JS App For Free Choosing a hosting provider for your app is very important, as your website performance depends on it. Here are some popular and free hosting services, that you can use to deploy your react app. Deploying an application created with a framework like React, Vue, or Angular differs significantly from deploying a website built with HTML, CSS, and JavaScript. 19 [See all Hashnode archives](/sources/hashnode/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/sources/hashnode/best-of/2021/09#page","url":"https://daily.dev/sources/hashnode/best-of/2021/09","name":"Best Hashnode Posts — September 2021","description":"The most upvoted Hashnode posts from September 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/hashnode/best-of/2021/09#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-i-use-notion-while-learning-programming-pidzhpdgm","name":"How I use Notion while learning programming"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/top-10-programming-practices-to-code-like-a-pro-1t8ekeqcf","name":"Top 10 Programming Practices to Code like a Pro"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-i-make-css-art-4sbcf6-c8","name":"How I make CSS Art"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-use-google-as-a-software-engineer-i8sgl9n5o","name":"How to use Google as a Software Engineer"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/beginner-s-guide-to-hacktoberfest-2021-id2spuegu","name":"Beginner's guide to Hacktoberfest 2021"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/note-taking-for-software-engineers-ktz04f-bj","name":"Note-Taking for Software Engineers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/introduction-to-promises-and-async-and-await-promises-in-javascript--54fydfy7j","name":"Introduction to Promises and Async and Await Promises in Javascript!✨"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/design-pattern-0sq0g9-w4","name":"Design Pattern"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/what-is-typescript-and-why-should-you-be-using-it--9rm0rhyvm","name":"What is Typescript and why should you be using it?🤔"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/why-i-have-switched-to-obsidian-t9km-kovp","name":"Why I Have Switched to Obsidian"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/creating-kirby-with-css-art-mcjhfuixz","name":"Creating Kirby with CSS art"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/trying-out-next-js-for-the-first-time--n1-vtisoa","name":"Trying out Next.js for the first time 🤯"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/make-your-github-profile-look-explicit--ktp8wyswa","name":"Make your GitHub Profile look explicit! 😍"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/getting-started-with-the-notion-api-40crcy6gc","name":"Getting started with the Notion API"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/5-jetbrains-plugins-to-upgrade-the-built-in-git-support-to-the-next-level--xmlos-brl","name":"5 JetBrains plugins to upgrade the built-in Git support to the next level!"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/i-created-a-web3-app-and-here-s-what-i-learned--zno7o0pah","name":"I created a Web3 app and here's what I learned."},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-phpstorm-uao5kxmbb","name":"How to See Which Branch Your Teammate is on in PhpStorm"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/the-best-jetbrains-plugins-for-remote-working-xvmo-dfa2","name":"The Best JetBrains Plugins For Remote Working"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/6-html-and-css-projects-for-your-portfolio-xndz0yoay","name":"6 HTML and CSS Projects For Your Portfolio"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-pycharm-asrnhgxz4","name":"How To Enable Real-Time Merge Conflict Detection In PyCharm"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/tell-me-about-a-time-you-had-to-learn-something-quickly-wxufgeelf","name":"Tell Me About A Time You Had To Learn Something Quickly"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/cherry-pick-your-teammate-s-changes-without-push-n-pull-ing-to-your-repo-in-vs-code-ymb0xlzyx","name":"Cherry-Pick Your Teammate's Changes Without Push 'n Pull-ing To Your Repo In VS Code"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/skills-you-need-to-become-a-front-end-developer-in-2021-5fa-bidyg","name":"Skills You Need to Become a Front End Developer in 2021"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-webstorm-af-jqi4r6","name":"How To Enable Real-Time Merge Conflict Detection in WebStorm"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/6-ways-to-host-your-react-js-app-for-free-qmvid11yr","name":"6 Ways to Host Your React JS App For Free"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/hashnode/best-of"},{"@type":"ListItem","position":5,"name":"September 2021"}]}]} ```