The title and the pitch on the actual site are kind of disingenuous. This is a collection of resources to learn web development. Its hardly a cheat sheet or "everything you need to know".<p>A cheat sheet would be a succinct set of syntax/concepts/examples required to get by.<p>Having said that, its a pretty website and its a worthy cause so please don't take my critique too critically.
Hm, looks nice! The coloring of the columns doesn't seem to be meaningful in any way I can come up with. I think it would make more sense if things were grouped into categories (e.g. databases, web frameworks, frontend languages, backend languages, style/presentation). If you use color I would make it meaningful (e.g. represent order of learning things with color something?).
I'm not sure if the order is supposed to matter that much, but I feel like the blocks should be ordered from easy to hard. Why is PHP at the end of the list? Why is JSON so close to the front?<p>But yea, I just think the ordering could be better, still a nice resource!
Where is knockout.js, SignalR, ASP.NET MVC, Azure?<p>Call it "hipsterbentobox.io".<p>PS: I am on BitBucket, I know it's not as hip as GitHub - sorry.
Here's an idea. Let each box 'expand', perhaps to its own page. This way, if you want to dig deeper, you can find more resources in the expanded box. You can let users suggest resources with an 'add' button; users can vote for resources so the best ones bubble to the top. You could take this further and break each resource list into beginner, intermediate, advanced.
OP here: in case anyone has suggestions, this is also on GitHub: <a href="https://github.com/JonHMChan/bento/tree/gh-pages" rel="nofollow">https://github.com/JonHMChan/bento/tree/gh-pages</a><p>Would love your feedback!
I've always been looking for something like this to send to friends wanting to learn to code. A couple of recommended<p>This step by step guide to learning Github:
<a href="http://www.thinkful.com/learn/a-guide-to-using-github-pages/" rel="nofollow">http://www.thinkful.com/learn/a-guide-to-using-github-pages/</a><p>My first [hilarious] exposure to Ruby
<a href="http://mislav.uniqpath.com/poignant-guide/book/chapter-1.html" rel="nofollow">http://mislav.uniqpath.com/poignant-guide/book/chapter-1.htm...</a><p>Eloquent Javascript [built in console with examples]:
<a href="https://eloquentjavascript.net/contents.html" rel="nofollow">https://eloquentjavascript.net/contents.html</a><p>If anyone's interested in some front-end web development sources:
<a href="http://www.quora.com/What-are-the-best-sources-to-learn-web-coding-in-a-short-time?share=1" rel="nofollow">http://www.quora.com/What-are-the-best-sources-to-learn-web-...</a>
[You won't need to make an account with this url]
[1st answer has the skills you'll need to learn with documentation and 2nd has a great collection of resources for newbies]
Hilarious to me that no one here gives a second thought of how intimidating a list like this would be to someone first getting into web development. On my initial scroll down the list, I first thought it was a tongue-in-cheek joke ("cheat sheet"? Lol) about the incredible range of things your typical full stack developer needs to know to actually go from 0 to .com
This is great! Thanks! As a beginner, figuring out what to learn, as opposed to how to learn, is a struggle. This provides a pretty great roadmap and explains how things fit together.<p>As for feedback, you could potentially add:
-Hartl tutorial to the rails section
-Udacity to the python section.
For Rails, the article "What is Ruby on Rails?"<p><a href="http://railsapps.github.io/what-is-ruby-rails.html" rel="nofollow">http://railsapps.github.io/what-is-ruby-rails.html</a><p>It's getting a lot of praise as a good starting point for beginners. (BTW I wrote it)
I think it's a great site. What I need is the "glue"(how all the different programs, set of instructions) fit together.<p>I realize most website developement is not programming;
it's following a lot of directions. This is the reason
I hated working with computers when I was younger. I just
wasen't interested in learning a bunch of man made terms
that seemed to change yearly. As older dude, I'm looking
at it differently.<p>I still think there's got to be a better way of learning
dynamic website developement? I do like the idea of
condensed teaching--like cheat sheets.
Sometime ago I finished Codecademy's Web Fundamentals. I learned enough to understand what's going behind the scene but not enough to start hacking on my own. Since then I have started learning Python, also on Codecademy. There's Java for Android. And I would also like to learn C++/QML to hack my Arch Linux/KDE box.<p>Is it common for programmers to be proficient(reasonably well) and also be able to work on multiple projects requiring multiple languages at the same time? Or do most folks learn many things but tend to work with one language on one project.
Awesome! I'd be great if the title of each language was a link to the language's home page (if applicable) rather than having a <a>Home</a> in every box.
Cool. Thanks for putting this out there. I like it overall, but stepping through the beginner's sequence by highlighting different squares doesn't work great. Separate from the exhaustive glossary view, you could have "track" views where you could guide beginners through different paths, like an all JavaScript path that takes users from front-end stuff to Node to Heroku or whatever. Like Codecademy's tracks. Beginners love that stuff.
These kind of cheat sheets make order in my mind and motivate me to start doing something, or at least reinforce the thought that hopefully sooner or later I will!<p>In either case, thank you.
Great stuff :)<p>Shameless plug for more of the same: <a href="http://pineapple.io/tags/all" rel="nofollow">http://pineapple.io/tags/all</a>
Javascript based templating engines and the web don't necessarily mix. They are ideal for mobile, intranets or other known environments, but not something I'd use in this sort of environment. Right tool for the job. <a href="https://minus.com/ly4w7OtUMBvxX" rel="nofollow">https://minus.com/ly4w7OtUMBvxX</a>
The colors are off. Particularly the yellow. It is hard to read. The blue is nice, could be a shade darker. The last square position is empty. Why not put one there with links to your blog or whatever? Its prime real estate, because the reader will flow into it. Having a blank space there takes away from the design.
I like this, you should include Udacity for the Python section. They teach everything from Basic Python to web development to software testing and even debugging. Can't find better resource for Python than <a href="https://www.udacity.com" rel="nofollow">https://www.udacity.com</a>
IMO clicking rails should show sass also. It shows less which can also be used with rails, but if I'm not mistaken sass is still the default. I'm sending you a pull request now. I didn't remove less, I figured you could consider that yourself, just added sass to rails.
Interesting, I do not see anything other than a link to github page. <a href="https://dl.dropboxusercontent.com/u/50999755/Screen%20Shot%202013-09-21%20at%208.39.52%20AM.png" rel="nofollow">https://dl.dropboxusercontent.com/u/50999755/Screen%20Shot%2...</a>
Since a portion of beginners are interested in employment, I wonder how much of this sheet needs to be 'filled in' to become employable at a minimum, junior position?<p>I've found that the threshold between beginner -> employable is really fuzzy and that's a bit frustrating.
hey Just pushed some laravel links to This project. . I'm actually wanting to start a dev boot camp her in Dayton that uses online learning resources to teach the fundamentals.. i.e why reinvent the wheel... with pair coding and real idea pitch sessions and learning while working on real startups that we may also help get some traction. ie Dev boot camp meets coworking space meets incubator/accelerator. this will be a great starting point for that... I learned a lot of my coding skills from code academy, team treehouse, and code school..and ruby koans..all are amazing resources.
I can't say how many times I have been asked 'How can I start learning to build stuff for the web?' and wanted to give this as an answer. It's not perfect, but it's on GitHub!
Would like to see the Ruby micro-framework Sinatra on this list.<p>It's a great starting point for Ruby development and could be a good entry point into Rails, which can be intimidating for a beginner.
Why is ColdFusion always the ugly red-headed stepchild? I realize that the amount of people using it in comparison to PHP is very low, but it still exists! Can we get some love?
This is great, thank you. Some links for Scala:<p>Documentation: <a href="http://www.scala-lang.org/" rel="nofollow">http://www.scala-lang.org/</a>
Twitter School for Scala: <a href="http://twitter.github.io/scala_school/" rel="nofollow">http://twitter.github.io/scala_school/</a>
99 problems in Scala: <a href="http://aperiodic.net/phil/scala/s-99/" rel="nofollow">http://aperiodic.net/phil/scala/s-99/</a>
Coursera with Martin Odersky: <a href="https://www.coursera.org/course/progfun" rel="nofollow">https://www.coursera.org/course/progfun</a>
Don't know if anyone else noticed this but I see the page template briefly before the content is loaded in.<p>Can't say I've seen this for long enough to notice before.
"Java, a popular programming language." - that's basically best thing you can say about it, but it also deserves a caveat on how awesome the JVM is.
I don't see anything related to web development on this site. It's just an empty page with a header, About Me and Pull request. What's going on?
iOS chrome: huge white popup with text
"{{ boxes[more_index].name }}"
Keeps reopening after I close it... will have to check it out on a comp.
I recommend to avoid that website. That's why: <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bentobox.io" rel="nofollow">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bentobox....</a>
Love all these new technologies that are hardly proven in production and many have been proven to have fundamental design problems leading to security issues that cannot be engineered around without breaking the flexibility offered by the technology, such as PHP and Ruby.<p>JSON and XML are just data formats, there's nothing special to know about them other than that a lot of stupid enterprises decided that they are standard now so that's what you'll use. Considering that Javascript isn't even a defined standard (although ECMAScript is) , I find the idea of a standard based on it quite laughable.<p>This is more like a cheat sheet for farmland development, as requested by the landowner. Bring your own tools and teach yourself how to use them, just don't bring your own land unless you plan to forfeit it.