Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ranitmanik/sigma-web-development-course
This repository serves as a comprehensive collection of assignments, projects, and captivating code creations from the esteemed Sigma Web Development Course.
https://github.com/ranitmanik/sigma-web-development-course
code codewithharry course css3 exercises htlm5 javascript nodejs webdevelopment youtube
Last synced: about 1 month ago
JSON representation
This repository serves as a comprehensive collection of assignments, projects, and captivating code creations from the esteemed Sigma Web Development Course.
- Host: GitHub
- URL: https://github.com/ranitmanik/sigma-web-development-course
- Owner: RanitManik
- Created: 2023-12-10T18:48:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-19T14:23:18.000Z (11 months ago)
- Last Synced: 2024-11-24T20:44:46.634Z (about 1 month ago)
- Topics: code, codewithharry, course, css3, exercises, htlm5, javascript, nodejs, webdevelopment, youtube
- Language: HTML
- Homepage: https://ranitmanik.github.io/sigma-Web-Development-Course/
- Size: 86.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Sigma Web Development Course
Welcome to the Sigma Web Development Course, a magical journey through the realms of web development with CodeWithHarry! This repository serves as a treasure trove of assignments, projects, and enchanting code creations from the Sigma Web Development Course. Join me in exploring the fascinating world of web development, guided by the wizardry of CodeWithHarry.
## Exercises
Here's the list of exercises in table format:
| # | Challenges | Live Demo |
|:--:|----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------|
| 01 | [Pure HTML Media Player](Exercise%201%20-%20Pure%20HTML%20Media%20Player) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%201%20-%20Pure%20HTML%20Media%20Player/index.html) |
| 02 | [CSS Challenge](Exercise%202%20-%20CSS%20Challenge) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%202%20-%20CSS%20Challenge/index.html) |
| 03 | [Design this Card](Exercise%203%20-%20Design%20this%20Card) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%203%20-%20Design%20this%20Card/index.html) |
| 04 | [Multi-Color Website](Exercise%204%20-%20Multi%20Color%20Website) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%204%20-%20Multi%20Color%20Website/) |
| 05 | [Design this Layout](Exercise%205%20-%20Design%20this%20Layout) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%205%20-%20Design%20this%20Layout/) |
| 06 | [Navbar using Flexbox](Exercise%206%20-%20Navbar%20using%20Flexbox) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%206%20-%20Navbar%20using%20Flexbox/) |
| 07 | [Design the Grid](Exercise%207%20-%20Design%20the%20Grid) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%207%20-%20Design%20the%20Grid/) |
| 08 | [Bounce Animation](Exercise%208%20-%20Bounce%20Animation) | [Live Demo](https://ranitmanik.github.io/sigma-Web-Development-Course/Exercise%208%20-%20Bounce%20Animation/) |
## Resources
Here's an organized list of web development resources to enhance your skills:
- [Sigma Web Development Playlist](https://youtube.com/playlist?list=PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w&si=U5uXbXw3fv9vydVo)
- [HTML CSS Docs](https://ranitmanik.github.io/HTML-CSS-Docs/Writerside/website-files/getting-started.html)
- [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/)
- [CSS Tricks](https://css-tricks.com/)
- [Codecademy - Web Development](https://www.codecademy.com/learn/introduction-to-web-development)
- [W3Schools - HTML Tutorial](https://www.w3schools.com/html/)
- [W3Schools - CSS Tutorial](https://www.w3schools.com/css/)
- [W3Schools - JavaScript Tutorial](https://www.w3schools.com/js/)
- [FreeCodeCamp](https://www.freecodecamp.org/)
Feel free to explore these resources to further develop your skills in web development! If you have any specific areas you'd like to focus on or need more recommendations, let me know.
## Getting Started
_To dive into the wonders of this repository, follow these steps :_
1. **Clone** the repository:
```bash
git clone https://github.com/RanitManik/Sigma-Web-Development-Course.git
```
2. **Add this repo as Remote**:
```bash
git remote add origin https://github.com/RanitManik/Sigma-Web-Development-Course.git
```
3. **Create and switch to your branch**:
```bash
git checkout -b YourBranchName
```
4. **Push your changes** to this branch:
```bash
git push --set-upstream origin DEV/{your_name}/{in which you are working on}
```
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Social Media
Username
Link
Email
[email protected]
Email
LinkedIn
Ranit Manik
LinkedIn
Instagram
ranit_manik_
Instagram
Facebook
RanitKumarManik
Facebook
Twitter
RANIT_MANIK
Twitter
## Acknowledgments
Gratitude to the web development community, CodeWithHarry, and various resources that have shaped my web development journey. Special thanks to Harish sir (CodeWithHarry) for his exceptional course. Thanks to online tutorials, forums, and open-source projects for inspiration and education.
Join me on this magical adventure through the Sigma Web Development Course. Together, let's weave wonders through code!