community
flexboxfroggy
community | flexboxfroggy | |
---|---|---|
158 | 476 | |
909 | 6,726 | |
0.0% | - | |
3.6 | 6.7 | |
5 months ago | 29 days ago | |
JavaScript | ||
- | MIT License |
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.
community
- Free Resources Every Web Developer Should Know About
-
100+ FREE Resources Every Web Developer Must Try
Scrimba
-
Web Development Tools and Resources
Scrimba (Visit Site) - Scrimba offers interactive coding screencasts that allow learners to edit code and see the results in real-time. It's an innovative way to learn coding through direct interaction.
-
“The Economics of Programming Languages” by Evan Czaplicki [video]
Another very successful way to go about building a language is Imba.
Build a successful product with new lang https://scrimba.com, make sure the product's very hard to Jeff and take VC money.
Now you can work on the language as you please, and they can't Jeff you since nobody else can build something similar (not in a reasonable amount of time anyway)
P.S: taking VC money is optional. Scrimba is profitable so it wasn't necessary.
-
Imba – The friendly full-stack language
Imba powers Scrimba which is an incredibly cool platform with interactive coding screencasts: https://scrimba.com/
-
I have a bachelors but not in any software/web courses how do I get started to pursue this field?
i started with some html and css course on youtube, then learnt jquery briefly. then i used scrimba.com to learn javascript and react, its a really good platform, at this point, i learn frameworks to use with react, like tailwind, material ui. i would now learn typescript and this point and learn how to implement it with react. I then went to freeCodeCamp on youtube and watched their 8 hours node and express course. Note that none of this would be worth it if you dont build projects along the way. I personally would recommend atleast 3 projects for every stage you get to, and by yourself(and google ofcourse). Goodluck in your coding journey.
-
Internet Archive expands Flash support
Regarding a modern alternative to Flash, I just want to mention the Scrimba webdev learning platform [1], which leverages a custom built programming language [2] for making interactive courses and save the videos in an optimized vector format with a very small footprint.
It was released in a Launch HN 3 years ago [3]. Personally, I have used the platform to teach the basics of frontend web dev to my wife, and it was a great experience.
[1] https://scrimba.com/
-
What do you think about interactive courses like Scrimba? Are there any that you like or would recommend?
Hi everyone! I'm in the very early stages of creating an interactive course and I would like to hear your thoughts on them. So far I've come across Scrimba and Jad Joubran's learn X series of sites (learnjavascript.online, learnhtmlcss.online, etc...). Has anyone completed any of them? Any there any others that you really like or would recommend?
- Best bootcamps in 2023?
-
Anyone want a mentor? I would like to help
It's been a while since I was beginner but when I was looking for beginner resources for a friend recently, I particularly liked scrimba's interactive courses. AFAIK they are also free and should give you a great start.
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.
What are some alternatives?
30-Days-Of-React - 30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
missing-semester - The Missing Semester of Your CS Education 📚
TabNine - AI Code Completions
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.
curriculum - The open curriculum for learning web development
Python-Robocode - A Fork of Robocode for python programming
awesome-android-learning-resources - 👓 A curated list of awesome android learning resources for android app developers.
materials - Bonus materials, exercises, and example projects for our Python tutorials
sync-message
learnxinyminutes-docs - Code documentation written as code! How novel and totally my idea!
jupyterlite - Wasm powered Jupyter running in the browser 💡
canvas-tetris - A 2D tetris game in HTML5 canvas