gridgarden
developer-roadmap
gridgarden | developer-roadmap | |
---|---|---|
67 | 2,112 | |
3,094 | 275,643 | |
- | - | |
5.1 | 9.8 | |
25 days ago | 6 days ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
gridgarden
-
100+ FREE Resources Every Web Developer Must Try
Grid Garden: Master CSS Grid layout by playing this game.
- How to Center a Div in CSS
-
21 Resources to Learn And Practice Your CSS Skills
Grid Garden is another interactive way to learn the grid layout system while having some fun.
-
i need a help 2 fix my page of my neocities webzite
See https://flexboxfroggy.com/ https://cssgridgarden.com/ and maybe also https://flukeout.github.io/
-
An Interactive Guide to CSS Grid
It’s also worth checking out Grid Garden[1] and its companion Flexbox Froggy[2]
[1] https://cssgridgarden.com/
-
Day 64: CSS layouts
For an engaging learning experience, check out Grid Garden, a game that teaches grid concepts.
- Grid Garden
-
Flexbox Froggy
Other interesting games for learning CSS,
https://cssgridgarden.com/ (basically Froggy for Grid)
https://cssbattle.dev/ (a platform for doing various challenges, huge community)
https://flukeout.github.io/ (learn about CSS selectors)
https://css-animations.io/ (practice CSS animations)
-
CSS Resources: The Best Places to Learn More About CSS
CSS Grid Garden
-
Go, HTMX, Tailwind, and Javascript | Single Page Applications for Backend Developers
There are some games which teach them quickly. http://flexboxfroggy.com/ http://flexboxdefense.com/ and https://cssgridgarden.com/ perhaps 1-2 hours to do all three and then layour is a breeze.
developer-roadmap
-
How to start learning web development for free
Learning the basics of web development opens doors to many other careers in the tech field. Roadmap.sh provides guides, learning paths, and roadmaps to point developers in a direction of their choosing.
-
5 Uncommon Advices from one beginner coder to another beginner coder!
There's a website I personally follow specific for roadmaps called as “roadmap.sh” where all the roadmaps are available. You can check it out, if you like. Here's the link: ▶️ https://roadmap.sh/
-
Programming vs Web Development
If you're starting your journey in web development, here is a roadmap to follow. Understand that Web development is not merely an extension of programming; it's a distinct field that requires a unique blend of coding and visual design skills. Embrace the importance of visual aesthetics from the get-go, and continuously work on improving your design sense. Trust me it will pay off in the long run, and you'll be able to create truly exceptional web experiences that not only function well but also look and feel amazing.
-
Developer should-know websites
Github developer roadmaps (backend, frontend, cloud ...)
-
Unique websites for the Developer - TechGenieDev
Roadmap.sh (https://roadmap.sh/)
-
Top 10 GitHub Repositories Every Web Developer Should Know
Web Developer-Roadmap GitHub Link: developer-roadmap Crafted by kamranahmedse, this roadmap acts as a compass for developers navigating the vast landscape of technologies. Covering front-end, back-end, and DevOps, it aids developers in charting a learning path aligned with their goals.
-
10 GitHub repositories that every developer must follow
✅ kamranahmedse/developer-roadmap: https://github.com/kamranahmedse/developer-roadmap
-
ChatGPT as a Programming Mentor: A Test Drive
It may also be beneficial to start with a high-level overview of what there is to learn in a given area, to understand the overall lay of the land - and then use ChatGPT to dig deeper into selected topics. There are many good resources that provide such an overview, like roadmap.sh or my "Definitive Guide to Succeeding as a Professional Dev".
- 18 Must-Bookmark GitHub Repositories Every Developer Should Know
-
Resources I wish I knew when I started my career
5. Roadmap
What are some alternatives?
HTML5b - An HTML5 port of Cary Huang's "BFDIA 5b" flash game.
C++ Workflow - C++ Parallel Computing and Asynchronous Networking Framework
warriorjs - 🏰 An exciting game of programming and Artificial Intelligence
computer-science - :mortar_board: Path to a free self-taught education in Computer Science!
guess-word-cli - CLI game - find out a source word which characters was shuffled and moreover an extra character was added to bring some complexity.
freeCodeCamp - freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.
flexboxfroggy - A game for learning CSS flexbox 🐸
data-engineer-roadmap - Roadmap to becoming a data engineer in 2021
flank-steak
substrate - Substrate: The platform for blockchain innovators
webdevamin - My freelance web agency website
system-design-primer - Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.