--- title: Best Hashnode posts — February 2021 | daily.dev description: The most upvoted Hashnode posts from February 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/02 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/02 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — February 2021 | daily.dev og:description: The most upvoted Hashnode posts from February 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 — February 2021 1. 1 [](https://daily.dev/posts/100-most-asked-javascript-interview-questions-and-answers---part-1-lqj3kzz4a "100 most asked JavaScript Interview Questions and Answers - Part 1") Article Hashnode · 6y 100 most asked JavaScript Interview Questions and Answers - Part 1 JavaScript is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. It is most well-known as the scripting language for Web pages, but many non-browser environments also use it, such as Node.js, Apache CouchDB, and Adobe Acrobat. 96 13 2. 2 [](https://daily.dev/posts/free-tailwind-css-resources-jz-bfbmx3 "Free Tailwind CSS resources") Article Hashnode · 6y Free Tailwind CSS resources Tailwind CSS is a utility-first CSS framework for rapid UI development. In this article, I collected free resources for you to get started with Tailwind CSS. Kometa UI Kit includes over 130 sections, built with tailwind CSS, for your awesome projects. 72 10 3. 3 [](https://daily.dev/posts/introduction-to-functional-programming-lsrvzqjmr "Introduction to Functional Programming") Article Hashnode · 6y Introduction to Functional Programming Functional Programing is Declarative. It means we focus more on what to do instead of How to do it. Pure Functions have no side effects which means it cannot alter anything outside the function. A higher order function is a function that takes a function as an argument, or returns a function. 64 7 4. 4 [](https://daily.dev/posts/usestate-like-a-pro--jcjiqx3fa "useState() like a Pro ✨") Article Hashnode · 6y useState() like a Pro ✨ This blog assumes that you know the fundamentals of react like Component, Props and jsx. We will not go into the depths of this but re-rendering actually works in React, so you need to understand how this works in short. In our Counter component 0 is the initial value for the state, and using destructuring we are naming our 2 variables counter and setCounter. setCounter is used to update the counter value by 1 every time the button is clicked. 64 1 5. 5 [](https://daily.dev/posts/10-vs-code-emmet-tips-to-make-you-more-productive--6tzorzqy "10 VS Code emmet tips to make you more productive") Article Hashnode · 6y 10 VS Code emmet tips to make you more productive VS Code is a plug-in-based infrastructure that can produce HTML/CSS code snippets from short-hand syntaxes. In general, productivity is the ratio between output and input. Let us learn about a few tips & tricks to drastically reduce the HTML/ CSS source code creation time to become super productive. 63 5 6. 6 [](https://daily.dev/posts/what-s-new-in-javascript-21---es12-8izyjixoe "What's new in Javascript 21 - ES12") Article Hashnode · 6y What's new in Javascript 21 - ES12 This year javascript is bringing 4 new features, which are almost in production rollout. I won't be wasting much more time and directly jump to code with easy to understand examples. Use the latest node version, if you want to play around with these features. Once the compatible node version is available, simply create a new JS file, and let's get started. 51 2 7. 7 [](https://daily.dev/posts/10-programming-project-ideas-for-beginners-1iyb1ssjt "10 Programming Project Ideas For Beginners") Article Hashnode · 6y 10 Programming Project Ideas For Beginners Building one project teaches you more than watching multiple tutorials. Building an alarm clock would help you get more comfortable with the command line. Building a weather application is a great way to practise working with APIs. Of course, the list is not exhaustive, and you can come up with your own. 48 2 8. 8 [](https://daily.dev/posts/5-websites-for-color-inspiration-djw-gimk "5 Websites for color inspiration") Article Hashnode · 6y 5 Websites for color inspiration Coolors, Colours cafe, Dribbble, Colormind and Pinterest are all color scheme websites. Coolors is a cool website and you can even search based on colors. Pinterest can be used pretty similar to dribbble and it might surprise you what you'll find. colormind uses deep learning to improve your schemes. 40 9 9. 9 [](https://daily.dev/posts/complete-web-developer-roadmap-with-resources-for-2021-zuhoroexlr "Complete web developer roadmap with resources for 2021") Article Hashnode · 6y Complete web developer roadmap with resources for 2021 Learn how the internet works. Learn how the web works. Build projects. Take one step at a time. You can learn all of these in 6 to 12 months if you are effective and consistent. Follow me on Twitter for more information about web development and how to improve. 38 4 10. 10 [](https://daily.dev/posts/fixed-my-portfolio---front-end-development-v-b4ncwxz "Fixed My Portfolio - Front End Development") Article Hashnode · 6y Fixed My Portfolio - Front End Development Fasterdes is passionate about Front End Development and UI / Ux Design. Fixed his portfolio because the portfolio is important to your brand for your business. You can see my portfolio before it was fixed and after it was repaired. Here are the changes or improvements I've made in my portfolio. 32 11. 11 [](https://daily.dev/posts/why-i-left-node-for-deno---9tsbzlc "Why I left Node for Deno 🦕") Article Hashnode · 6y Why I left Node for Deno 🦕 Deno is a javascript runtime like Nodejs but with some changes. With Deno, you no longer need to install packages with package managers like NPM. Imports are done with Urls which can be either in deno's package manager with versioning, or directly on the git directory of your favorite library. 29 3 12. 12 [](https://daily.dev/posts/host-react-apps-for-free-on-vercel--t43z-akps "Host React Apps for Free on Vercel!") Article Hashnode · 6y Host React Apps for Free on Vercel! Hosting react app on vercel is super easy. Just follow the given instruction and you could do it in a matter of seconds. For now, I created a demo app for installation purposes. I just changed the text into Hello Vercel . I pushed the code to Github. You could see it here - martinthampi/test-react-vercel. 23 13. 13 [](https://daily.dev/posts/pure-functions-in-javascript-mm4fn9dnw "Pure Functions in JavaScript") Article Hashnode · 6y Pure Functions in JavaScript Functional programming is a programming paradigm that's been gaining a lot of traction in JavaScript. One of the core concepts of functional programming is pure functions and writing declarative vs. imperative code. In this article, I'll define what pure functions are, why they're beneficial, and how to construct them.Pure functions consist of the following two concepts:Given the same inputs, the function will always return the same output. The function should not modify anything outside of its scope. 19 14. 14 [](https://daily.dev/posts/introducing-gradient-king---never-again-run-out-of-gradients--z99onu8lg "Introducing Gradient King - Never again run out of gradients! 🌈") Article Hashnode · 6y Introducing Gradient King - Never again run out of gradients! 🌈 16 15. 15 [](https://daily.dev/posts/step-to-create-a-simple-portfolio-website---front-end-development-czhm9zn9y "Step To Create A Simple Portfolio Website - Front End Development") Article Hashnode · 6y Step To Create A Simple Portfolio Website - Front End Development Web portfolio is a platform that contains documentation of a person's work, bio data, and is displayed on a website. Having an online portfolio allows you to make new contacts and grow your network in ways that would not be possible otherwise. In this guide, we will focus on creating a simple website portfolio using only HTML, CSS, and JS. 16 2 16. 16 [](https://daily.dev/posts/ultimate-cheatsheet-compilation-w4eoxe3oz "🔥 Ultimate Cheatsheet Compilation") Article Hashnode · 6y 🔥 Ultimate Cheatsheet Compilation I hope you will find this blog post useful and keep it handy for a quick reference. If you want to learn more HTML, CSS, JavaScript and web development tips & tricks, then please subscribe to YouTube. Back to Mail Online home. Back To the page you came from. 15 2 17. 17 [](https://daily.dev/posts/7-alfred-workflows-to-boost-development-productivity-ttrbddbvz "7 Alfred Workflows to Boost Development Productivity") Article Hashnode · 6y 7 Alfred Workflows to Boost Development Productivity Workflows are a paid feature as part of the Alfred Powerpack. I've found that the money I spent on the Powerpack has been well worth the time saved from being able to leverage these special features. Below is a list of some of the top workflows I recommend. 13 2 18. 18 [](https://daily.dev/posts/the-open-source-is-the-best-way-to-learn--bx2ft2du2 "The Open Source is the best way to learn!") Article Hashnode · 6y The Open Source is the best way to learn! 13 19. 19 [](https://daily.dev/posts/100-most-asked-javascript-interview-questions-and-answers---part-2-gsfqman1d "100 most asked JavaScript Interview Questions and Answers - Part 2") Article Hashnode · 6y 100 most asked JavaScript Interview Questions and Answers - Part 2 100 most asked JavaScript Interview Questions and Answers. Part 1: How to remove duplicates from an array. Part 2: What are the new features in ES6 or ECMAScript 2015? If you feel lazy to read more text, you can watch a video covering all questions here:https://www.youtube.com/watch?v=3RM9Tp4PU00 13 1 20. 20 [](https://daily.dev/posts/github-repositories-to-learn-programming-wpindbwty "GitHub repositories to learn programming") Article Hashnode · 6y GitHub repositories to learn programming This list will be updated frequently. Please add more resources in the comments and I'll include them in the list. Knowing how to learn programming is not easy. It is essential to have a structured plan. These repositories will help you on your learning path. Enjoy!Let's start! 11 2 21. 21 [](https://daily.dev/posts/tailwind-zooming-background-images-tewj-jv9j "Tailwind zooming background images") Article Hashnode · 6y Tailwind zooming background images Learn how to make a cool background zoom effect in Tailwind CSS. We will need cards that have an image and some text inside. Each card will look like this. We can add custom background images using the bg sub class. We then add transition and a transform to give it a nice animated effect. 10 [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/02#page","url":"https://daily.dev/sources/hashnode/best-of/2021/02","name":"Best Hashnode Posts — February 2021","description":"The most upvoted Hashnode posts from February 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/02#items","numberOfItems":21,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/100-most-asked-javascript-interview-questions-and-answers---part-1-lqj3kzz4a","name":"100 most asked JavaScript Interview Questions and Answers - Part 1"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/free-tailwind-css-resources-jz-bfbmx3","name":"Free Tailwind CSS resources"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/introduction-to-functional-programming-lsrvzqjmr","name":"Introduction to Functional Programming"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/usestate-like-a-pro--jcjiqx3fa","name":"useState() like a Pro ✨"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/10-vs-code-emmet-tips-to-make-you-more-productive--6tzorzqy","name":"10 VS Code emmet tips to make you more productive"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/what-s-new-in-javascript-21---es12-8izyjixoe","name":"What's new in Javascript 21 - ES12"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/10-programming-project-ideas-for-beginners-1iyb1ssjt","name":"10 Programming Project Ideas For Beginners"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/5-websites-for-color-inspiration-djw-gimk","name":"5 Websites for color inspiration"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/complete-web-developer-roadmap-with-resources-for-2021-zuhoroexlr","name":"Complete web developer roadmap with resources for 2021"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/fixed-my-portfolio---front-end-development-v-b4ncwxz","name":"Fixed My Portfolio - Front End Development"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/why-i-left-node-for-deno---9tsbzlc","name":"Why I left Node for Deno 🦕"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/host-react-apps-for-free-on-vercel--t43z-akps","name":"Host React Apps for Free on Vercel!"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/pure-functions-in-javascript-mm4fn9dnw","name":"Pure Functions in JavaScript"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/introducing-gradient-king---never-again-run-out-of-gradients--z99onu8lg","name":"Introducing Gradient King - Never again run out of gradients! 🌈"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/step-to-create-a-simple-portfolio-website---front-end-development-czhm9zn9y","name":"Step To Create A Simple Portfolio Website - Front End Development"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/ultimate-cheatsheet-compilation-w4eoxe3oz","name":"🔥 Ultimate Cheatsheet Compilation"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/7-alfred-workflows-to-boost-development-productivity-ttrbddbvz","name":"7 Alfred Workflows to Boost Development Productivity"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/the-open-source-is-the-best-way-to-learn--bx2ft2du2","name":"The Open Source is the best way to learn!"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/100-most-asked-javascript-interview-questions-and-answers---part-2-gsfqman1d","name":"100 most asked JavaScript Interview Questions and Answers - Part 2"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/github-repositories-to-learn-programming-wpindbwty","name":"GitHub repositories to learn programming"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/tailwind-zooming-background-images-tewj-jv9j","name":"Tailwind zooming background images"}]},{"@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":"February 2021"}]}]} ```