Live data from Hacker News

A list of front end development resources

gist.github.com

71–80 of 93 posts

Re: A list of front end development resources

#72
post #53

Earlier quoted context omitted.

Web development newbie here: I seriously used to think that such a thing would already exist, a thing like Visual Studio that included all the guts out of the box, and including back end in addition to the front end.

If you are coming from the microsoft world you will have lots of surprises until you realize that the open source world (the unix philosophy) is completely different. You have lots of small tools which are designed to work together and be replaceable, not a huge monolithic product curated by a single entity.

In that case, I just need help putting together lots of these small tools without needing countless hours to select which tools and reading their manuals to put them together. I think this is an opportunity as far as such a compilation will be useable by a relatively large number of people (which I think should be the case).

Re: A list of front end development resources

#73
post #53
post #25

Well it is a nice list but, it's a list, again. By that I mean you either find compilation list like that or full stack framework but what a would personally find more useful would sets of cohesive tools, end-to-end. Sure there are boilerplates out there but what I frustrating is that you hardly find "full stack" one. For instance what about a boilerplate for django + django-rest-framework + backbone.js + marionette…

Web development newbie here: I seriously used to think that such a thing would already exist, a thing like Visual Studio that included all the guts out of the box, and including back end in addition to the front end.

Meteor (and similar) may be the closest to this right now. With Meteor, your frontend and backend code and potentially your database can all use JavaScript and be in the same codebase, deployment in at least simpler scenarios is very easy, and modules exist to integrate other libraries with the framework.

Re: A list of front end development resources

#74

Another excellent development resource list is pineapple.io: http://pineapple.io/

pineapple.io is awesome, I read it ever day. It's more of a news website for me though, not a reference.

Awesome! :) Great list by the way -- good work

Re: A list of front end development resources

#75
post #33

Seeing this mess again tells me that there's something fundamentally wrong with the web or at least with the standardized technologies that are supposed to solve the problem of frontend development (namely HTML, CSS and JS). I think the web really needs a fresh start before I would even consider becoming a web developer (I'm a CS student atm)

I don't know if the way web development is done needs a reboot, but I can say as someone learning web development that there is a steep learning curve to all the different pieces! The fact that jQuery needs to exist because different browsers all have their own rules and JavaScript was designed in a rush is the most relevant example to me. It's nice to write a program that's not written for the web without having to worry about a bajillion different devices and UIs in mind!

I guess the reality is that technology evolves at a quick pace. If you want to develop anything user facing, there will alwahs be some hot new thing to keep up with. In the 80s it was the desktop GUI, we got the web in the 90s, the 00s gave us smartphones, and in the 10s we'll start using ?? ? Holodecks?! My only point is there will always be something to keep up with it when developing a UI.

Re: A list of front end development resources

#76
post #64

Earlier quoted context omitted.

It's not so much the libraries themselves as the very need for all of them. I'm a fairly new front-end developer (for anything complicated, that is), and the browser as a platform can't help but feel like what it is, some good ideas with a lot of hacks and inconsistent philosophies accreted over time. It's a pain in the butt, even something like a two-column layout without tables. And that's just to get it working in…

What you are saying is that you are a fairly new frontend developer. Of course that list is daunting. I've been doing this stuff for years and there are projects on that list that I haven't even heard of, and one of my projects (Helium) is on the list! The reason there are so many solutions to problems is that there are lots and lots of problems. The common stuff we all need is put into one library (eg jQuery). Some…

What I need to get the job done? I can't even find a library to do 2-way CSS style binding. I would have thought that was obvious, but it looks like I'll have to do it myself. To get the experience I want I might need to do a bunch of other stuff myself too. 

I understand the forces that produce multiple solutions to problems. Maybe OP was wrong about that being evidence of a deeper problem. But a lot of the problems are deficiencies in the underlying platform. That's the real problem IMO.

Re: A list of front end development resources

#78
post #72

Earlier quoted context omitted.

If you are coming from the microsoft world you will have lots of surprises until you realize that the open source world (the unix philosophy) is completely different. You have lots of small tools which are designed to work together and be replaceable, not a huge monolithic product curated by a single entity.

In that case, I just need help putting together lots of these small tools without needing countless hours to select which tools and reading their manuals to put them together. I think this is an opportunity as far as such a compilation will be useable by a relatively large number of people (which I think should be the case).

That's true, the world is not there yet though. I'm planning something like this some time soon, but life tends to get in the way.

Re: A list of front end development resources

#79
post #53

Earlier quoted context omitted.

Web development newbie here: I seriously used to think that such a thing would already exist, a thing like Visual Studio that included all the guts out of the box, and including back end in addition to the front end.

Meteor (and similar) may be the closest to this right now. With Meteor, your frontend and backend code and potentially your database can all use JavaScript and be in the same codebase, deployment in at least simpler scenarios is very easy, and modules exist to integrate other libraries with the framework.

Thanks. I had discovered Meteor only recently (being a web development newbie).

What other libraries would you recommend to have everything required for making a basic web application. The end-result should include a responsive front-end, user authentication and security, reports, charts and visualizations, forms, blog, payments, and finally an ability to integrate pre-existing Java code in the back end. Apologies if something I am saying is not making sense.

Re: A list of front end development resources

#80
post #33

Seeing this mess again tells me that there's something fundamentally wrong with the web or at least with the standardized technologies that are supposed to solve the problem of frontend development (namely HTML, CSS and JS). I think the web really needs a fresh start before I would even consider becoming a web developer (I'm a CS student atm)

I think you're looking at this all wrong. Front end development is not a problem that needs solving. It's already been solved. We have html markup for content, CSS for design, and JavaScript for interactivity. Problem solved. Now within front end development there are a number of other problems that need to be solved and that's why we have these different front end resources. So we can use the tools that solved the p…

JavaScript and CSS stink in a lot of ways. CSS is pretty messy if you want to do something slightly weird or complicated, which is a large part of why we have frameworks for grids instead of just being able to write one. It seems you have to do this weird "margin: 0 auto" trick to center things sometimes. Last I heard, the only way to get something vertically centered is to make it a table cell and use "vertical-align: center" or something like that. A lot of the interesting CSS properties are inconsistently supported and/or have vendor prefixes; can you use border-radius yet and expect it to work in the big three browsers? If you want a page that fits in the window with a fixed footer, you have to use JS hacks to make it work (actually I don't think I ever got it right). Just the other day a friend of mine had to do some weird hack where he detected the width of the window and set CSS accordingly to make things work right on mobile devices. Honestly, browser inconsistency is half the problem.

As for JS itself, I'll just defer to Douglas Crockford and the infamous wat talk: https://www.destroyallsoftware.com/talks/wat .

If you want more, the HTML and SVG DOMs are not properly integrated. It turns out to be nearly impossible to have a functioning textarea inside SVG, or indeed any form of wrapped text. God knows I tried with Chrome and Firefox, and apparently it just gets worse with IE. I'm sure I'll encounter more irritants as I go on, or maybe someone else can chime in with something specific they encountered this week. Probably the reason you don't hear more specifics is that most of the irritations fade into the background as you work around them, leaving only a vague dissatisfaction.

Now granted, this is all much better than nothing. I know the web has enabled all kinds of cool things, which is the only reason anyone bothers to develop it. But I think it's absurd to call front-end dev a "solved problem", at least in any sense meant to silence pointing out potential improvements.

Post reply on HN