element for one code sheet. Don't skip heading levels in HTML. 13 14. 14 [](https://daily.dev/posts/get-started-with-next-js-the-react-library-your-project-needs-ca7e-djoh "Get Started with Next.js – The React Library Your Project Needs") Article freeCodeCamp · 5y Get Started with Next.js – The React Library Your Project Needs Next.js is the most important React library you will use to build 90% of your projects. The ultimate tool for any React developer to learn and improve their own projects is Next.js. Next gives you features to improve your development experience but doesn't constrain the amount of options you can choose from. 11 15. 15 [](https://daily.dev/posts/how-to-create-beautiful-box-shadows-in-html-and-css-ucmq204wc "How to Create Beautiful Box Shadows in HTML and CSS") Article freeCodeCamp · 5y How to Create Beautiful Box Shadows in HTML and CSS Whenever you're designing a card in HTML, box shadows play a vital role in making the cards stand out. Box shadows can make or break the look and the entire message that that cards need to convey. Box Shadows can help you achieve this and get your customers to notice your products. You can use more than one layer of box shadows in your cards – and you'll likely do this a lot. 11 4 16. 16 [](https://daily.dev/posts/how-to-create-a-pie-chart-using-only-css-1alk5y5d5 "How to Create a Pie Chart Using Only CSS") Article freeCodeCamp · 5y How to Create a Pie Chart Using Only CSS Pie charts are common components that let you show portions of a whole. You can use them for many different purposes. You will find a lot of articles around building such a component. In this post, I will show you how to create a pie chart using CSS and only one element. 10 17. 17 [](https://daily.dev/posts/build-your-developer-portfolio-and-blog-from-scratch-with-svelte-and-graphcms-a-complete-guide-bi9c1bf-a "Build your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS – A Complete Guide") Article freeCodeCamp · 5y Build your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS – A Complete Guide A developer portfolio is a great way to showcase your current skill level to potential employers. This guide will go from hello world to a fully-featured portfolio project to show your current projects with images and links to source code. You'll also build an accompanying blog where you can detail what you have learned along the way. 10 1 18. 18 [](https://daily.dev/posts/how-web-workers-work-in-javascript-with-a-practical-js-example-16d-ttguo "How Web Workers Work in JavaScript – With a Practical JS Example") Article freeCodeCamp · 5y How Web Workers Work in JavaScript – With a Practical JS Example In this article, I will walk you through an example that will show you how web workers function in JavaScript with the help of WebSockets. I think it's helpful to work with a practical use case because it is much simpler to understand the concepts when you can relate them to real life. A web worker is a piece of browser functionality. It is the real OS threads that can be spawned in the background of your current page. 10 [See all freeCodeCamp archives](/sources/freecodecamp/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/freecodecamp/best-of/2022/01#page","url":"https://daily.dev/sources/freecodecamp/best-of/2022/01","name":"Best freeCodeCamp Posts — January 2022","description":"The most upvoted freeCodeCamp posts from January 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2022/01#items","numberOfItems":18,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-write-better-git-commit-messages-a-step-by-step-guide--kofjpyn","name":"How to Write Better Git Commit Messages – A Step-By-Step Guide"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/free-react-course-for-2022---kqydluc","name":"Free React Course for 2022"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/learn-typescript-the-ultimate-beginners-guide-ad-mqr64k","name":"Learn TypeScript – The Ultimate Beginners Guide"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/learn-reactjs-complete-roadmap-dlwz-bbsc","name":"Learn ReactJS – Complete Roadmap"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/ui-design-with-figma---tutorial-9d--4ysv0","name":"UI Design with Figma - Tutorial"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-become-a-serverless-developer-in-2022-gn6-04vlq","name":"How to Become a Serverless Developer in 2022"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/freecodecamp-just-got-a-million-dollar-donation-from-an-alum-to-build-a-carbon-neutral-web3-curricul-gkega-rbv","name":"freeCodeCamp Just Got a Million Dollar Donation from an Alum to Build a Carbon-Neutral Web3 Curriculum"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/10-common-coding-interview-problems-solved--zdjs8dqxd","name":"10 Common Coding Interview Problems [Solved]"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/the-react-beginner-s-guide-for-2022-nve74nols","name":"The React Beginner's Guide for 2022"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/top-javascript-concepts-to-know-before-learning-react-rs3rslked","name":"Top JavaScript Concepts to Know Before Learning React"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-build-your-first-javascript-github-action-cw2ipdw4c","name":"How to Build Your First JavaScript GitHub Action"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-use-git-and-github-in-a-team-like-a-pro-featuring-harry-and-hermione--ljwfy862i","name":"How to Use Git and GitHub in a Team like a Pro – Featuring Harry and Hermione 🧙"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/html-best-practices-how-to-build-a-better-html-based-website-ctsicfcuy","name":"HTML Best Practices – How to Build a Better HTML-Based Website"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/get-started-with-next-js-the-react-library-your-project-needs-ca7e-djoh","name":"Get Started with Next.js – The React Library Your Project Needs"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-create-beautiful-box-shadows-in-html-and-css-ucmq204wc","name":"How to Create Beautiful Box Shadows in HTML and CSS"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/how-to-create-a-pie-chart-using-only-css-1alk5y5d5","name":"How to Create a Pie Chart Using Only CSS"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/build-your-developer-portfolio-and-blog-from-scratch-with-svelte-and-graphcms-a-complete-guide-bi9c1bf-a","name":"Build your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS – A Complete Guide"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/how-web-workers-work-in-javascript-with-a-practical-js-example-16d-ttguo","name":"How Web Workers Work in JavaScript – With a Practical JS Example"}]},{"@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":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/freecodecamp/best-of"},{"@type":"ListItem","position":5,"name":"January 2022"}]}]} ```