{"id":27014142,"url":"https://github.com/danielbrito/web-dev-basics","last_synced_at":"2025-07-27T02:36:15.367Z","repository":{"id":87155931,"uuid":"334531150","full_name":"DanielBrito/web-dev-basics","owner":"DanielBrito","description":":man_technologist: Exploring the basics of web development.","archived":false,"fork":false,"pushed_at":"2023-10-15T21:12:39.000Z","size":41934,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2023-10-16T18:42:53.187Z","etag":null,"topics":["css","html","javascript","jquery","sass","scss","web-development","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DanielBrito.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-01-30T23:12:03.000Z","updated_at":"2023-03-08T15:41:00.000Z","dependencies_parsed_at":"2023-07-24T05:16:35.552Z","dependency_job_id":null,"html_url":"https://github.com/DanielBrito/web-dev-basics","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielBrito%2Fweb-dev-basics","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielBrito%2Fweb-dev-basics/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielBrito%2Fweb-dev-basics/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DanielBrito%2Fweb-dev-basics/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DanielBrito","download_url":"https://codeload.github.com/DanielBrito/web-dev-basics/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247184592,"owners_count":20897802,"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","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":["css","html","javascript","jquery","sass","scss","web-development","webpack"],"created_at":"2025-04-04T13:29:33.821Z","updated_at":"2025-04-04T13:29:34.336Z","avatar_url":"https://github.com/DanielBrito.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :man_technologist: Web Development Basics\n\nThese experiments cover different tools and concepts related to the basics of web development from my [self-directed](https://github.com/DanielBrito/self-learning) studies.\n\n## 📑 Topics\n\n- Semantic HTML\n- CSS\n- JavaScript\n- JQuery\n- Sass\n- Babel\n- Gulp\n- Webpack\n\n## 🚀 Projects\n\n- [Personal Website](https://danielbrito.github.io/)\n- [Responsive Web Design](https://codepen.io/collection/nkmzqa) (freeCodeCamp)\n\n## :bulb: Inspiration\n\n- [CSS Zen Garden](http://www.csszengarden.com/)\n\n## :card_file_box: Resources\n\n- [JavaScript Algorithms and Data Structures](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/) (freeCodeCamp)\n- [10 Days of JavaScript](https://www.hackerrank.com/domains/tutorials/10-days-of-javascript) (HackerRank)\n- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) (MDN Web Docs)\n- [The Modern JavaScript Tutorial](https://javascript.info/)\n- [33 Concepts Every JavaScript Developer Should Know](https://github.com/leonardomso/33-js-concepts)\n- [Clean Code JavaScript](https://github.com/ryanmcdermott/clean-code-javascript)\n- [Can I Use](https://caniuse.com/)\n- [CSS-Tricks](https://css-tricks.com/)\n- [Modern CSS Solutions](https://moderncss.dev/)\n- [SmolCSS](https://smolcss.dev/)\n- [Web Almanac](https://almanac.httparchive.org/en/2022/)\n\n## :toolbox: Tools\n\n- [JS Bin](https://jsbin.com)\n- [Layoutit Grid](https://grid.layoutit.com/)\n- [CSS Gradient](https://cssgradient.io/)\n- [Keyframes](https://keyframes.app/)\n- [Clippy](https://bennettfeely.com/clippy/)\n- [Glassmorphism CSS](https://glassmorphi.com/)\n- [Get Waves](https://getwaves.io/)\n- [Blobmaker](https://www.blobmaker.app/)\n- [Web Code Tools](https://webcode.tools/)\n- [Lorem Picsum](https://picsum.photos/)\n- [Place-Hold.it](https://place-hold.it/)\n- [JSON Formatter](https://jsonformatter.curiousconcept.com)\n- [JSON Placeholder](https://jsonplaceholder.typicode.com/)\n- [RunKit + npm](https://npm.runkit.com/)\n\n## ⚔️ Challenges\n\n- [CSSBattle](https://cssbattle.dev/)\u003cspan\u003e\u0026nbsp; \u003ca href=\"https://cssbattle.dev/player/danielbrito\" style=\"text-decoration: none; font-size: 12px\" title=\"My profile\"\u003e👤\u003c/a\u003e\u003c/span\u003e\n- [Ace Front-end](https://www.acefrontend.com/)\n- [100 Days CSS](https://100dayscss.com/)\n- [Flexbox Froggy](https://flexboxfroggy.com/)\n- [CSS Challenges](https://css-challenges.com/)\n- [JavaScript 30](https://javascript30.com/)\n- [CSS Dinner](https://flukeout.github.io/)\n- [Grid Garden](https://cssgridgarden.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielbrito%2Fweb-dev-basics","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielbrito%2Fweb-dev-basics","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielbrito%2Fweb-dev-basics/lists"}