--- title: Best freeCodeCamp posts — January 2021 | daily.dev description: The most upvoted freeCodeCamp posts from January 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/freecodecamp/best-of/2021/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/freecodecamp/best-of/2021/01 og:type: website og:site_name: daily.dev og:title: Best freeCodeCamp posts — January 2021 | daily.dev og:description: The most upvoted freeCodeCamp posts from January 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 freeCodeCamp — January 2021 1. 1 [](https://daily.dev/posts/learn-css-grid-by-building-5-layouts-in-17-minutes-6id8kmz4i "Learn CSS Grid by Building 5 Layouts in 17 minutes") Article freeCodeCamp · 6y Learn CSS Grid by Building 5 Layouts in 17 minutes Learn CSS Grid by Building 5 Layouts in 17 minutes. Learn how to use CSS Grid to build your own website. Learn more about CSS Grid at the CSS Grid website. For more information on how CSS Grid works, visit www.cssgrid.com. To learn more about the Grid, visit the Grid website at www.cssgrid.org. 97 3 2. 2 [](https://daily.dev/posts/how-to-learn-react-in-2021-the-7-skills-you-need-to-know-jis2quh9t "How to Learn React in 2021: The 7 Skills You Need To Know") Article freeCodeCamp · 6y How to Learn React in 2021: The 7 Skills You Need To Know Reed Barger is the co-founder and CEO of React, a social media company based in San Francisco. He is also the founder of the social media app React. Barger says React will be a key part of the U.S. economy in the next decade. 78 2 3. 3 [](https://daily.dev/posts/a-free-12-hour-coding-bootcamp-to-help-you-decide-whether-coding-is-for-you-2gd-4pnoi "A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You") Article freeCodeCamp · 6y A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You. Ania Kubow will teach you how to code in 12 hours. The bootcamp is free and open to the public. For more information, visit codingbootcamp.org. 68 6 4. 4 [](https://daily.dev/posts/the-react-cheatsheet-for-2021-real-world-examples--t5kmqsd4q "The React Cheatsheet for 2021‬ (+ Real-World Examples)") Article freeCodeCamp · 6y The React Cheatsheet for 2021‬ (+ Real-World Examples) The React Cheatsheet for 2021‬ (+ Real-World Examples) is a set of cheat sheets designed to help you with React. Read the full set ofcheat sheets here: http://www.react.com/cheatsheet/en/home.php?title=React-Cheatsheet-for-2100. 54 1 5. 5 [](https://daily.dev/posts/7-react-projects-you-should-build-in-2021-xcmmp-5rz "7 React Projects You Should Build in 2021") Article freeCodeCamp · 6y 7 React Projects You Should Build in 2021 Reed Barger is the co-founder of React, a social media company based in San Francisco. Barger has worked on a number of React projects, including one that is set to open this year. He is also the founder of React's parent company, React North America. 52 1 6. 6 [](https://daily.dev/posts/the-javascript-skills-you-need-for-react-practical-examples--bgcyhrluz "The JavaScript Skills You Need For React (+ Practical Examples)") Article freeCodeCamp · 6y The JavaScript Skills You Need For React (+ Practical Examples) Reed Barger is the co-founder of React and the author of The React Manifesto. He has written several books about React, including a book on how to use it in the real world. Reed has also written a book about how to work with React in the Web. 42 2 7. 7 [](https://daily.dev/posts/the-react-roadmap-10-steps-to-become-a-react-developer-in-2021-7ourbwlyod "The React Roadmap: 10 Steps to Become a React Developer in 2021") Article freeCodeCamp · 6y The React Roadmap: 10 Steps to Become a React Developer in 2021 The React Roadmap: 10 Steps to Become a React Developer in 2021Reed Barger. The React Road map: 10 steps to become a React developer in 2021\. Reed Barger is the co-founder of React and co-creator of the ReactJS toolkit. 28 1 8. 8 [](https://daily.dev/posts/how-to-make-a-landing-page-using-html-scss-and-javascript-6u3zorvre "How to Make a Landing Page using HTML, SCSS, and JavaScript") Article freeCodeCamp · 6y How to Make a Landing Page using HTML, SCSS, and JavaScript How to Make a Landing Page using HTML, SCSS, and JavaScript. Beau Carnes explains how to make a landing page using HTML and SCSS. Visit Beau Carnes' website for more information on how to create your own landing page in the U.S. and around the world. 22 9. 9 [](https://daily.dev/posts/how-to-set-up-vs-code-for-web-development-in-a-few-simple-steps-q8ogb6tb1 "How to Set Up VS Code for Web Development in A Few Simple Steps") Article freeCodeCamp · 6y How to Set Up VS Code for Web Development in A Few Simple Steps How to Set Up VS Code for Web Development in A Few Simple Steps. How to Set up VS code for Web development in A few Simple Steps by Thu Nghiem. A few simple steps to set up VS Code in a few Simple steps. A simple tutorial on how to use VS Code to develop a web app. 20 1 10. 10 [](https://daily.dev/posts/5-react-shortcuts-that-will-instantly-boost-your-productivity-1p4nehfqn "5 React Shortcuts That Will Instantly Boost Your Productivity") Article freeCodeCamp · 6y 5 React Shortcuts That Will Instantly Boost Your Productivity 5 React Shortcuts That Will Instantly Boost Your Productivity. Reed Barger shares his tips on how to get the most out of your React. Read on to find out how to make the most of your new-found skills. Back to the page you came from. 17 1 11. 11 [](https://daily.dev/posts/how-to-manipulate-the-dom---the-ultimate-beginner-s-guide-louawbgjz "How to Manipulate the DOM - the Ultimate Beginner's Guide") Article freeCodeCamp · 6y How to Manipulate the DOM - the Ultimate Beginner's Guide Chibuike Okere is a Nigerian journalist and author. She is best known for her work on the DOM, a form of the Internet. She has written several books on the subject, including one on DOM manipulation. Her latest book, DOM Manipulation, is available now on Amazon. 17 7 12. 12 [](https://daily.dev/posts/how-to-be-productive-feel-less-overwhelmed-and-get-things-done-t9bnhnqqd "How to Be Productive, Feel Less Overwhelmed, and Get Things Done") Article freeCodeCamp · 6y How to Be Productive, Feel Less Overwhelmed, and Get Things Done Endy Austin Software Developer. Helping new coders & junior developers grow faster and feel more confident. Also sharing ideas on Life (Philosophy), Technology & Behavioral Psychology. Back to Mail Online home. back to the page you came from. Back to the homepage. 14 2 13. 13 [](https://daily.dev/posts/10-tech-talks-to-watch-learn-new-software-development-concepts-in-2021-4oor2mxqg "10 Tech Talks To Watch – Learn New Software Development Concepts in 2021") Article freeCodeCamp · 6y 10 Tech Talks To Watch – Learn New Software Development Concepts in 2021 10 Tech Talks To Watch – Learn New Software Development Concepts in 2021\. Quincy Larson will talk about the future of software development. The talk will be held at the University of California, San Francisco. For more information on the talk, visit www.techtalkstowatch.com. 14 2 14. 14 [](https://daily.dev/posts/data-science-learning-roadmap-for-2021-okiehilng "Data Science Learning Roadmap for 2021") Article freeCodeCamp · 6y Data Science Learning Roadmap for 2021 12 15. 15 [](https://daily.dev/posts/what-are-react-server-components--vtrievs-a "What are React Server Components?") Article freeCodeCamp · 6y What are React Server Components? React Server Components are a set of components for the React programming language. React Server Components can be used to build React-based applications. The React component can also be used as a component to build a web app. For more information on React, visit React.com. 11 [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/2021/01#page","url":"https://daily.dev/sources/freecodecamp/best-of/2021/01","name":"Best freeCodeCamp Posts — January 2021","description":"The most upvoted freeCodeCamp posts from January 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/freecodecamp/best-of/2021/01#items","numberOfItems":15,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/learn-css-grid-by-building-5-layouts-in-17-minutes-6id8kmz4i","name":"Learn CSS Grid by Building 5 Layouts in 17 minutes"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-learn-react-in-2021-the-7-skills-you-need-to-know-jis2quh9t","name":"How to Learn React in 2021: The 7 Skills You Need To Know"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/a-free-12-hour-coding-bootcamp-to-help-you-decide-whether-coding-is-for-you-2gd-4pnoi","name":"A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-react-cheatsheet-for-2021-real-world-examples--t5kmqsd4q","name":"The React Cheatsheet for 2021‬ (+ Real-World Examples)"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/7-react-projects-you-should-build-in-2021-xcmmp-5rz","name":"7 React Projects You Should Build in 2021"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/the-javascript-skills-you-need-for-react-practical-examples--bgcyhrluz","name":"The JavaScript Skills You Need For React (+ Practical Examples)"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-react-roadmap-10-steps-to-become-a-react-developer-in-2021-7ourbwlyod","name":"The React Roadmap: 10 Steps to Become a React Developer in 2021"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-make-a-landing-page-using-html-scss-and-javascript-6u3zorvre","name":"How to Make a Landing Page using HTML, SCSS, and JavaScript"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-set-up-vs-code-for-web-development-in-a-few-simple-steps-q8ogb6tb1","name":"How to Set Up VS Code for Web Development in A Few Simple Steps"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/5-react-shortcuts-that-will-instantly-boost-your-productivity-1p4nehfqn","name":"5 React Shortcuts That Will Instantly Boost Your Productivity"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-manipulate-the-dom---the-ultimate-beginner-s-guide-louawbgjz","name":"How to Manipulate the DOM - the Ultimate Beginner's Guide"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-be-productive-feel-less-overwhelmed-and-get-things-done-t9bnhnqqd","name":"How to Be Productive, Feel Less Overwhelmed, and Get Things Done"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/10-tech-talks-to-watch-learn-new-software-development-concepts-in-2021-4oor2mxqg","name":"10 Tech Talks To Watch – Learn New Software Development Concepts in 2021"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/data-science-learning-roadmap-for-2021-okiehilng","name":"Data Science Learning Roadmap for 2021"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/what-are-react-server-components--vtrievs-a","name":"What are React Server Components?"}]},{"@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 2021"}]}]} ```