Tasks as set by freeCodeCamp
-
Updated
Jun 17, 2022 - HTML
Tasks as set by freeCodeCamp
Front-end projects from the Free Code Camp curriculum
Play tic tac toe in your browser.
Simples practices especially with HTML / CSS / JS from FreeCodeCamp and others
This is a simple local weather application which consumes the OpenWeatherMap and Geonames APIs to display the weather conditions.
Every HTML element is its own box – with its own spacing and a border. This is called the Box Model. In this course, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces.
A simple React Markdown Preview project in which you will see the editor toolbar and the previewer toolbar. When you write in the editor Toolbox, you can see the output in the Previewer in the form of Markdown (MD).
You can use CSS pseudo selectors to change specific HTML elements. In this course, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage.
Typography is the art of styling your text to be easily readable and suit its purpose. In this course, you'll use typography to build a nutrition label webpage. You'll learn how to style text, adjust line height, and position your text using CSS.
This is one of the required projects to earn your certification. For this project you will build a survey form to collect data from your users.
Flexbox helps you design your webpage so that it looks good on any screen size. In this course, you'll use Flexbox to build a responsive photo gallery webpage.
freeCodeCamp --- Data Visualization Projects - Visualize Data with a Heat Map
FreeCodeCamp --- JavaScript Calculator
Selecting the correct colors for your webpage can greatly improve the aesthetic appeal to your readers. In this course, you'll build a set of colored markers. You'll learn different ways to set color values and how to pair colors with each other.
You can use HTML forms to collect information from people who visit your webpage. In this course, you'll learn HTML forms by building a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page.
CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements. In this course, you'll learn CSS by designing a menu page for a cafe webpage.
Mastering CSS positioning is essential for creating visually appealing and responsive web layouts. In this course, you will build a cat painting. You'll learn about how to work with absolute positioning, the z-index property, and the transform property.
This contains sample website of a product and it will generate any product page as needed in coming days..
Projects of FreeCodeCamp's FrontEnd Development Libraries Course. written in sveltekit+tailwindcss
This is one of the required projects to earn your certification. For this project you will build a tribute page for a subject of your choosing, fictional or real.
Add a description, image, and links to the freecodecamp-front topic page so that developers can more easily learn about it.
To associate your repository with the freecodecamp-front topic, visit your repo's landing page and select "manage topics."