gestire le
librerie di
frontend
in PHP!

Massimiliano Arione
problema
voglio gestire le mie librerie di frontend
problema
voglio gestire le mie librerie di frontend
ovvero...
problema
voglio gestire le mie librerie di frontend
ovvero…
file javascript
fogli di stile
qui parliamo di...
librerie esterne!
●
●
●
●
●
●
●

bootstrap
foundation
modernizr
jquery
jquery-ui
font awesome
ecc ecc….
la prima soluzione...
(brutta! NON FATELO!!)
… scaricare le librerie e includere nel
repository del progetto
una prima soluzione decente...
usare composer
https://github.com/components
{
"require": {
"components/modernizr": "2.*",
...
smell
i file sono copiati in una cartella pubblica
{
"config": {
"bin-dir": "bin",
"component-dir": "web/components"
},
}
seconda soluzione
bower!
sudo npm install -g bower
bower help
bower init
file di configurazione
bower.json
{
"name": "PUG Roma",
"authors": [
"Massimiliano Arione”
]
"dependencies": {
"jquery": "...
installazione
bower install
con Symfony2
.bowerrc
{
"directory": "app/Resources/bower"
}

da aggiungere a .gitignore
capifony
before 'symfony:cache:warmup', 'bower:
install'
namespace :bower do
desc '[internal] Run the bower install'
task ...
assetic
assetic:
assets:
jquery_js:
inputs:
- "%kernel.root_dir%/..
/app/Resources/bower/jquery/jquery.js"
layout
{% javascripts
'@jquery_js'
'@AcmeBundle/Resources/public/js/my.js'
%}
?
http://bower.io/
https://github.com/Spea/SpBowerBundle
Upcoming SlideShare
Loading in …5
×

Gestire librerie di frontend in php

2,325 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,325
On SlideShare
0
From Embeds
0
Number of Embeds
1,852
Actions
Shares
0
Downloads
2
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Gestire librerie di frontend in php

  1. 1. gestire le librerie di frontend in PHP! Massimiliano Arione
  2. 2. problema voglio gestire le mie librerie di frontend
  3. 3. problema voglio gestire le mie librerie di frontend ovvero...
  4. 4. problema voglio gestire le mie librerie di frontend ovvero… file javascript fogli di stile
  5. 5. qui parliamo di... librerie esterne! ● ● ● ● ● ● ● bootstrap foundation modernizr jquery jquery-ui font awesome ecc ecc….
  6. 6. la prima soluzione... (brutta! NON FATELO!!) … scaricare le librerie e includere nel repository del progetto
  7. 7. una prima soluzione decente... usare composer https://github.com/components { "require": { "components/modernizr": "2.*", "components/jqueryui": "1.10.*", "components/bootstrap": "2.*" } }
  8. 8. smell i file sono copiati in una cartella pubblica { "config": { "bin-dir": "bin", "component-dir": "web/components" }, }
  9. 9. seconda soluzione bower! sudo npm install -g bower bower help bower init
  10. 10. file di configurazione bower.json { "name": "PUG Roma", "authors": [ "Massimiliano Arione” ] "dependencies": { "jquery": "2.*" } }
  11. 11. installazione bower install
  12. 12. con Symfony2 .bowerrc { "directory": "app/Resources/bower" } da aggiungere a .gitignore
  13. 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. 14. assetic assetic: assets: jquery_js: inputs: - "%kernel.root_dir%/.. /app/Resources/bower/jquery/jquery.js"
  15. 15. layout {% javascripts '@jquery_js' '@AcmeBundle/Resources/public/js/my.js' %}
  16. 16. ? http://bower.io/ https://github.com/Spea/SpBowerBundle

×