--- title: Best DEV posts — April 2021 | daily.dev description: The most upvoted DEV posts from April 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2021/04 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2021/04 og:type: website og:site_name: daily.dev og:title: Best DEV posts — April 2021 | daily.dev og:description: The most upvoted DEV posts from April 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 DEV — April 2021 1. 1 [](https://daily.dev/posts/top-10-javascript-projects-for-resume--pvdd7zk0 "Top 10 Javascript projects for Resume 🚀🚀") Article DEV · 5y Top 10 Javascript projects for Resume 🚀🚀 Do you want to Kick-start a career in Cyber Security and want to know how hackers hack in real life? Join Now 200+ Members already Joinedhttps://t.me/infosecbugbountyhttps://www.facebook.com/InfosecCyberSecurity/ Join Now. 67 7 2. 2 [](https://daily.dev/posts/my-visual-studio-code-setup-htlkns2ys "My Visual Studio Code Setup") Article DEV · 5y My Visual Studio Code Setup Rithik Samanthula is a Front-End Web Developer. He shares his favorite extensions and themes for Visual Studio Code. Rithik also shares his tips on how to get the most out of Visual Studio. He also shares some of his favorite tools and tools he has used. 54 3 3. 3 [](https://daily.dev/posts/vs-code-extensions-to-boost-productivity-with-previews--oj0rded5t "VS code extensions to boost productivity (with previews)") Article DEV · 5y VS code extensions to boost productivity (with previews) Linked Editing VS code now has a built-in, called linked editing, separate from auto rename tag extension for editing a tag when its matching closing tag is modified. Indent-rainbow increases the readability of your code and makes it easy to browse throught your work. Material Icon Theme makes icons more obvious to the eye. 54 10 4. 4 [](https://daily.dev/posts/10-projects-to-become-a-javascript-master-giveaway--arta5gefw "10 Projects to become a javascript master 🚀 + Giveaway⚡") Article DEV · 5y 10 Projects to become a javascript master 🚀 + Giveaway⚡ DevLorenzo shares with you 10 projects you can build to be from zero to hero in javascript. The projects include a word counter, a clock, a password generator and a card game. We are giving away any course you need on Udemy. Any price any course. 39 3 5. 5 [](https://daily.dev/posts/awesome-404-page-templates-for-your-websites-hnnjcs4u0 "Awesome 404 Page Templates for your Websites") Article DEV · 5y Awesome 404 Page Templates for your Websites There are different HTTP response status codes. There are different 404-page templates for your website. Here are some cool 404 page templates for you to use. They include: Neon, Flashlight, Space, Console Style and Sassy 404 UI Study. They are designed for Chrome, Edge, Firefox, Opera, Safari browsers. 36 1 6. 6 [](https://daily.dev/posts/some-vanilla-js-libraries-you-must-try-hsivbnyst "Some Vanilla JS libraries you must try") Article DEV · 5y Some Vanilla JS libraries you must try You can use these libraries to create rich text editors with Vanilla JS. The documentation is easy and beginner-friendly. HowlerJS is here to enhance your experience in your projects. Pushjs is a great way to implement the push notification feature. EditorJs is one of the simple and captivating libraries. 35 2 7. 7 [](https://daily.dev/posts/4-awesome-javascript-projects-worthy-of-your-collection-vpy9rxinz "4 awesome javascript projects worthy of your collection") Article DEV · 5y 4 awesome javascript projects worthy of your collection Lindelof has collected three awesome items that are worth collecting for you. You can send them to me, I like them and hope you like them too. There are a lot of beautiful landing page templates, they are built using various front-end technologies. There is also a curated list of awesome WebVR packages and resources. 34 1 8. 8 [](https://daily.dev/posts/8-javascript-tips-tricks-that-no-one-teaches--vtdb26n "8 JavaScript Tips & Tricks That No One Teaches 🚀") Article DEV · 5y 8 JavaScript Tips & Tricks That No One Teaches 🚀 JavaScript is one of the coolest languages in the world and is gaining more and more popularity day by day. So the developer community has found some tricks and tips after using JS for quite a while now. Today I will share 8 Tips & Tricks With You!Functional Inheritance is the process of receiving features by applying an augmenting function to an object. 33 2 9. 9 [](https://daily.dev/posts/roadmap-to-full-stack-development-qmjjrqohh "Roadmap to Full-Stack Development") Article DEV · 5y Roadmap to Full-Stack Development A Full-Stack Developer is an engineer who can handle all the work of databases, servers, systems engineering, and clients. The primary responsibility of a Full Stack Developer includes designing user interactions on websites, developing servers and databases for website functionality, and coding for mobile platforms. Depending on the project, what customers need may be a mobile stack or a Web stack. 24 3 10. 10 [](https://daily.dev/posts/14-css-topics-you-must-know-ade2sld-o "14 CSS Topics You Must Know") Article DEV · 5y 14 CSS Topics You Must Know 22 11. 11 [](https://daily.dev/posts/40-amazing-chrome-extensions-for-web-developers-and-designers-syk4cfuov "40 Amazing Chrome Extensions for Web Developers and Designers") Article DEV · 5y 40 Amazing Chrome Extensions for Web Developers and Designers Savio shares 34 Must have chrome extensions for developers. These extensions are really helpful to developers and fasten our job. At the last, I have provided the top 10 extensions forDevelopers. Those are the extensions I could not live with, huh!! So, let's get started. 19 12. 12 [](https://daily.dev/posts/the-react-tutorial-for-2021-a-complete-guide-8nuwwjzr0 "The React Tutorial for 2021: A Complete Guide") Article DEV · 5y The React Tutorial for 2021: A Complete Guide This tutorial is meant to be thoroughly practical from start to finish. You will learn how to create an entire React application all within around 100 lines of code. It makes use of many of the core concepts of React: hooks, state management, forms, JSX elements, components, props, styling, and conditionals. 18 13. 13 [](https://daily.dev/posts/simple-add-to-cart-animation-with-css-js-wz8nlaxsf "Simple add to cart animation with CSS & JS") Article DEV · 5y Simple add to cart animation with CSS & JS A Simple add-to-cart animation with CSS & JS. Not great work but I hope you like this also comments about your thoughts. For more content follow me on Instagram @developer\_nikhil2727\. New post :- grotesquely.https://dev.to/nikhIL27b/simple-copy-coupon-using-css-js-16d4774. 18 14. 14 [](https://daily.dev/posts/git-write-better-commits-with-gitmoji-0la1mfnwg "🔨 [git]: Write better commits with Gitmoji") Article DEV · 5y 🔨 \[git\]: Write better commits with Gitmoji Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. It provides an easy way of identifying the purpose or intention of a commit with only looking at the Emojis used. We can replace the with an emoji to improve the structure of the code. 16 2 15. 15 [](https://daily.dev/posts/6-different-ways-i-make-money-as-a-software-developer---you-can-too-1x-pkepp9 "6 Different Ways I Make Money as a Software Developer  -  You Can Too") Article DEV · 5y 6 Different Ways I Make Money as a Software Developer - You Can Too Software Developer is a lucrative job and you can make a lot of money if you stick with this for a long time. I wanted to make money on the internet for years, but I didn't know how to get started. I'm currently working as a Team Lead myself in Startup in India and getting paid good salary. But I do not want to continue working for someone else forever. I want to build a business of my own and retire early. To achieve this in the long term I'm working on the below ideas. 15 2 16. 16 [](https://daily.dev/posts/top-10-programming-languages-to-learn-in-2021-3q02mhn3r "Top 10 Programming Languages to Learn in 2021") Article DEV · 5y Top 10 Programming Languages to Learn in 2021 Python is one of the most commonly used programming languages today. Java is a more complex language to learn, but experienced developers with Java coding skills are in high-demand. C# rose to fame in the 2000s for supporting the concepts of object-oriented programming. C and C++ are widely used in computer science and programming. 15 2 17. 17 [](https://daily.dev/posts/40-useful-resources-for-mastering-web--fskteazyy "40+ Useful Resources for Mastering Web🎁") Article DEV · 5y 40+ Useful Resources for Mastering Web🎁 We have a list of various resources that can help you to solve many problems that you are facing or might face in the future. We have resources for Illustration, Development, and Design. We also have resources to help you with web design and development. Let's get started without further ado. 14 3 18. 18 [](https://daily.dev/posts/documentation-as-code-3sitfujfm "💻 Documentation as code") Article DEV · 5y 💻 Documentation as code Programmers hate writing documentation. Most programmers, anyway. That's just stuff that gets in the way of the Real Work™, right? The goal is to have every piece of documentation somehow coupled to the functionality of the project itself, so that if one changes then both must change. 14 3 19. 19 [](https://daily.dev/posts/15-very-important-javascript-string-methods-every-developer-should-know-zxgevt256 "😬15 Very Important Javascript String Methods Every Developer Should Know") Article DEV · 5y 😬15 Very Important Javascript String Methods Every Developer Should Know In this post we will take a look at some important and frequently used string methods in javascript. Manipulation of javascript strings are very important in most of the web development projects. Below are the strings which we will used to learn this methods with.var stringOne = " Let's learn important javascript string methods. " var stringTwo = " Also we will see their examples. 14 20. 20 [](https://daily.dev/posts/feelings-about-css--c6zon324k "Feelings about CSS...") Article DEV · 5y Feelings about CSS... The most common word between the answers was "magic", other common words were "lost", "powerful" and "confused", "frustration"! If you have trouble learning CSS, I hope this post will help you to see you're not the only one. Let's see how people felt when they first started working with it. 11 21. 21 [](https://daily.dev/posts/15-free-reactjs-templates-for-your-next-project-l4aslfgcu "15 Free ReactJS Templates for Your Next Project") Article DEV · 5y 15 Free ReactJS Templates for Your Next Project In less than a decade of existence, React has become the preferred choice of developers. Here's a list of free React templates you can use for your next project. React Blur admin can be used to build admin dashboards on your React applications. This template has tables, forms, maps, charts, UI features, color schemes, pages, and more. 10 [See all DEV archives](/sources/devto/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/devto/best-of/2021/04#page","url":"https://daily.dev/sources/devto/best-of/2021/04","name":"Best DEV Posts — April 2021","description":"The most upvoted DEV posts from April 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/best-of/2021/04#items","numberOfItems":21,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/top-10-javascript-projects-for-resume--pvdd7zk0","name":"Top 10 Javascript projects for Resume 🚀🚀"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/my-visual-studio-code-setup-htlkns2ys","name":"My Visual Studio Code Setup"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/vs-code-extensions-to-boost-productivity-with-previews--oj0rded5t","name":"VS code extensions to boost productivity (with previews)"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/10-projects-to-become-a-javascript-master-giveaway--arta5gefw","name":"10 Projects to become a javascript master 🚀 + Giveaway⚡"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/awesome-404-page-templates-for-your-websites-hnnjcs4u0","name":"Awesome 404 Page Templates for your Websites"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/some-vanilla-js-libraries-you-must-try-hsivbnyst","name":"Some Vanilla JS libraries you must try"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/4-awesome-javascript-projects-worthy-of-your-collection-vpy9rxinz","name":"4 awesome javascript projects worthy of your collection"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/8-javascript-tips-tricks-that-no-one-teaches--vtdb26n","name":"8 JavaScript Tips & Tricks That No One Teaches 🚀"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/roadmap-to-full-stack-development-qmjjrqohh","name":"Roadmap to Full-Stack Development"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/14-css-topics-you-must-know-ade2sld-o","name":"14 CSS Topics You Must Know"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/40-amazing-chrome-extensions-for-web-developers-and-designers-syk4cfuov","name":"40 Amazing Chrome Extensions for Web Developers and Designers"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/the-react-tutorial-for-2021-a-complete-guide-8nuwwjzr0","name":"The React Tutorial for 2021: A Complete Guide"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/simple-add-to-cart-animation-with-css-js-wz8nlaxsf","name":"Simple add to cart animation with CSS & JS"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/git-write-better-commits-with-gitmoji-0la1mfnwg","name":"🔨 [git]: Write better commits with Gitmoji"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/6-different-ways-i-make-money-as-a-software-developer---you-can-too-1x-pkepp9","name":"6 Different Ways I Make Money as a Software Developer  -  You Can Too"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/top-10-programming-languages-to-learn-in-2021-3q02mhn3r","name":"Top 10 Programming Languages to Learn in 2021"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/40-useful-resources-for-mastering-web--fskteazyy","name":"40+ Useful Resources for Mastering Web🎁"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/documentation-as-code-3sitfujfm","name":"💻 Documentation as code"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/15-very-important-javascript-string-methods-every-developer-should-know-zxgevt256","name":"😬15 Very Important Javascript String Methods Every Developer Should Know"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/feelings-about-css--c6zon324k","name":"Feelings about CSS..."},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/15-free-reactjs-templates-for-your-next-project-l4aslfgcu","name":"15 Free ReactJS Templates for Your Next Project"}]},{"@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":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"April 2021"}]}]} ```