[{"data":1,"prerenderedAt":325},["ShallowReactive",2],{"project-16075028":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":43,"post_text":45,"what":46,"said":75,"maker_in_thread":178,"shape":180,"grid":183,"attempts":281,"same_week":287,"maker_shows":37,"maker_hidden":317,"reader_version":318,"card":319},"16075028","developer-roadmap","An illustration of Web Developer tools in 2018","title","Show HN: An illustration of Web Developer tools in 2018","https:\u002F\u002Fgithub.com\u002Fkamranahmedse\u002Fdeveloper-roadmap\u002Fblob\u002Fmaster\u002FREADME.md","github.com","kamranahmed_se",1515107964,2018,130,38,324,2155,16,"notable","learning_science","developer roadmap","other",[24,25,26],"web developer roadmap","frontend backend skills","developer learning path","debated",0.065,{"positive":30,"neutral":30,"mixed":31,"critical":32},8,1,6,23,{"idea":35,"design":38,"docs":40,"execution":41},{"positive":36,"critical":37},3,4,{"positive":31,"critical":39},0,{"positive":31,"critical":39},{"positive":39,"critical":42},2,[39,39,39,39,39,39,36,36,44,39,31,36,44,44,44,39,36,36,39,39,39,39,44,31,31,36,39,36,36,31,44,31,39,39,36,31,44,44],5,null,{"problem":47,"audience":63,"pricing":45,"motivation":45,"time_to_build":45,"stack":71,"openness":72,"stage":73,"team_size":74},{"value":48,"source":49,"evidence":50},"Shows which tools and technologies a web developer may learn, organized as a visual map","inferred",[51,55,59],{"id":52,"by":53,"text":54},"16075443","Karupan","Great work putting this together! Reminds me that being a developer these days is a lot of work with the insane number of tools and frameworks one is expected to know.",{"id":56,"by":57,"text":58},"16075655","ams6110","Yes, there are an almost intimidating number, but any individual developer will only know a small fraction of these technologies in any great depth.",{"id":60,"by":61,"text":62},"16076216","itronitron","This seems to be intended as a tree of achievements gained in the process of developing web, rather than a guide for what to use for any particular instance. Several of the paths…",{"value":64,"source":49,"evidence":65},"Web developers and people learning web development",[66,70],{"id":67,"by":68,"text":69},"16075622","itgoon","The intent seems to be \"how to get a job in this area\", not a comprehensive map of everything out there. It's pretty messy, as it is.",{"id":60,"by":61,"text":62},[],"open_source","launched","unknown",{"praise":76,"objections":104,"requests":127,"questions":143,"alternatives":159},[77,93],{"value":78,"source":79,"evidence":80},"Great graphics and thoughtful layout","commenter",[81,85,89],{"id":82,"by":83,"text":84},"16075464","wiremine","This is great! Like other commenters, I disagree with some things, but you can tell a lot of thought and attention went into this. Thank you! As an aside: it makes me wish there…",{"id":86,"by":87,"text":88},"16075054","fiatjaf","Very nice. I disagree on a lot of things, but who cares.",{"id":90,"by":91,"text":92},"16076151","partycoder","The graphic work is good, but the hierarchies are inconsistent and need more work. This map is vast but it has a lot of important gaps. Some other things are just inaccurate.…",{"value":94,"source":79,"evidence":95},"Covers many well known technologies",[96,100],{"id":97,"by":98,"text":99},"16075396","tretiy3","found a lot of well known words. in every branch. worth the star.",{"id":101,"by":102,"text":103},"16075362","lxe","Awesome work. Don't forget https:\u002F\u002Fflow.org\u002F (is it \"flow\" or \"flowtype\" ?) on the JS depth track.",[105,109,120],{"value":106,"source":79,"evidence":107},"Hierarchies are inconsistent and gaps exist",[108],{"id":90,"by":91,"text":92},{"value":110,"source":79,"evidence":111},"Missing WebGL, WASM, or .NET\u002FC# coverage",[112,116],{"id":113,"by":114,"text":115},"16077822","rf15","This seems to be missing WebGL and WASM as branches further down the frontend tree.",{"id":117,"by":118,"text":119},"16098335","EnderMB","Looks like a nice overview, although it's a shame to see very little on the .NET\u002FC# front.",{"value":121,"source":79,"evidence":122},"Backend section is uneven, e.g. Java vs PHP node counts",[123],{"id":124,"by":125,"text":126},"16075405","sydd","Yeah, especially the backend part. Java is 1 node while PHP is 15? No mention of any functional language?",[128,136],{"value":129,"source":79,"evidence":130},"Add more frontend and WebGL frameworks",[131,135],{"id":132,"by":133,"text":134},"16075539","indescions_2018","You could also add WebGL frameworks on the front end: ThreeJS, BabylonJS, PlayCanvas, P5.js, Sketchfab, AFrame, REGL, Unity.",{"id":113,"by":114,"text":115},{"value":137,"source":79,"evidence":138},"Add a marketing roadmap for indie developers",[139],{"id":140,"by":141,"text":142},"16077377","superasn","I guess it doesn't fit the theme but for indie developers there is an equally important roadmap called the marketing roadmap or getting your product out there roadmap which…",[144,152],{"value":145,"source":79,"evidence":146},"Is it Flow or flowtype as the name",[147,148],{"id":101,"by":102,"text":103},{"id":149,"by":150,"text":151},"16076104","rwbcxrz","As I understand it, Flow is to Go as flowtype is to golang. The project should be referred to as Flow in prose, while flowtype is primarily a tag\u002Fkeyword for searchability.",{"value":153,"source":79,"evidence":154},"Which tools suit building static websites",[155],{"id":156,"by":157,"text":158},"16078199","LeanderK","All the tools seem to mostly concern web-apps (something interactive). I have to build a essentially static website, what are my options? I am a bit out of the loop, but the…",[160,167],{"value":161,"source":79,"evidence":162},"p5.play and Code.org Game Lab for kids' web games",[163],{"id":164,"by":165,"text":166},"16077273","bcjordan","I would check out p5.play: http:\u002F\u002Fp5play.molleindustria.org\u002F It is a simplified API for p5.js, and very quick to get up and running with. You might also find code.org's Game Lab…",{"value":168,"source":79,"evidence":169},"Jekyll, Hugo, and Gatsby for static sites",[170,174],{"id":171,"by":172,"text":173},"16078322","bartedinburgh","Check out static website generators like Jekyll (https:\u002F\u002Fjekyllrb.com). If that doesn't meet your needs, you can still use the same tools as for a bigger webapp e.g. Node + React…",{"id":175,"by":176,"text":177},"16081846","connorelsea","Stuff like gatsby gives you best of both worlds. Reusable component based app paradigms + extremely fast static asset serving. https:\u002F\u002Fwww.gatsbyjs.org\u002F",{"comments":39,"answered":39,"key":179},[],{"commenters":181,"max_depth":37,"maker_replies":39,"first_comment_mins":37,"lifespan_hours":182},34,90,[184,186,189,192,195,196,197,199,202,204,207,211,213,217,218,222,224,228,230,232,234,237,238,241,246,248,251,252,257,262,264,267,268,271,272,274,275,277],[140,39,39,185,141,39],"other\u002Fneutral\u002Fnone",[187,39,39,185,188,39],"16077506","iovrthoughtthis",[190,39,39,185,191,39],"16077964","exceptione",[193,39,39,185,194,39],"16078805","karlhughes",[52,31,39,185,53,39],[56,31,39,185,57,39],[132,42,36,198,133,39],"project\u002Fneutral\u002Fidea",[200,42,36,198,201,39],"16076108","crispinb",[164,42,44,203,165,39],"project\u002Fpositive\u002Fidea",[205,42,39,206,201,39],"16080389","commenter\u002Fpositive\u002Fnone",[208,36,31,209,210,39],"16075377","project\u002Fcritical\u002Fidea","bsenftner",[212,36,36,198,176,39],"16075397",[214,37,44,215,216,39],"16077391","project\u002Fpositive\u002Fdesign","cher14",[82,44,44,203,83,39],[219,44,44,220,221,39],"16076263","project\u002Fpositive\u002Fdocs","smcnally",[223,44,39,206,83,39],"16080941",[225,32,36,226,227,39],"16075447","maker\u002Fneutral\u002Fdocs","delinka",[156,229,36,198,157,39],7,[171,229,39,231,172,39],"commenter\u002Fneutral\u002Fnone",[233,229,39,231,157,39],"16078440",[235,229,39,231,236,39],"16078690","nicoburns",[175,229,39,231,176,39],[239,30,44,203,240,39],"16076787","memco",[242,243,31,244,245,39],"16075472",9,"project\u002Fcritical\u002Fexecution","j1elo",[90,247,31,244,91,39],10,[101,249,36,250,102,39],11,"project\u002Fneutral\u002Fexecution",[149,249,39,231,150,39],[253,254,36,255,256,39],"16076277",12,"project\u002Fneutral\u002Fnone","mrep",[258,259,36,260,261,39],"16075425",13,"project\u002Fneutral\u002Fdesign","mister_popo",[117,263,31,209,118,39],14,[86,265,44,266,87,39],15,"project\u002Fpositive\u002Fnone",[124,265,31,209,125,39],[269,265,39,231,270,39],"16075432","Tehnix",[67,265,39,231,68,39],[60,265,36,273,61,39],"project\u002Fmixed\u002Fidea",[113,18,31,209,114,39],[97,276,44,266,98,39],17,[278,279,44,266,280,39],"16076199",18,"tebura",[282,283],{"id":4,"t":12,"points":14,"comments":15},{"id":284,"t":285,"points":286,"comments":39},"18787916",1546154184,21,[288,293,298,303,308,313],{"id":289,"name":290,"points":291,"category":292},"16070394","PAST",362,"security_privacy",{"id":294,"name":295,"points":296,"category":297},"16090977","A simple Go web server with logging, tracing, health check",318,"languages",{"id":299,"name":300,"points":301,"category":302},"16086800","Eel",201,"dev_tools",{"id":304,"name":305,"points":306,"category":307},"16108701","Hooks Data API",145,"data",{"id":309,"name":310,"points":311,"category":312},"16095477","Pushup alarm",134,"consumer_social",{"id":314,"name":315,"points":316,"category":297},"16117047","Nerv",133,false,"v2",{"id":320,"name":5,"line":6,"ai":317,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":321,"top":18,"kw":322,"maker":11,"domain":10,"tier":19,"attempts":42,"strip":323,"url":9,"mix":324,"praise":78,"objection":106,"sub":21},16075028,0.07,[24,25,26],"00000033501355503300005113033151003155",[30,30,31,32],1793990969154]