diff --git a/single-page b/single-page index ecf2f4c1c..beb897fd9 100644 --- a/single-page +++ b/single-page @@ -6756,6 +6756,47 @@ Use this [browser extension](https://github.com/bpc-clone/bpc_updates/releases) *** +## ▷ Web Development + +* 🌐 **[MDN](https://developer.mozilla.org/)** or [Web Dev Resources](https://joshjoshuap-webdevresources.vercel.app/) - Web Dev Learning Resources +* ⭐ **[Odin Project](https://www.freecodecamp.org/learn/the-odin-project/)**, [2](https://www.theodinproject.com/) - Programming / Courses / Interactive / [Discord](https://discord.com/invite/fbFCkYabZB) +* ⭐ **[FullStackOpen](https://fullstackopen.com/en/)** - Full Stack Course +* ⭐ **[LandChad](https://landchad.net/)** or [learn.sadgrl.online](https://learn.sadgrl.online/) - Site Development Guides +* ⭐ **[Learn to Code HTML & CSS](https://learn.shayhowe.com/)** - HTML/CSS Course +* ⭐ **[PHP: The Right Way](https://phptherightway.com/)**, [Learn PHP](https://odan.github.io/learn-php/) or [PHP Tutorial](https://www.phptutorial.net/) - Learn PHP +* ⭐ **[JavaScript.info](https://javascript.info/)**, [Patterns.dev](https://www.patterns.dev/) or [30 Days Of JavaScript](https://github.com/Asabeneh/30-Days-Of-JavaScript) - JavaScript Learning Sites +* [Web Dev for Beginners](https://microsoft.github.io/Web-Dev-For-Beginners/) - Web Dev Course +* [Aquent Gymnasium](https://thegymnasium.com/) or [TheValleyOfCode](https://thevalleyofcode.com/) - Web Dev Tutorials +* [Dash](https://dash.generalassemb.ly/) - Web Dev Courses +* [Web Skills](https://andreasbm.github.io/web-skills/), [web.dev](https://web.dev/learn) or [Encodedna](https://www.encodedna.com/) - Web Dev Guides +* [Codevolution](https://www.youtube.com/@Codevolution) - Web Dev Video Lessons +* [Local-First Web](https://localfirstweb.dev/) - Local-First Web Development Guide +* [DOM Events](https://domevents.dev/) - Learn about DOM Events +* [backendlore](https://github.com/fpereiro/backendlore) - Backend Coding Guide +* [backend-challenges](https://github.com/CollabCodeTech/backend-challenges) - Backend Challenges for Practice +* [Full Stack Solana Development Guide](https://dev.to/edge-and-node/the-complete-guide-to-full-stack-solana-development-with-react-anchor-rust-and-phantom-3291) - [Examples](https://github.com/dabit3/complete-guide-to-full-stack-solana-development) +* [STPG](https://stpg-tk.netlify.app/guides/) - Startpage Creation Guides / [Discord](https://discord.com/invite/ExAGgVR) +* [Web Design in 4 Minutes](https://jgthms.com/web-design-in-4-minutes/) or [Strml](https://www.strml.net/) - Interactive Web Design Tutorial +* [WebGL and GLSL Workshop](https://mattdesl.github.io/workshop-webgl-glsl/) - Interactive WebGL / GLSL Tutorial +* [css-animation](https://css-animations.io/) - CSS Animation Tutorial +* [100DayCSS](https://100dayscss.com/) , [CSS Challenges](https://css-challenges.com/) or [PlayCSS](https://playcss.app/) - CSS Challenges +* [Codepip](https://codepip.com/games/), [Grid Garden](https://cssgridgarden.com/), [CSS Battle](https://cssbattle.dev/), [CSS Speedrun](https://css-speedrun.netlify.app/), [CodingFantasy](https://codingfantasy.com/) or [CSS Diner](https://flukeout.github.io/) - CSS Learning Games +* [Guess CSS](https://www.guess-css.app/) - CSS Guessing Game +* [Flexbox Froggy](https://flexboxfroggy.com/), [FlexboxDefense](http://www.flexboxdefense.com/) or [KnightsoftheFlexboxTable](https://knightsoftheflexboxtable.com/) - CSS Flexbox Learning Games +* [DefensiveCSS](https://defensivecss.dev/) - CSS Tips +* [LearnCSSGrid](https://learncssgrid.com/) or [GridByExample](https://gridbyexample.com/) - CSS Grid Guides +* [Leaflet](https://leafletjs.com/) - JavaScript Library for Interactive Maps +* [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS) or [EloquentJavaScript](https://eloquentjavascript.net/) - JavaScript Learning Books +* [JavaScript Questions](https://github.com/lydiahallie/javascript-questions) or [JavaScriptQuiz](https://javascriptquiz.com/) - JavaScript Questions for Practice +* [33 JS Concepts](https://github.com/leonardomso/33-js-concepts) - Useful JavaScript Concepts +* [You-Dont-Need-jQuery](https://github.com/camsong/You-Dont-Need-jQuery) - JavaScript Query Style Events Guide +* [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) - JavaScript Style Guide +* [Untrusted](https://alexnisnevich.github.io/untrusted/) - JavaScript Learning Game +* [HTML DOM](https://phuoc.ng/collection/html-dom/) - Learn DOM Manipulation +* [HTMLDog](https://htmldog.com/) - HTML/CSS and JavaScript Tutorials + +*** + ## ▷ Computer Science * 🌐 **[CompSciLib](https://www.compscilib.com/)** - Computer Science Tools @@ -6984,26 +7025,7 @@ Use this [browser extension](https://github.com/bpc-clone/bpc_updates/releases) # ► Web Development -* 🌐 **[MDN](https://developer.mozilla.org/)** or [Web Dev Resources](https://joshjoshuap-webdevresources.vercel.app/) - Web Dev Learning Resources * 🌐 **[Frontend Developers](https://github.com/andrew--r/channels)** or [Web Dev / Programming YouTube Channels](https://rentry.co/cozqr) - Web Dev YouTube Channel Indexes -* ⭐ **[Odin Project](https://www.freecodecamp.org/learn/the-odin-project/)**, [2](https://www.theodinproject.com/) - Programming / Courses / Interactive / [Discord](https://discord.com/invite/fbFCkYabZB) -* ⭐ **[FullStackOpen](https://fullstackopen.com/en/)** - Full Stack Course -* ⭐ **[LandChad](https://landchad.net/)** or [learn.sadgrl.online](https://learn.sadgrl.online/) - Site Development Guides -* ⭐ **[Learn to Code HTML & CSS](https://learn.shayhowe.com/)** - HTML/CSS Course -* [HTMLDog](https://htmldog.com/) - HTML/CSS and JavaScript Tutorials -* [Web Dev for Beginners](https://microsoft.github.io/Web-Dev-For-Beginners/) - Web Dev Course -* [Aquent Gymnasium](https://thegymnasium.com/) - Web Dev Tutorials -* [Dash](https://dash.generalassemb.ly/) - Web Dev Courses -* [Web Skills](https://andreasbm.github.io/web-skills/), [web.dev](https://web.dev/learn) or [Encodedna](https://www.encodedna.com/) - Web Dev Guides -* [Codevolution](https://www.youtube.com/@Codevolution) - Web Dev Video Lessons -* [Local-First Web](https://localfirstweb.dev/) - Local-First Web Development Guide -* [DOM Events](https://domevents.dev/) - Learn about DOM Events -* [backendlore](https://github.com/fpereiro/backendlore) - Backend Coding Guide -* [backend-challenges](https://github.com/CollabCodeTech/backend-challenges) - Backend Challenges for Practice -* [Full Stack Solana Development Guide](https://dev.to/edge-and-node/the-complete-guide-to-full-stack-solana-development-with-react-anchor-rust-and-phantom-3291) - [Examples](https://github.com/dabit3/complete-guide-to-full-stack-solana-development) -* [STPG](https://stpg-tk.netlify.app/guides/) - Startpage Creation Guides / [Discord](https://discord.com/invite/ExAGgVR) -* [Web Design in 4 Minutes](https://jgthms.com/web-design-in-4-minutes/) or [Strml](https://www.strml.net/) - Interactive Web Design Tutorial -* [WebGL and GLSL Workshop](https://mattdesl.github.io/workshop-webgl-glsl/) - Interactive WebGL / GLSL Tutorial * [Prepostseo](https://prepostseo.com/), [SEOMagnifier](https://seomagnifier.com/), [LearningSEO.io](https://learningseo.io/) or [SEO Cheat Sheet](https://seo-cheat-sheet.9elements.com/) - SEO Tools / Resources *** @@ -7022,7 +7044,6 @@ Use this [browser extension](https://github.com/bpc-clone/bpc_updates/releases) * [AiToHTML](http://ai2html.org/) - Illustrator to HTML Converter * [gd2md-html](https://github.com/evbacher/gd2md-html) - Convert Google Doc to HTML * [HEAD](https://htmlhead.dev/) - HTML head Element Guide -* [HTML DOM](https://phuoc.ng/collection/html-dom/) - Learn DOM Manipulation * [APlayer](http://aplayer.js.org) - HTML Audio Player * [DPlayer](https://dplayer.diygod.dev/) - HTML Video Player * [xgplayer](https://h5player.bytedance.com/en/) - HTML5 Video Player @@ -7036,13 +7057,6 @@ Use this [browser extension](https://github.com/bpc-clone/bpc_updates/releases) * [BEM Cheat Sheet](https://bem-cheat-sheet.9elements.com/) - BEM Cheat Sheet * [CSS Cheat Sheet](https://docs.emmet.io/cheat-sheet/), [SmolCSS](https://smolcss.dev/) or [CSS Tricks](https://css-tricks.com/snippets/) - CSS Cheat Sheets * [Easings](https://easings.net/) - CSS Animation Cheat Sheet -* [css-animation](https://css-animations.io/) - CSS Animation Tutorial -* [100DayCSS](https://100dayscss.com/) , [CSS Challenges](https://css-challenges.com/) or [PlayCSS](https://playcss.app/) - CSS Challenges -* [Codepip](https://codepip.com/games/), [Grid Garden](https://cssgridgarden.com/), [CSS Battle](https://cssbattle.dev/), [CSS Speedrun](https://css-speedrun.netlify.app/), [CodingFantasy](https://codingfantasy.com/) or [CSS Diner](https://flukeout.github.io/) - CSS Learning Games -* [Guess CSS](https://www.guess-css.app/) - CSS Guessing Game -* [Flexbox Froggy](https://flexboxfroggy.com/), [FlexboxDefense](http://www.flexboxdefense.com/) or [KnightsoftheFlexboxTable](https://knightsoftheflexboxtable.com/) - CSS Flexbox Learning Games -* [DefensiveCSS](https://defensivecss.dev/) - CSS Tips -* [LearnCSSGrid](https://learncssgrid.com/) or [GridByExample](https://gridbyexample.com/) - CSS Grid Guides * [CSSLayout](https://phuoc.ng/collection/css-layout/), [CSS Layout Generator](https://layout.bradwoods.io/), [BoxBox](https://seansleblanc.itch.io/boxboxhtml) or [CSSGridGenerator](https://cssgrid-generator.netlify.app/) - CSS Layout / Grid Generators * [You Don't Need JavaScript](https://github.com/you-dont-need/You-Dont-Need-JavaScript) - CSS Demos * [CSSPeeper](https://csspeeper.com/) - Smart CSS Viewer @@ -7082,14 +7096,6 @@ Use this [browser extension](https://github.com/bpc-clone/bpc_updates/releases) * 🌐 **[Awesome JavaScript](https://github.com/sorrycc/awesome-javascript)** - JavaScript Resources * ↪️ **[TypeScript Tools](https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/storage/#wiki_typescript_tools)** * ↪️ **[Vue Tools](https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/storage/#wiki_vue_tools)** -* ⭐ **[JavaScript.info](https://javascript.info/)**, [Patterns.dev](https://www.patterns.dev/) or [30 Days Of JavaScript](https://github.com/Asabeneh/30-Days-Of-JavaScript) - JavaScript Learning Sites -* [Leaflet](https://leafletjs.com/) - JavaScript Library for Interactive Maps -* [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS) or [EloquentJavaScript](https://eloquentjavascript.net/) - JavaScript Learning Books -* [JavaScript Questions](https://github.com/lydiahallie/javascript-questions) or [JavaScriptQuiz](https://javascriptquiz.com/) - JavaScript Questions for Practice -* [33 JS Concepts](https://github.com/leonardomso/33-js-concepts) - Useful JavaScript Concepts -* [You-Dont-Need-jQuery](https://github.com/camsong/You-Dont-Need-jQuery) - JavaScript Query Style Events Guide -* [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) - JavaScript Style Guide -* [Untrusted](https://alexnisnevich.github.io/untrusted/) - JavaScript Learning Game * [JavaScripting](https://www.javascripting.com/) - JavaScript Libraries * [Vanilla List](https://vanillalist.top/) - Vanilla JavaScript Repository * [RunKit](https://runkit.com/) - Browser JavaScript Sandbox @@ -7135,7 +7141,6 @@ Use this [browser extension](https://github.com/bpc-clone/bpc_updates/releases) ## ▷ PHP * 🌐 **[Awesome PHP](https://github.com/ziadoz/awesome-php)** - PHP Resources -* ⭐ **[PHP: The Right Way](https://phptherightway.com/)**, [Learn PHP](https://odan.github.io/learn-php/) or [PHP Tutorial](https://www.phptutorial.net/) - Learn PHP * [XAMPP](https://www.apachefriends.org/) - PHP Development Environment * [PHP Beautifier](https://phpbeautifier.com/) - PHP Formatter * [Clean Code PHP](https://github.com/piotrplenik/clean-code-php) - Clean Code for PHP