la mia presentazione all'incontro di novembre 2013 del PUG Roma, su come gestire le librerie di frontend (tipicamente css e javascript) in un progetto PHP, con alcune considerazioni finali specifiche per Symfony2

1. gestire le
librerie di
frontend
in PHP!
Massimiliano Arione

2. problema
voglio gestire le mie librerie di frontend

3. problema
voglio gestire le mie librerie di frontend
ovvero...

4. problema
voglio gestire le mie librerie di frontend
ovvero…
file javascript
fogli di stile

5. qui parliamo di...
librerie esterne!
●
●
●
●
●
●
●
bootstrap
foundation
modernizr
jquery
jquery-ui
font awesome
ecc ecc….

6. la prima soluzione...
(brutta! NON FATELO!!)
… scaricare le librerie e includere nel
repository del progetto

7. una prima soluzione decente...
usare composer
https://github.com/components
{
"require": {
"components/modernizr": "2.*",
"components/jqueryui": "1.10.*",
"components/bootstrap": "2.*"
}
}

8. smell
i file sono copiati in una cartella pubblica
{
"config": {
"bin-dir": "bin",
"component-dir": "web/components"
},
}

9. seconda soluzione
bower!
sudo npm install -g bower
bower help
bower init

10. file di configurazione
bower.json
{
"name": "PUG Roma",
"authors": [
"Massimiliano Arione”
]
"dependencies": {
"jquery": "2.*"
}
}

11. installazione
bower install

12. con Symfony2
.bowerrc
{
"directory": "app/Resources/bower"
}
da aggiungere a .gitignore

13. capifony
before 'symfony:cache:warmup', 'bower:
install'
namespace :bower do
desc '[internal] Run the bower install'
task :install do
invoke_command "cd #{latest_release}
&& bower:install"
end
end

14. assetic
assetic:
assets:
jquery_js:
inputs:
- "%kernel.root_dir%/..
/app/Resources/bower/jquery/jquery.js"

15. layout
{% javascripts
'@jquery_js'
'@AcmeBundle/Resources/public/js/my.js'
%}

16. ?
http://bower.io/
https://github.com/Spea/SpBowerBundle