I want to start writing libraries and large applications using the JavaScript language. However, I don't know how to setup the project and which build tools to use. What I do know is that the JavaScript community has moved way beyond using browser developer tool plugins and strategically-placed console.log()
statements to debug, test, and build code.
I need help.
Below, I will keep track of articles, tutorials and tools I come across as I search for a way to bring my front-end development chops up-to-date.
- Building a JavaScript Library with Grunt.js
- Essential Tools for a Modern Front-End Development Workflow
- Web Form Design: Showcases and Solutions
- Tooling and The Webapp Development Stack
- Why We Use Node.js and Grunt to Build JavaScript
- A Baseline for Front-End Developers
- Current Workflow: Developing, Linting, Testing and Distributing JavaScript
- Meet the New Stack, Same as the Old Stack
- High Performance Web Sites: Rule 6 - Move Scripts to the Bottom
- Yahoo Developer Network - YDN
- Top 15 Podcasts All Web Developers Should Follow
- Meet Grunt: The Build Tool for JavaScript
- Grunt.js Workflow
- Let's Make a Framework
- Fixing The jQuery - A Guide to Debugging
- Setting Up Sublime Text 2 for Front-End Development
- JavaScript Tutorials from Tuts+
- JavaScript Tutorials from Smashing Magazine
- Mozilla Developer Network - JavaScript
- DailyJS
- Adventures in JavaScript Development
- A successful Git branching model
- Paul Irish on Web Application Development Workflow
- Make JavaScript Testing Fun with Testem
- Learn to Build Web Apps using Backbone + Rails
- Front-end Tools for the Young Developer
Tools (here's a more comprehensive list)
- Ender
- Grunt
- GruntStart
- Guard
- Jasmine
- jasmine-node
- JSHint
- localtunnel
- Mocha - Mocha is a feature-rich JavaScript test framework running on node and the browser, making asynchronous testing simple and fun.
- Node.js
- Test'em Scripts - A test runner that makes JavaScript unit testing fun.
- Twitter Bower - A package manager for the web.
- UglifyJS
- Yeoman - Modern Workflows for Modern WebApps
- EditorConfig
- Travis CI
Just found a legitimate use for localtunnel in my development workflow.
I'm working on this project that will be using PayPal for payments. I have this custom
Buy Now
button and I pass PayPal thenotify_url
for them to send me back IPNs.However, it doesn't work with localhost. It needs to be hosted at a publicly accessible IP address. But then I remembered I came across this tool that allows you to access your localhost externally. I couldn't remember the name but I knew I saved it here in one of these lists. Low and behold it's localtunnel and it worked really great for that specific task.