Ask HN: Frontend Development - The Right Way?
I started out knowing very little... just a passion to learn and build my startup. I have been able to work through the frontend (I'm a competent designer) while my co-founder handled the backend.
I now consider myself comfortable with HTML, CSS and jQuery. However, while a mock frontend is getting there, it's obviously not enough. I started using jQuery to handle AJAX calls to load in JSON data. I quickly recognized it could get overwhelming, so I have decided to jump into Javascript MVC frameworks (specifically AngularJS). However, I feel like there are just a lot of basic fundamentals I'm missing.
After reading this http://blog.artlogic.com/2013/05/02/ive-been-doing-it-wrong-part-1-of-3/ and being directed to the ngBoilerplate build system (http://joshdmiller.github.io/ng-boilerplate/#/home) I realized that there were some things I'd never dealt with:
1. Testing. My "testing" consists of just reloading a browser page and reworking code until it works as intended. I know there are far more efficient methods. And I know that testing is essential (my co-founder writes tests in Rails before writing up functionality sometimes), but for frontend development when and where is it applicable? What framework (i.e. Jasmine?) to use? And I'm sure there questions I don't even know to ask.
2. Task Runner (ngBoilerplate uses Grunt) - a bunch of automation that I'm sure I'll want to use, but would love to know more about when and why.
3. Directory Structure - by file type or feature (ngBoilerplate suggests this)? Pros/cons? Best practice?
Obviously these are just the things included in ngBoilerplate I wasn't sure about. But I know there might be even more.
So, any help is greatly appreciated. It's a bit overwhelming as diving into the Javascript MVC stuff, but I want to make sure I have all the bases covered first. I think getting a stronger foundation will go a long way.