https://github.com/danielbrito/web-dev-basics
:man_technologist: Exploring the basics of web development.
https://github.com/danielbrito/web-dev-basics
css html javascript jquery sass scss web-development webpack
Last synced: 5 months ago
JSON representation
:man_technologist: Exploring the basics of web development.
- Host: GitHub
- URL: https://github.com/danielbrito/web-dev-basics
- Owner: DanielBrito
- Created: 2021-01-30T23:12:03.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-10-15T21:12:39.000Z (about 2 years ago)
- Last Synced: 2023-10-16T18:42:53.187Z (about 2 years ago)
- Topics: css, html, javascript, jquery, sass, scss, web-development, webpack
- Language: JavaScript
- Homepage:
- Size: 40 MB
- Stars: 5
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :man_technologist: Web Development Basics
These experiments cover different tools and concepts related to the basics of web development from my [self-directed](https://github.com/DanielBrito/self-learning) studies.
## 📑 Topics
- Semantic HTML
- CSS
- JavaScript
- JQuery
- Sass
- Babel
- Gulp
- Webpack
## 🚀 Projects
- [Personal Website](https://danielbrito.github.io/)
- [Responsive Web Design](https://codepen.io/collection/nkmzqa) (freeCodeCamp)
## :bulb: Inspiration
- [CSS Zen Garden](http://www.csszengarden.com/)
## :card_file_box: Resources
- [JavaScript Algorithms and Data Structures](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/) (freeCodeCamp)
- [10 Days of JavaScript](https://www.hackerrank.com/domains/tutorials/10-days-of-javascript) (HackerRank)
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) (MDN Web Docs)
- [The Modern JavaScript Tutorial](https://javascript.info/)
- [33 Concepts Every JavaScript Developer Should Know](https://github.com/leonardomso/33-js-concepts)
- [Clean Code JavaScript](https://github.com/ryanmcdermott/clean-code-javascript)
- [Can I Use](https://caniuse.com/)
- [CSS-Tricks](https://css-tricks.com/)
- [Modern CSS Solutions](https://moderncss.dev/)
- [SmolCSS](https://smolcss.dev/)
- [Web Almanac](https://almanac.httparchive.org/en/2022/)
## :toolbox: Tools
- [JS Bin](https://jsbin.com)
- [Layoutit Grid](https://grid.layoutit.com/)
- [CSS Gradient](https://cssgradient.io/)
- [Keyframes](https://keyframes.app/)
- [Clippy](https://bennettfeely.com/clippy/)
- [Glassmorphism CSS](https://glassmorphi.com/)
- [Get Waves](https://getwaves.io/)
- [Blobmaker](https://www.blobmaker.app/)
- [Web Code Tools](https://webcode.tools/)
- [Lorem Picsum](https://picsum.photos/)
- [Place-Hold.it](https://place-hold.it/)
- [JSON Formatter](https://jsonformatter.curiousconcept.com)
- [JSON Placeholder](https://jsonplaceholder.typicode.com/)
- [RunKit + npm](https://npm.runkit.com/)
## ⚔️ Challenges
- [CSSBattle](https://cssbattle.dev/) 👤
- [Ace Front-end](https://www.acefrontend.com/)
- [100 Days CSS](https://100dayscss.com/)
- [Flexbox Froggy](https://flexboxfroggy.com/)
- [CSS Challenges](https://css-challenges.com/)
- [JavaScript 30](https://javascript30.com/)
- [CSS Dinner](https://flukeout.github.io/)
- [Grid Garden](https://cssgridgarden.com/)