{"id":19527230,"url":"https://github.com/sbagdat/learn-front-end","last_synced_at":"2026-02-26T10:29:19.727Z","repository":{"id":76025205,"uuid":"338130395","full_name":"sbagdat/learn-front-end","owner":"sbagdat","description":null,"archived":false,"fork":false,"pushed_at":"2021-03-22T00:43:55.000Z","size":3380,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-26T02:26:58.843Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sbagdat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-02-11T19:27:33.000Z","updated_at":"2022-03-04T06:24:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"a2c92364-322f-4850-9c99-a396846af92e","html_url":"https://github.com/sbagdat/learn-front-end","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sbagdat/learn-front-end","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbagdat%2Flearn-front-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbagdat%2Flearn-front-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbagdat%2Flearn-front-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbagdat%2Flearn-front-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sbagdat","download_url":"https://codeload.github.com/sbagdat/learn-front-end/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sbagdat%2Flearn-front-end/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267179187,"owners_count":24048295,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T01:14:00.907Z","updated_at":"2025-10-30T09:38:15.796Z","avatar_url":"https://github.com/sbagdat.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learn Front-End with Projects\n\nThese project aims to teach front-end basics. I have been using them to teach my students. \nYou can freely use it for educational purposes.  \n\n## Beginner\n1. [Background Color Changer](https://sbagdat.github.io/learn-front-end/01_background_color_changer/public/vanilla-js.html)\n2. [Counter](https://sbagdat.github.io/learn-front-end/02_counter/public/vanilla-js.html)\n3. [Customer Reviews](https://sbagdat.github.io/learn-front-end/03_customer_reviews/public/vanilla-js.html)\n4. [Responsive Navigation Bar](https://sbagdat.github.io/learn-front-end/04_responsive_navbar/public/)\n5. [FAQ](https://sbagdat.github.io/learn-front-end/05_faq/public/)\n\n# TODO\n- [x] Background Color Changer\n- [x] Counter\n- [x] Customer Reviews\n- [x] Responsive Navigation Bar\n- [x] Frequently Asked Questions\n- [ ] Restaurant Menu\n- [ ] Background Video\n- [ ] Scroll\n- [ ] Tabs\n- [ ] Countdown\n- [ ] Lorem Ipsum Generator\n- [ ] Grocery List\n- [ ] Slides\n\n## Copyrights\n\nThis project is inspired by other projects listed below:\n* [This blog post](https://www.freecodecamp.org/news/hone-your-javascript-skills-by-building-these-15-projects/) (freeCodeCamp)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsbagdat%2Flearn-front-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsbagdat%2Flearn-front-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsbagdat%2Flearn-front-end/lists"}