Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/satyamvyas04/learningfrontend

A comprehensive collection of dynamic and static front-end projects, showcasing HTML, CSS, JS, and React-based learning and experimentation.
https://github.com/satyamvyas04/learningfrontend

css frontend html js tailwindcss webdevelopment

Last synced: 4 days ago
JSON representation

A comprehensive collection of dynamic and static front-end projects, showcasing HTML, CSS, JS, and React-based learning and experimentation.

Awesome Lists containing this project

README

        

# [LearningFrontEnd](https://satyamvyas04.github.io/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](https://developer.mozilla.org/en-US/docs/Web/HTML).

### 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](https://developer.mozilla.org/en-US/docs/Web/CSS) and [FreeCodeCamp CSS Videos](https://www.freecodecamp.org/).

### 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](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [FreeCodeCamp JavaScript Videos](https://www.freecodecamp.org/).

### 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](https://learning-react-dave-gray-challenge.vercel.app/). A link to the course itself is provided below for your reference.

[Link to Dave Gray's React 9hrs Course](https://www.youtube.com/watch?v=RVFAyFWO4go)

## 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!