7. Use jumpstart
My personal WordPress base
https://github.com/elimc/jumpstart
Removes a lot of the code you would need to learn
Branched from Underscores (official WordPress theme)
Uses Foundation, Gulp.js, Bower, Modernizr, and my
custom functions
12. NPM
Package Manager for Node
Similar to Bower, Composer, RubyGems, PIP/PyPI,
Maven, etc …
Package managers allow us to download other people’s
code and keep them updated
14. SASS
Syntactically Awesome Style Sheets
Tired of 8000 line CSS files? Abstract them with SASS
Allows variables, importing, nesting, and some other
things
Written in Ruby, originally
22. Zurb Foundation
Similar to Bootstrap
I use it to create grids quickly
But mostly, I use it for the JS modules
Don’t write code if you can use someone else’s
Good example is Off-Canvas module:
http://foundation.zurb.com/docs/components/offcanvas.ht
ml
26. After Putting jumpstart in your
themes directory …
1. Adjust the path of the browserSyncProxy variable in
gulpfile.js.
2. Using the CLI, navigate to the root of your gulpfile.js file
and enter npm install.
3. Wait for the node_modules to automatically install. Once
installed, you won't have to run npm install for this site in
the future.
4. Enter “gulp” in the CLI, without the quotes. This will start
your node server, along with automattic SASS compiling.
5. That's it!
27. Jumpstart Step 1
Launch Apache server and MySQL database
Find the path to your WordPress install
Replace null with proper path
28. Set up Dependencies
Enter “npm install” in WP directory in Command Line
Interface
NPM will auto-download and set up modules
34. Restarting Gulp
Sometimes gulp breaks if your PHP has compilation errors
Other random breaks
To restart Gulp:
1. Enter ^C in the CLI
2. Then enter “gulp” in the CLI
3. That’s it!
35. The Future
Instructions still too complex for new WordPress
Developer
Possible integration with Virtual Machine
Will allow one-line development setup with
Vagrant/Puppet
Would allow for handoff of projects to other team
members without needing to instruct them on setting up
their environment
Still exploratory