flexboxfroggy
developer-roadmap
flexboxfroggy | developer-roadmap | |
---|---|---|
476 | 2,112 | |
6,726 | 275,643 | |
- | - | |
6.7 | 9.8 | |
27 days ago | 3 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.
flexboxfroggy
-
React Native’s Flexbox: A Visual Guide
Flexbox Froggy: A game that teaches Flexbox concepts by positioning frogs on lily pads.
-
100+ FREE Resources Every Web Developer Must Try
Flexbox Froggy: Learn CSS Flexbox by playing this game.
-
21 Resources to Learn And Practice Your CSS Skills
Flexbox is an important topic of CSS and you can learn it by playing a game called Flexbox Froggy. You can easily learn the properties of Flexbox 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
-
Best Resources For Web Developers 💻 [HTML + CSS + JavaScript]
Flexbox Froggy - An interactive game to learn and practice CSS Flexbox. Website: https://flexboxfroggy.com/
-
The cutest tools to practice CSS 🧃
Flexbox Froggy
- Hi, could anyone help me wrap my head around flexbox? I'm trying to get a layout like this but I just can't seem to understand how to properly use flexbox.
-
CSS Is, in Fact, Awesome
This started improving for me recently when I spent more time really learning flexbox and flexgrid. They are part of CSS so no installs needed. It’s a different way of thinking but I’m finally good enough with flexbox that I can tell when I need it and make productive use of it. Knowing these patterns makes a difference for me, since now I can assemble the blocks better than before when I’d just try mostly random css without any guiding principles.
Flexbox froggy helped a lot with some practical experience that translated fairly well to my regular work.
https://flexboxfroggy.com/
There are other games like this that I haven’t gotten to yet, including one for flexgrid. Once I clear all the levels in flexbox froggy I’m going to try the flexgrid game.
Then after that I’m going to spend time with bootstrap and tailwind since the last time I really used them was back in my more junior days when I barely knew anything at all about css.
-
Day 64: CSS layouts
Flexbox Froggy is an excellent resource for interactive learning.
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?
missing-semester - The Missing Semester of Your CS Education 📚
C++ Workflow - C++ Parallel Computing and Asynchronous Networking Framework
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
computer-science - :mortar_board: Path to a free self-taught education in Computer Science!
Python-Robocode - A Fork of Robocode for python programming
freeCodeCamp - freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.
materials - Bonus materials, exercises, and example projects for our Python tutorials
data-engineer-roadmap - Roadmap to becoming a data engineer in 2021
learnxinyminutes-docs - Code documentation written as code! How novel and totally my idea!
substrate - Substrate: The platform for blockchain innovators
canvas-tetris - A 2D tetris game in HTML5 canvas
system-design-primer - Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.