curriculum
flexboxfroggy
Our great sponsors
curriculum | flexboxfroggy | |
---|---|---|
1,835 | 476 | |
8,741 | 6,710 | |
1.8% | - | |
10.0 | 7.0 | |
6 days ago | 17 days ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | 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.
curriculum
-
Confidently Incorrect - Navigating Battleships
There were frustrations and compromises and victories, but little by little I can see my progress, and I still enjoy the act of overcoming these new challenges and learning more and more. Each day is another little lesson. I look forward to continuing with The Odin Project and the next challenges, but in the meantime I must return to looking for my alternance (apprenticeship) and maybe a small personal project before launching into the next part of the curriculum.
-
Seeking Guidance on the Path to Web Development: My Journey So Far and Next Steps
The Odin Project: With its hands-on approach, The Odin Project guids through everything from basic HTML and CSS to full-stack development.
-
Free Resources Every Web Developer Should Know About
The Odin Project (https://www.theodinproject.com/)
-
🔥 Top 10 Best Websites to Learn Coding for Free! 💻
The Odin Project The Odin Project offers a full-stack curriculum for aspiring web developers. With its project-based approach, you'll gain practical experience while learning HTML, CSS, JavaScript, and more.
-
100+ FREE Resources Every Web Developer Must Try
TheOdinProject
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
The Odin Project - Free, open-source platform with a curriculum focused on JavaScript and Ruby for web development.
-
Ask HN: Would doing a coding bootcamp be a horrible idea?
I'll throw in a vote for teaching yourself or using free resources and communities. Even if you go down the bootcamp route it is going to take a lot of self motivation and work outside of the bootcamp / afterwards in order to become job ready. Or at least do this to start with to make sure you like it.
I did this myself a few years years ago over lockdown. I had a lot of down time and worked on teaching myself web development full time 5 days a week for about a year. I was then able to land a job at a FAANG company through an apprenticeship scheme that they offer in the UK (I'm not sure if these kinds of schemes are available in the US) where I stayed for a year and a half and I am now working for a startup in a position I found through connections I made at my previous job. At the time I did have other offers for non-apprenticeship roles at other companies so don't let the absence of apprenticeships put you off if they aren't on offer in the US. The job market was definitely better when I was applying for my first job so the process might be more drawn out now. The main resource I used for self teaching was The Odin Project (https://www.theodinproject.com/). I also did a batch at The Recurse Center (https://www.recurse.com/) which was a great experience in general, especially for getting some hands on time working on projects with other people. I would say be curious, reach out to people who are working on things you find interesting to ask them for a chat and just persevere with the applications as you will definitely get a lot of rejections.
One more thing (might be UK specific as well) but I would check to see if there are any government funded bootcamps you might be able to get a place on. I know multiple people in the UK who got the job center to pay for them to do a bootcamp while they were on universal credit and now work in the industry.
-
Confidently Incorrect - Revisiting previous projects.
So I have been learning how to code and broadly development since 2020, during the Covid-19 lockdowns, beginning with the classic triple threat of HTML/CSS/JavaScript, adding into the mix a dash of Python and since returning to live in France 2022 have committed to The Odin Project web-development program and happily began my full time formal learning with Ada Tech School in 2023. Now the search for my 12-month-long apprenticeship (Alternance, en français) begins, as well as continuing my self-study and side-projects.
- The Odin Project – Full stack web development curriculum
-
Programming Learning Journey So Far and Onward
TOP Link
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?
developer-roadmap - Interactive roadmaps, guides and other educational content to help developers grow in their careers.
missing-semester - The Missing Semester of Your CS Education 📚
Rack - The virtual Eurorack studio
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
CS50x-2021 - 🎓 HarvardX: CS50 Introduction to Computer Science (CS50x)
materials - Bonus materials, exercises, and example projects for our Python tutorials
LeetCode - This is my LeetCode solutions for all 2000+ problems, mainly written in C++ or Python.
learnxinyminutes-docs - Code documentation written as code! How novel and totally my idea!
PSWriteHTML - PSWriteHTML is PowerShell Module to generate beautiful HTML reports, pages, emails without any knowledge of HTML, CSS or JavaScript. To get started basics PowerShell knowledge is required.
canvas-tetris - A 2D tetris game in HTML5 canvas