Web Development Workflow: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 1: | Zeile 1: | ||
==Javascript Development Workflow of 2013== | ==Javascript Development Workflow of 2013== | ||
| − | + | Video: [http://www.youtube.com/watch?v=f7AU2Ozu8eo Javascript Development Workflow of 2013] by [http://www.paulirish.com/ Paul Irish] ([http://cdn.oreillystatic.com/en/assets/1/event/83/Javascript%20Development%20Workflow%20of%202013%20Presentation.pdf PDF]) | |
| − | + | * [http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/ A Baseline for Front-End Developers] | |
| − | + | * Shell: | |
| − | + | ** Shell customizations: http://dotfiles.github.io/ | |
| − | + | ** Faves: [https://github.com/rupa/z z script] (for jumping), server alias | |
| − | + | * Editor: | |
| − | + | ** learn it well, most important | |
| − | + | ** Code linting is your first unit test. | |
| − | + | * Realtime Feedback | |
| − | + | ** live linting | |
| − | + | ** live recompilation | |
| − | + | ** live reload | |
| − | + | * Javascript | |
| − | + | ** Modules / Dependency management | |
| − | + | *** AMD modules | |
| − | + | *** CommonJS modules | |
| − | + | *** ECMAScript Harmony modules | |
| − | + | *** Minispade require ([https://github.com/emberjs/ember.js/blob/80d37171709f213bd16ed5646e3d5c7aeef8c5ec/packages/ember-views/lib/views/states/default.js ember.js example]) | |
| − | + | ** Tricks: | |
| − | + | *** Template precompilation - into functions in a build step and ship the compiled templates. | |
| − | + | *** Custom build output based on build-time forks. ([http://requirejs.org/docs/optimization.html#hasjs require.js optimizier]) | |
| − | + | *** More module magic from Alex Sexton ([http://alexsexton.com/talks/backboneconf2012/#/ MVC MODULE MAGIC]) | |
| + | |||
| + | ==Others== | ||
* [https://dl.dropboxusercontent.com/u/39519/talks/jsconf-tools/index.html JavaScript Tooling JSConf. April 2nd. Paul Irish. ] | * [https://dl.dropboxusercontent.com/u/39519/talks/jsconf-tools/index.html JavaScript Tooling JSConf. April 2nd. Paul Irish. ] | ||
* [http://www.joezimjs.com/javascript/optimize-your-workflow-javascript-tools-and-libraries/ Optimize Your Workflow: JavaScript Tools and Libraries] | * [http://www.joezimjs.com/javascript/optimize-your-workflow-javascript-tools-and-libraries/ Optimize Your Workflow: JavaScript Tools and Libraries] | ||
Version vom 12. Juni 2013, 19:55 Uhr
Javascript Development Workflow of 2013
Video: Javascript Development Workflow of 2013 by Paul Irish (PDF)
- A Baseline for Front-End Developers
- Shell:
- Shell customizations: http://dotfiles.github.io/
- Faves: z script (for jumping), server alias
- Editor:
- learn it well, most important
- Code linting is your first unit test.
- Realtime Feedback
- live linting
- live recompilation
- live reload
- Javascript
- Modules / Dependency management
- AMD modules
- CommonJS modules
- ECMAScript Harmony modules
- Minispade require (ember.js example)
- Tricks:
- Template precompilation - into functions in a build step and ship the compiled templates.
- Custom build output based on build-time forks. (require.js optimizier)
- More module magic from Alex Sexton (MVC MODULE MAGIC)
- Modules / Dependency management