{"id":20778569,"url":"https://github.com/dzmitryur/js-html-css-apps","last_synced_at":"2026-02-11T17:35:27.558Z","repository":{"id":230003955,"uuid":"778205003","full_name":"DzmitryUr/js-html-css-apps","owner":"DzmitryUr","description":"Projects for Beginners in JavaScript HTML CSS","archived":false,"fork":false,"pushed_at":"2024-12-02T17:58:18.000Z","size":2157,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-16T08:39:31.385Z","etag":null,"topics":["beginner-project","css","css-flexbox","css3","html","html5","javascript","js","programming"],"latest_commit_sha":null,"homepage":"https://dzmitryur.github.io/js-html-css-apps/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DzmitryUr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2024-03-27T09:29:29.000Z","updated_at":"2024-12-02T17:58:22.000Z","dependencies_parsed_at":"2024-04-19T18:26:52.590Z","dependency_job_id":"8ff7d18b-d90a-4b8b-a16f-37c648cbc415","html_url":"https://github.com/DzmitryUr/js-html-css-apps","commit_stats":null,"previous_names":["dzmitryur/js-html-css-apps"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DzmitryUr/js-html-css-apps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzmitryUr%2Fjs-html-css-apps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzmitryUr%2Fjs-html-css-apps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzmitryUr%2Fjs-html-css-apps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzmitryUr%2Fjs-html-css-apps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DzmitryUr","download_url":"https://codeload.github.com/DzmitryUr/js-html-css-apps/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DzmitryUr%2Fjs-html-css-apps/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29339709,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T16:14:43.024Z","status":"ssl_error","status_checked_at":"2026-02-11T16:14:15.258Z","response_time":97,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["beginner-project","css","css-flexbox","css3","html","html5","javascript","js","programming"],"created_at":"2024-11-17T13:23:02.480Z","updated_at":"2026-02-11T17:35:27.519Z","avatar_url":"https://github.com/DzmitryUr.png","language":"HTML","readme":"The repository contains code for simple JS/HTML/CSS Apps.\nEach project was built from scratch during the recording of the YouTube video. The video usually contains a short introduction, a review of the design, defining HTML structure and CSS styles, and applying JS code.\n\nProvided exercises can help improve Web Development skills, get an understanding of how to code in JavaScript, and prepare for the Frontend interview.\n\nThe index.html summary page was created with links to all projects and deployed to GitHub Pages. [Check All Projects Page App](https://dzmitryur.github.io/js-html-css-apps/)\n\n## Project 1. Counter App\n - Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Events Handling\n - [Look at the code](./counter)\n - [Try the App](https://dzmitryur.github.io/js-html-css-apps/counter/index.html)\n - [Watch on YouTube](https://youtu.be/IfHdXb3Gxe0)\n\n## Project 2. Image Gallery\n- Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Events Handling\n- [Look at the code](./image-gallery)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/image-gallery/index.html)\n- [Watch on YouTube](https://youtu.be/pAc1hW3eKr0)\n\n## Project 3. Facts App\n- Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JavaScript Fetch API, Promises\n- [Look at the code](./facts-api)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/facts-api/index.html)\n- [Watch on YouTube](https://youtu.be/ZrOqRrcpsEs)\n\n## Project 4. Jokes App\n- Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JavaScript Fetch API, Async, Await\n- [Look at the code](./jokes-app)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/jokes-app/index.html)\n- [Watch on YouTube](https://youtu.be/b7Cgpu541lQ)\n\n## Project 5. Accordion\n- Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Events Handling\n- [Look at the code](./accordion)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/accordion/index.html)\n- [Watch on YouTube](https://youtu.be/81q_kEgbNPA)\n\n## Project 6. Native Popups\n- Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS DOM Manipulation, Alert, Confirm, Prompt Popups\n- [Look at the code](./native-popups)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/native-popups/index.html)\n- [Watch on YouTube](https://youtu.be/mqYTk7XoRBs)\n\n## Project 7. Timer App\n- Topics covered: HTML Structure and Semantics, CSS Styling and Layout, JS Date object, `setInterval`, `clearInterval` functions\n- [Look at the code](./timer)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/timer/index.html)\n- [Watch on YouTube](https://youtu.be/9nMLgtFKfNc)\n\n## Project 8. Contact Us Form\n- Topics covered: HTML Structure and Semantics; CSS Styling and Layout; Form, Input, Textarea, Form Validation\n- [Look at the code](./form-contact-us)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/form-contact-us/index.html)\n- [Watch on YouTube](https://youtu.be/x2ItMNJI-rc)\n\n## Project 9. Memory Words Game\n- Topics covered: HTML Structure and Semantics; CSS Flexbox Layout, Rem Measurement; JS array, `Math.random()`\n- [Look at the code](./memory-words-game)\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/memory-words-game/index.html)\n- [Watch on YouTube](https://youtu.be/oZpgtx6T6MY)\n\n## Project 10. Portfolio Projects\n- Topics covered: HTML Structure and Semantics, CSS Flexbox Layout\n- The source code is in the root\n- [Try the App](https://dzmitryur.github.io/js-html-css-apps/)\n- [Watch on YouTube](https://youtu.be/OjesQpDMWJo)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdzmitryur%2Fjs-html-css-apps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdzmitryur%2Fjs-html-css-apps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdzmitryur%2Fjs-html-css-apps/lists"}