LearningFrontEnd

Dynamic Projects

DaveGrayProject1 AgeCalculator NewsLetter 3Columns 3Columns 3Columns

Static Projects

QrCodeCard NFTCard ResultsPage ProductCard CompanyStatsCard OrderCard 3Columns RatingComponent 3Columns

CSS

TypeSetting ResponsiveWebsiteLayout WebsiteAssignment

HTML

Letter PlanetData MozillaSplashPage

Repository Structure

The repository is organized into three main sections: HTML Basics, CSS Basics, and JS Basics. Each section contains subfolders for various small projects and exercises to help you practice and build your skills gradually.

HTML Basics

In this section, you’ll find projects and exercises related to HTML, the markup language used to structure web content. The projects here will cover essential HTML concepts and provide hands-on experience in creating web pages. For more in-depth information and documentation on HTML, refer to MDN Web Docs.

CSS Basics

The CSS Basics section focuses on Cascading Style Sheets (CSS), which is used to control the presentation and layout of web pages. You’ll work on projects to style HTML elements and make web pages visually appealing. To explore CSS in greater detail and access comprehensive resources, check out MDN Web Docs and FreeCodeCamp CSS Videos.

JS Basics

The JS Basics section delves into JavaScript, a powerful programming language that adds interactivity and functionality to web pages. You’ll find projects and exercises to help you understand JavaScript’s core concepts. For guidance and additional learning materials on JavaScript, refer to MDN Web Docs and FreeCodeCamp JavaScript Videos.

React

This repository contains solutions to the challenges assigned by Dave Gray in his React 9hrs course. You can find my solutions deployed on Vercel. A link to the course itself is provided below for your reference.

Link to Dave Gray’s React 9hrs Course

Contributing

If you have suggestions for improvements or would like to contribute additional learning resources, please feel free to open an issue or submit a pull request. Your contributions are welcome and can help others in their learning journey.

Happy learning, and enjoy your front-end development journey!