13 ms·
A beginner's cheat sheet for web development
- jonhmchan 13y agoOP here: in case anyone has suggestions, this is also on GitHub: https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages Would love your feedback!
- ocfx 13y agoI would recommend adding HTML5 Doctor http://html5doctor.com/ http://html5doctor.com/ as they do a very good job of explaining the specific use cases of the semantic elements in html5 which is something many people either overlook or they use incorrectly. I really like it!
- jonhmchan 13y agoYeah I definitely agree. I got your pull request, so I'll merge it in soon!
- tagawa 13y agoYou should have links to webplatform.org - this is a varied collection of docs and tutorials contributed by browser vendors and other key web players, via the W3C.
- ccoggins 13y agoVery cool. Like the site. The one thing I noticed is that you put "Codeacademy" but they really spell it "Codecademy", with no leading "A" in academy.
- donutdan4114 13y agoI'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? But yea, I just think the ordering could be better, still a nice resource!
- jonhmchan 13y agoHonestly, it was just the order I added them in. It could really use some reorganizing, and if you can contribute that'd be even better! https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- justinsteele 13y agoWhy would a data format not be very early in the list if ordered by simplicity or ease of learning? JSON is both..
- highace 13y agoIt should be ordered alphabetically, with the colour of the block showing the difficulty or learning order (simple/compulsory = green, hard/niche = red).
- briandear 13y agoIt seems to be in order of relevance -- that would explain PHP being at the end. :)
- jonhmchan 13y agoHaha oh man, that's just asking for trouble isn't it?
- ShawnBird 13y agoWhat a zinger. Unfortunately a basic understanding of PHP is still required for enough tasks that I would recommend learning it early on. It is also a very forgiving beginner language that naturally segways nicely from html/javascript.
- brd 13y agoThe 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". A cheat sheet would be a succinct set of syntax/concepts/examples required to get by. Having said that, its a pretty website and its a worthy cause so please don't take my critique too critically.
- jonhmchan 13y agoThanks for the feedback! Anything to add in terms of tech I'm missing or better links?
- brd 13y agohttp://learnpythonthehardway.org/ http://learnpythonthehardway.org/ As far as tech, you're covering a lot of different topics. My knee jerk reaction would be add more of the competitors (i.e. foundation since you have bootstrap) but there's value in maintaining a smaller list of technologies since this seems to be targeted at true beginners.
- jonhmchan 13y agoYeah I have this for ruby I think. Will add it in - or you can make the pull request and put it in there! https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- hershel 13y agoFor beginners, what about rad tools like Microsoft lightswitch or alpha everywhere/five or appcubator which offer much lighter learning curves and faster development, although for limited types of projects?
- d23 13y agoEspecially since most of the links are just to the original projects' homepages...
- cliveowen 13y ago
- konstantintin 13y agoeverything about web development... apart from the two of the biggest languages/platforms for web development.
- jonhmchan 13y agoAdd them in! https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- briandear 13y agoAnd what are those two?
- ShawnBird 13y agoI was going to say PHP but then I saw it at the bottom. I am guessing they mean ASP/.net? I am not sure though, the list looks pretty complete to me.
- darylfritz 13y agoJava and Microsoft .NET?
- camus 13y agoJava. If you did not write a EJB, a servlet ,used hibernate , and lost yourself with spring IOC, you are not a real developper ( sarcasm ).
- jonhmchan 13y agoAdded it in! Need suggestions for links though :) https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- Splendor 13y agonodeschool.io might be a nice addition to the node.js seciton.
- jonhmchan 13y agoCool! I'll look into it. Also add it directly if you like :) https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- lbarrow 13y ago"SQL" is not a database.
- jonhmchan 13y agoYou're right - should change it to query language. You can make the change directly too if you spot others! https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- enriquepablo 13y ago"SQL" is not a query language.
- roryokane 13y agoAre you being ironic or something? The very name SQL stands for Structured Query Language. https://en.wikipedia.org/wiki/SQL https://en.wikipedia.org/wiki/SQL
- dragonwriter 13y agoWell, to all too many people I've encountered (who consider phrase "Are you using SQL or Oracle?" a sane question), it is, as "SQL" means "Microsoft SQL Server". But that's clearly not what was intended here...
- scottrblock 13y agoI think the web would be a better place if you encouraged beginners to start with the HTTP block, rather than HTML.
- enriquepablo 13y agoI am happy I started with HTML. I composed a page, all full of blinks, and it blinked! And then on to CSS, where I found :hover, and I was hooked. Then javascript, python, and only after python and frameworks did I really need to understand HTTP. What I mean is that if I had started with HTTP, I would just have been perplexed, never hooked.
- shahed 13y agoI found out about this cool site a few days before it was posted on HN. Pats self on the back
- kintamanimatt 13y agoD'oh! You missed out on incrementing your integer in a database!
- d23 13y agoYour integer has been incremented by one for this comment.
- jonhmchan 13y agoReally?? Where?
- loucal 13y agoIMO 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.
- jonhmchan 13y agoMerged!
- liquidise 13y agoA good list so far. The lack of XML though, in addition to JSON's claim of being the ubiquitous data transfer format, seems a bit hyperbolic.
- jonhmchan 13y agoYou're right XML should definitely be on there. I was going to put something in there with REST and SOAP with JSON and XML too. If you have suggestions for where, please pull! https://github.com/JonHMChan/bento/blob/gh-pages/content.js https://github.com/JonHMChan/bento/blob/gh-pages/content.js
- FLUX-YOU 13y agoSince 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? I've found that the threshold between beginner -> employable is really fuzzy and that's a bit frustrating.
- recusancy 13y agoCan you build stuff that is useful and useable? That's the line. Not how many boxes you can check off.
- FLUX-YOU 13y ago"Well, I wrote a python script for this thing once..." These are still subjective qualifiers though. Useful for who? Useable by which audience? I can easily do both given no other constraints (especially ignoring time). Useful and usable, but never used because chances are someone's done it better and there's no reason to reinvent the wheel. Other answers I've received have piled additional frameworks or languages on top of what I already know, or suggest specific projects that encompass a wide range of requirements.
- megrimlock 13y agoDoes the color coding indicate anything?
- rryan 13y agoHm, 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?).
- jonhmchan 13y agoYeah there's been a ton of suggestions for what the colors should mean but I'm leaning towards something like what you're suggesting!
- Zaheer 13y agoThe problem for me when I was beginning was not necessarily learning each technology, but rather the glue between each. That is what I tend to find confusing and is much harder to find resources for that clearly and exclusively demonstrate how to bridge the different technologies. Would love if you could add those type of items. For ex. I know Node, some Mongo, and am a avid user of Heroku. Recently I was trying to set up a system using all three and struggled quite a bit.
- jonhmchan 13y agoYeah - I know what you mean. When I first learned python, I had to figure out on my own how to piece it together with mongo heroku and tornado. I'll look into it!
- billnguyen 13y agoyes, seconded! the most difficult part is not the languages themselves but how to glue everything together... Does anyone on hackernews have a resource like that? Its been such a pain trying to glue together a site.
- icambron 13y agoSeconding categories, though I'm not sure they should be columns. Maybe sections like "Styling" with a one sentence explanation of what they are, and then the boxes below that.
- state 13y agoI 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!
- jonhmchan 13y agoYessir! Please contribute! https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- bliti 13y agoThe 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.
- zanny 13y agoThis. The boxes are bright, so you would want black text. In general, white text goes with muted backgrounds, black text on bright backgrounds. This hurt my eyes =\. Also, the page starts with black text on white background and transitions to white on colored. I'd stick with one for consistency, in this case, black. Here is what I mean, I just changed the box text color to black: http://i.imgur.com/ENnoGnv.png http://i.imgur.com/ENnoGnv.png
- CmonDev 13y agoWhere is knockout.js, SignalR, ASP.NET MVC, Azure? Call it "hipsterbentobox.io". PS: I am on BitBucket, I know it's not as hip as GitHub - sorry.
- adamdavis 13y agoAlso disappointed about the lack of ASP . MVC.net - but so it goes, I would hope it wasn't being intentionally ignored out of some personal bias. Either way, the site is still a pretty nice resource even if it fails to recognize some stacks.
- BigChiefSmokem 13y agoThis is not the first time I've noticed this omittance on HN posts. Even though ASP.NET is one of the biggest web development frameworks on the planet, used by many, many companies, a lot of these so called web developers pretend like it doesn't even exist. Have they even used C# I wonder? The Microsoft grudge runs deep in Silicon Valley.
- simonswords82 13y agoCame here to ask the same question. We built www.staffsquared.com with .Net, I think it's on par with anything I've seen created with "trendy" languages.
- jdorw 13y agodescriptions about why I would want to learn each one would be helpful.
- burgerz 13y agoThe thing I was most interested in was backbone, and it just links to the original site. I mean the colors are nice but this is pretty much useless.
- bpp4dt 13y agoI've always been looking for something like this to send to friends wanting to learn to code. A couple of recommended This step by step guide to learning Github: http://www.thinkful.com/learn/a-guide-to-using-github-pages/ http://www.thinkful.com/learn/a-guide-to-using-github-pages/ My first [hilarious] exposure to Ruby http://mislav.uniqpath.com/poignant-guide/book/chapter-1.html http://mislav.uniqpath.com/poignant-guide/book/chapter-1.htm... Eloquent Javascript [built in console with examples]: https://eloquentjavascript.net/contents.html https://eloquentjavascript.net/contents.html If anyone's interested in some front-end web development sources: http://www.quora.com/What-are-the-best-sources-to-learn-web-coding-in-a-short-time?share=1 http://www.quora.com/What-are-the-best-sources-to-learn-web-... [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]
- jonhmchan 13y agoI could really use your help putting this on there! (All the sudden there are so many changes to do haha) Make a pull request if you can! https://github.com/JonHMChan/bento/blob/gh-pages/content.js https://github.com/JonHMChan/bento/blob/gh-pages/content.js
- bpp4dt 13y agowill do! great job on this project :)
- webosb 13y agothe github guide is a good one. that should definitely be added to the list.
- TallboyOne 13y agoGreat stuff :) Shameless plug for more of the same: http://pineapple.io/tags/all http://pineapple.io/tags/all
- Zaheer 13y agoThis is great! I thought Bentoboox was good but I feel like it s too narrowly focused on learned each exclusive technology. I love how you have guides and other resources that bridge the gap!
- jonhmchan 13y agoIt is definitely meant to be narrow. I think that a lot of beginners are overwhelmed by how many resources there are for each piece (hence the <=3 links for each one). I would love to put something in here for integration between each technology, though I'm struggling to figure out how...
- Zaheer 13y agoDefinitely agree with you about keeping clutter to a min due to overwhelming. This may be stretch but maybe just another pane appearing on the right third of the screen when you click a box labeled 'Connecting It All' and just providing links to other resources the demonstrate how to connect the technologies highlighted.
- dylandev 13y agoHow about a pane for "How to build a static HTML/CSS website" that hides all panes but prerequisites? Then maybe one on how to build a dynamic site (raw, no framework). Then to build an [x-framework] site. Then, the penultimate pane, "How to build a scalable web application with automated infrastructure (prereq: chef or puppet or whatev), advanced monitoring (prereq: Nagios, or whatever that CustomInk/Etsy toolset is called), test-driven development (prereq: Lang-appropriate testing libs), and continuous integration (prereq: Jenkins)"
- jonhmchan 13y agoOh I'll have to look into this.
- Aldo_MX 13y agoI would rather hide blocks instead of graying them out.
- akilism 13y agoGreen Yellow Red coloring never fails.
- shire 13y agoI 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 https://www.udacity.com https://www.udacity.com
- jonhmchan 13y agoI was JUST about to do this. I love Udactiy's python course - since they take you through everything and even teach you to build a search engine on the way!
- Trakzstarz 13y agoSeems to be missing a key section: XML as in XMLHTTP requests. For Web Services and APIs, XML is great, and much better than SOAP or JSON.
- maerF0x0 13y agoLost all credibility (in my mind) when it pointed to w3schools
- jonhmchan 13y agoRemoved them all (except sql...still need a good one). Any suggestions? https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- nickthemagicman 13y agoGood stuff! Commenting so I don't forget about it.
- mrbad101 13y agoWhy 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?
- jonhmchan 13y agoI have no idea where to start with ColdFusion! If you have any suggestions, make a PR https://github.com/JonHMChan/bento/tree/gh-pages https://github.com/JonHMChan/bento/tree/gh-pages
- deadfall 13y agoWhat about C# and Java? These are widely popular with big companies with a lot of money. I think adding a "tools" section would be a little helpful for beginners, like myself, to find out about. I use jsfiddle for online code edit a lot, and I prefer Sublime Text 2 on my Mac and Netbeans on my PC workstation.
- granttimmerman 13y agoAwesome! 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.
- jonhmchan 13y agoThat is an EXCELLENT idea. If you can make the pull on github that would be even better! https://github.com/JonHMChan/bento/blob/gh-pages/ https://github.com/JonHMChan/bento/blob/gh-pages/
- granttimmerman 13y agoOkay! Just give me a few minutes.. Edit: Done! @see https://github.com/JonHMChan/bento/pull/11 https://github.com/JonHMChan/bento/pull/11
- hodder 13y agoThis 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. As for feedback, you could potentially add: -Hartl tutorial to the rails section -Udacity to the python section.
- jonhmchan 13y agoUdacity is my absolute favorite tutorial for python - added!
- DanielKehoe 13y agoFor Rails, the article "What is Ruby on Rails?" http://railsapps.github.io/what-is-ruby-rails.html http://railsapps.github.io/what-is-ruby-rails.html It's getting a lot of praise as a good starting point for beginners. (BTW I wrote it)
- jonhmchan 13y agoAwesome! I would love if you added it :) https://github.com/JonHMChan/bento/blob/gh-pages/content.js https://github.com/JonHMChan/bento/blob/gh-pages/content.js
- DanielKehoe 13y agoDone! Awesome to see an open source project to recommend resources. On a bigger scale there is the Odin Project to create an open source web development curriculum. It provides some of the "glue" to explain the connections between the technologies. http://www.theodinproject.com/ http://www.theodinproject.com/
- chevas 13y agoI was hoping to see GO
- jonhmchan 13y agoOh man, I totally missed this. Will add!
- rdallman 13y agoI recently made this resource for a camp on learning Go with the end product being an http server. If it's helpful I can repurpose it for general use. It's a series of 2 quick tutorials currently, start here : https://github.com/rdallman/gofirst https://github.com/rdallman/gofirst
- jwallaceparker 13y agoWould like to see the Ruby micro-framework Sinatra on this list. 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.
- selimthegrim 13y agoSeconding this. If I had started with Rails I might have been just turned off by all the Active* gems it seemed had to know.
- jbro72 13y agoCode snippets in the JSON tutorial are blocked by ad-block plus in Chrome
- robseed 13y agoSuch a relief to see xml described as "An alternative to json".
- hoonbae 13y agobeautiful
- jonhmchan 13y agoomg hi hoon
- sebnukem2 13y agoGroovy? Grails?
- gren 13y agoGood list indeed. But nothing about Play Framework?
- dsrguru 13y agoOnly works for me in Chromium. Firefox is displaying "box.name" and "box.description" instead of their values.
- valtron 13y agoChrome 29 here, and same issue. No errors in the console.
- eieio 13y agoI was about to make a snarky comment about how the site should include a box on browser compatibility but I refreshed the page and it was fixed! It's a fun site, worth checking out :)
- dsrguru 13y agoYou're right. It's working in Firefox now for me as well.
- joshvm 13y agoWell, it doesn't degrade gracefully if you have js turned off (NoScript by default here).
- PeterisP 13y agoI have JS enabled and it doesn't show any useful content anyway (win/Chrome29).
- contingencies 13y agoJavascript 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. https://minus.com/ly4w7OtUMBvxX https://minus.com/ly4w7OtUMBvxX
- SamBoogie 13y agoAwesome, nice design too. Thanks for this
- nwg 13y agoPeriods. Overused. In marketing. So much. Appears normal.
- yogo 13y agoHa! I've always felt that way about exclamation marks in a lot of marketing copy. I can't help but think that the person that wrote it was coked up!! For some reason it annoys me :)
- nwg 13y agoI feel like i have to read period-ridden marketing in a really dramatic way. In my head. And if i'm not doing that, then i just have ideas. Separated.
- dclowd9901 13y agoHilarious 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
- dclowd9901 13y agoConstructive point: I like the color coding, but use it. Server: red, database: yellow, app: blue. Javascript: blue Postgres: yellow Nginx, Apache: red Django: purple Node: blue Express.js: purple LAMP: white? If that won't work, maybe shades of those colors for the various types
- IvanK_net 13y agoI recommend to avoid that website. That's why: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bentobox.io http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bentobox....
- gscott 13y agoIf that is reason to avoid it, you should avoid this one too http://validator.w3.org/check?uri=http%3A%2F%2Fwww.google.com http://validator.w3.org/check?uri=http%3A%2F%2Fwww.google.co...
- AsymetricCom 13y agoLove 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. 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. 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.
- dragonwriter 13y ago> Considering that Javascript isn't even a defined standard (although ECMAScript is) ECMAScript isn't a different language than Javascript, its just the name on the standard for the language (IIRC, the name is because of the trademark Sun had -- and Oracle now has -- on "JavaScript" [1].) [1] http://tsdr.uspto.gov/#caseNumber=75026640&caseType=SERIAL_NO&searchType=statusSearch http://tsdr.uspto.gov/#caseNumber=75026640&caseType=SERIAL_N...
- AsymetricCom 13y ago> ECMAScript isn't a different language than Javascript That's not true, Javascript is what is implemented in various browsers under the standards those developers choose to implement. If ECMAScript was the same thing, then why would Mozilla bother licensing Javascript from Oracle? Considering all these tools are just development platforms for THE WEB? Shouldn't you be learning how the Web works so you know what you're actually building? No mention anywhere here of ports, REST, SOAP, caching (like I dunno, nginx which is now on what? like 75% of internet facing web hosts?) These so called technologies are shit, as proven in various papers on the subject. All you'll be doing is laying the groundwork for your enterprise to get hacked and taken over by large corporations using older, more secure and proven technologies.
- 13y ago
- michalu 13y agoThis is great, thank you. Some links for Scala: Documentation: http://www.scala-lang.org/ http://www.scala-lang.org/ Twitter School for Scala: http://twitter.github.io/scala_school/ http://twitter.github.io/scala_school/ 99 problems in Scala: http://aperiodic.net/phil/scala/s-99/ http://aperiodic.net/phil/scala/s-99/ Coursera with Martin Odersky: https://www.coursera.org/course/progfun https://www.coursera.org/course/progfun
- gesman 13y agoAdd 'donate' button! Great work
- dpratt 13y ago"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.
- eaurouge 13y agoHere'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.
- deevus 13y agoDon't know if anyone else noticed this but I see the page template briefly before the content is loaded in. Can't say I've seen this for long enough to notice before.
- MrBra 13y agoThese 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! In either case, thank you.
- dylandev 13y agoIf you're going to include Laravel, which is built entirely on top of Symfony, you may also want to include Symfony.
- deleted 13y ago[deleted]
- r0s 13y agoDjango but no Drupal?
- pintglass 13y agoNice page, Doesn't seem to be any rhyme or reason to the layout, which is strange.
- gremlinsinc 13y agohey 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.
- dylandev 13y agoCan I ask for an argument in support of Laravel being the only PHP framework on here? I think it's very "cool" (especially the Silex-esque routing), but there's not a whole lot of Laravel jobs out there.
- gremlinsinc 13y agoI think that would make some mad in the php community.. though I'd love to see the whole lot of phpers get behind one framework like Ruby on rails or at least a couple like symfony(since laravel is built on components from symfony makes it important for the future of laravel), laravel, and possibly Zend...There should also be a cleansing old php versions and frameworks and spaghetti code since learning laravel I've become a much better coder and just love coding.. before it was a major headache that I put up with.
- marincounty 13y agoI think it's a great site. What I need is the "glue"(how all the different programs, set of instructions) fit together. 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. 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.
- filopodium 13y agoI'm not seeing any content and the console gives me: "ReferenceError: CONTENT is not defined"
- Vivtek 13y agoAppears to be broken this morning. I see the template briefly, then nothing, in Chrome and IE. Which is sad because it sounds really great.
- V-2 13y agoSame here.
- Sprint 13y agoSounds like a violation of rule #21: Don't use Javascript to load/render your content text. It's idiotic. Thanks.
- dylandev 13y agoAnd what do you use, Mr. Fancy Pants? Markup?! Psh, that's poppycock.
- zimbatm 13y ago[11:31:37.963] SyntaxError: missing } after property list @ http://www.bentobox.io/content.js:627 http://www.bentobox.io/content.js:627
- officialjunk 13y agoiOS 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.
- crucialfelix 13y agoits broken on desktop Chrome as well. but I'm not sure why it go so many upvotes if nobody can view it. obviously some people can. Uncaught SyntaxError: Unexpected identifier content.js:627 ReferenceError: CONTENT is not defined at new masterCtrl (http://www.bentobox.io/javascripts/main.js:85:17 http://www.bentobox.io/javascripts/main.js:85:17) at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:28:464 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula...) at Object.instantiate (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:29:80 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula...) at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:53:80 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula... at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:44:136 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula... at m (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:6:494 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula...) at i (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:44:1 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula...) at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:40:86 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula...) at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:40:103 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula...) at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js:39:153 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angula... angular.min.js:63
- Toenex 13y agoYep 'tis broken. I'm guessing site robustness isn't part of the cheat sheet.
- dylandev 13y agoHow does a syntax error have anything to do with robustness? Now if you had mentioned something that made sense, like "testing" or "continuous integration", then only the "'tis" would be irritating.
- dhruvarora 13y agoIs it just me or is this site broken?
- gravedave 13y agoWhere's the content? I thought it's just my browser (Chrome), but on browsershots it seems to be empty for most browsers. Is it a WIP?
- abhishekdelta 13y agoThe site's broken.
- shn 13y agoInteresting, I do not see anything other than a link to github page. https://dl.dropboxusercontent.com/u/50999755/Screen%20Shot%202013-09-21%20at%208.39.52%20AM.png https://dl.dropboxusercontent.com/u/50999755/Screen%20Shot%2...
- tomc1985 13y agoIf I were a new web developer, I would be overwhelmed with all the buzzwords. That list should have stopped after JSON
- supahacka 13y agoI 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?
- donniezazen 13y agoSometime 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. 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.
- colemanfoley 13y agoCool. 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.
- Grue3 13y agoWhy is there vim and not emacs? Emacs is far better suited for web development, especially with stuff like web-mode.
- hobolobo 13y agoWell done. A very well executed idea.
- known 13y agoBrilliant