Well hello there! This is the example project used in the SymfonyCon 2013 presentation called "Cool like Frontend Developer: Grunt, RequireJS, Bower and other Tools".
This highlights some real-word usage of:
See the Installation section or the What to Look for section that explains what you should expect to see and where.
Install the Composer vendors (download Composer first from http://getcomposer.org)
php composer.phar install
Follow the instructions at the end to make sure that you have the parameters.yml file setup.
Make sure you DB is present and populated!
php app/console doctrine:database:create php app/console doctrine:schema:create php app/console doctrine:fixtures:load
Make sure you have node and npm installed and setup. If you do, the following 2 commands should work.
node -v npm -v
If these don't work, ya know, install them!
Use npm to install bower, compass and grunt-cli
sudo npm install -g bower sudo npm install -g compass sudo npm install -g grunt-cli
Download the bower dependencies:
This should give you a populated
Download the local node dependencies:
This should give you a
Use grunt to initially compile the SASS files
Later, when you're actually developing, you'll use grunt to watch for file changes and automatically re-compile:
Start up a web server and view it:
php app/console server:run
Then go to:
What to Look for
Once you have the app running, if you login as
admin:admin, you'll see
- a little edit button on the homepage for each event which allows inline editing.
- When adding a new event, you'll see that the form is AJAX-submitted.
- When adding a new event, if you click the map, its border changes colors.
file as well as the
EventBundle::_requirejs.html.twig file and notes.
Or, just watch the darn presentation :p.
Compass is also used - the SASS files are located at