Skip to content

Commit

Permalink
Update learn.md
Browse files Browse the repository at this point in the history
  • Loading branch information
usha-madithati authored May 14, 2024
1 parent 6fd5d8b commit b796e6f
Showing 1 changed file with 76 additions and 75 deletions.
151 changes: 76 additions & 75 deletions learn.md
Original file line number Diff line number Diff line change
@@ -1,117 +1,118 @@
# **Smart Saver**

Welcome to Smart Saver, an e-commerce website focused on HTML5, CSS, JavaScript (JS), and Bootstrap. This repository offers a variety of resources designed to help beginners get started while also providing valuable insights for experienced developers looking to expand their knowledge base.

# **Table Of Contents**

## 1. **[Getting Started](#gettingstarted)**

- Prerequisites
* Installation

## 2. [HTML5](usha-madithati/esmart.github.io/learn.md)

- Introduction
* Resources

## 3. [CSS](usha-madithati/esmart.github.io/learn.md)

- Introduction
* Resources

## 4. [JavaScript](usha-madithati/esmart.github.io/learn.md)
- Introduction
* Resources

## 5. [Bootstrap](usha-madithati/esmart.github.io/learn.md)
- Introduction
* Resources
## 6. [Contribution Guidelines](usha-madithati/esmart.github.io/CODE_OF_CONDUCT.md)
## 7. [Code of Conduct](usha-madithati/esmart.github.io/CODE_OF_CONDUCT.md)
## 8. [License](usha-madithati/esmart.github.io/LICENSE.md)
## 9. [Contact Us](usha-madithati/esmart.github.io/blob/main/CODE_OF_CONDUCT.md)

# Getting Started
## Prerequisites
# Smart Saver
Welcome to Smart Saver, an e-commerce website focused on HTML5, CSS, JavaScript (JS), and Bootstrap. This repository offeres various users to keep track of their product's status. Through our website users can easily track their product's expiration date by getting notified through their mobile phones.
## Table Of Contents

1. **[Getting Started](#gettingstarted)**
* Prerequisites
* Installation
2. **[HTML5](#html5)**
* Introduction
* Resources
3. **[CSS](#css)**
* Introduction
* Resources
4. **[JavaScript](#javascript)**
* Introduction
* Resources
5. **[Bootstrap](#bootstrap)**
* Introduction
* Resources
6. **[Contribution Guidelines](#contributing)**
7. **[Code of Conduct](#codeofconduct)**
8. **[License](#license)**
9. **[Contact Us](#contactus)**

<a name="gettingstarted"></a>
## Getting Started

### Prerequisites

To contribute or work effectively within this project, ensure that you meet these minimum requirements:

- Basic understanding of HTML, CSS, JS, and Bootstrap.
* Familiarity with version control systems like Git and GitHub.
## Installation
- Familiarity with version control systems like Git and GitHub.

### Installation

Fork this repo into your personal account and clone it locally. Set up your development environment accordingly:

```bash
git clone https://github.com/usha-madithati/esmart.github.io

cd esmart.github.io
cd esmart.github.io
```

Now, you can start contributing to the documentation or codebase.

<a name="html5"></a>
## HTML5

# HTML5

## Introduction
#### Introduction

HyperText Markup Language (HTML) serves as the foundation for building websites. With its latest iteration - HTML5 - new semantic tags, improved forms handling, video integration, etc., make content creation easier than ever before.

## Resources
- Beginner: W3Schools [HTML Tutorial](https://www.w3schools.com/html)
* Advanced: Mozilla Developer Network [HTML Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/learn.md)
+ Project Ideas: Free Code Camp Curated [List of Projects](docs/learn.md)
#### Resources

# CSS
- *Beginner*: W3Schools [HTML Tutorial](https://www.w3schools.com/html/)
- *Advanced*: Mozilla Developer Network [HTML Reference](https://developer.mozilla.org/en-US/docs/Web/HTML)
- *Project Ideas*: Free Code Camp [Curated List of Projects](https://medium.freecodecamp.org/the-only-10-web-projects-youll-ever-need-to-complete-to-become-a-front-end-dev-6eacdb51fbd4)

## Introduction
<a name="css"></a>
## CSS

#### Introduction

Cascading Style Sheets (CSS) allow designers to separate presentation from structure in web pages created with HTML. It has evolved significantly over time, offering advanced features for styling responsive designs.

## Resources
#### Resources

- Beginner: W3Schools [CSS Tutorial](docs/learn.md)
* Advanced: MDN [CSS Reference](docs/learn.md)
+ Project Ideas: Free Code Camp [Curated List of Projects](docs/learn.md)
- *Beginner*: W3Schools [CSS Tutorial](https://www.w3schools.com/css/)
- *Advanced*: MDN [CSS Reference](https://developer.mozilla.org/en-US/docs/Web/CSS)
- *Project Ideas*: Free Code Camp [Curated List of Projects](https://medium.freecodecamp.org/curious-about-css-heres-the-only-resource-you-will-ever-need-3dafd88c7cbc)

# JAVASCRIPT
<a name="javascript"></a>
## JAVASCRIPT

## Introduction
#### Introduction

JavaScript (JS) powers interactive elements on websites. As one of the three pillars of modern front-end web development, mastery of JavaScript unlocks opportunities for creating complex applications.

## Resources
#### Resources

- Beginner: W3Schools [JavaScript Tutorial](docs/learn.md)
* Intermediate: MDN [JavaScript Guide](docs/learn.md)
+ Advanced: You Don't Know JS (book series) available at [GitHub](docs/learn.md)
- Project Ideas: Free Code Camp [Curated List of Projects](docs/learn.md)
- *Beginner*: W3Schools [JavaScript Tutorial](https://www.w3schools.com/js/)
- *Intermediate*: MDN [JavaScript Guide](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- *Advanced*: You Don't Know JS (book series) available at [GitHub](https://github.com/getify/You-Dont-Know-JS)
- *Project Ideas*: Free Code Camp [Curated List of Projects](https://medium.freecodecamp.org/here-is-an-unbelievably-large-list-of-build-and-learn-resources-for-javascript-students-eb1eab629ba2)

# BOOTSTRAP
<a name="bootstrap"></a>
## BOOTSTRAP

## Introduction
#### Introduction

Bootstrap is a popular framework for designing mobile-first responsive projects quickly and efficiently. Built upon HTML, CSS, and JS, Bootstrap streamlines UI prototyping and reduces cross-browser compatibility issues.

## Resources

- Beginner: W3Schools [Bootstrap Tutorial](docs/learn.md)
* Advanced: GetBootstrap [Documentation](docs/learn.md)
+ Project Ideas: Bootsnipp [Collection of Snippets](docs/learn.md)

# Contribution Guidelines
#### Resources

We welcome contributions of all kinds, including bug fixes, feature enhancements, typos, and other improvements. To maintain consistency across the project, please follow the guidelines outlined in [CONTRIBUTING.md.](docs/learn.md)
- *Beginner*: W3Schools [Bootstrap Tutorial](https://www.w3schools.com/bootstrap/)
- *Advanced*: GetBootstrap [Documentation](https://getbootstrap.com/docs/5.0/getting-started/introduction/)
- *Project Ideas*: Bootsnipp [Collection of Snippets](http://bootsnipp.com/)

<a name="contributing"></a>
## Contribution Guidelines

# Code of Conduct
We welcome contributions of all kinds, including bug fixes, feature enhancements, typos, and other improvements. To maintain consistency across the project, please follow the guidelines outlined in [CONTRIBUTING.md](./CONTRIBUTING.md).

Please review and comply with our [Code of Conduct](docs/learn.md) policy when interacting with others in this community.
<a name="codeofconduct"></a>
## Code of Conduct

Please review and comply with our [Code of Conduct](./CODE_OF_CONDUCT.md) policy when interacting with others in this community.

# License
<a name="license"></a>
## License

This project uses the MIT license; see the details in the [LICENSE.txt](docs/learn.md) file.
This project uses the MIT license; see the details in the [LICENSE.txt](./LICENSE.txt) file.

<a name="contactus"></a>
## Contact Us

# Contact Us
For queries related to this project, submit an issue via GitHub or contact us directly through email [email protected]. Our team will be happy to assist you further. Happy coding!

For queries related to this project, submit an issue via GitHub or contact us directly through email [email protected]. Our team will be happy to assist you further. Happy coding!

0 comments on commit b796e6f

Please sign in to comment.