https://github.com/sbagdat/learn-front-end
https://github.com/sbagdat/learn-front-end
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sbagdat/learn-front-end
- Owner: sbagdat
- License: other
- Created: 2021-02-11T19:27:33.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-22T00:43:55.000Z (over 5 years ago)
- Last Synced: 2025-02-26T02:26:58.843Z (over 1 year ago)
- Language: HTML
- Size: 3.22 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Learn Front-End with Projects
These project aims to teach front-end basics. I have been using them to teach my students.
You can freely use it for educational purposes.
## Beginner
1. [Background Color Changer](https://sbagdat.github.io/learn-front-end/01_background_color_changer/public/vanilla-js.html)
2. [Counter](https://sbagdat.github.io/learn-front-end/02_counter/public/vanilla-js.html)
3. [Customer Reviews](https://sbagdat.github.io/learn-front-end/03_customer_reviews/public/vanilla-js.html)
4. [Responsive Navigation Bar](https://sbagdat.github.io/learn-front-end/04_responsive_navbar/public/)
5. [FAQ](https://sbagdat.github.io/learn-front-end/05_faq/public/)
# TODO
- [x] Background Color Changer
- [x] Counter
- [x] Customer Reviews
- [x] Responsive Navigation Bar
- [x] Frequently Asked Questions
- [ ] Restaurant Menu
- [ ] Background Video
- [ ] Scroll
- [ ] Tabs
- [ ] Countdown
- [ ] Lorem Ipsum Generator
- [ ] Grocery List
- [ ] Slides
## Copyrights
This project is inspired by other projects listed below:
* [This blog post](https://www.freecodecamp.org/news/hone-your-javascript-skills-by-building-these-15-projects/) (freeCodeCamp)