deSymfony 2013

Frontal Avanzado y Assetic

Miquel Company  · 

Presentación

Vídeo

Transcripción

Extracto de la transcripción automática del vídeo realizada por YouTube.

vale pues sí eso vamos empezando antes de nada agradecer a los patrocinadores por este evento y también a los organizadores porque verdad es que con la gente que somos habéis hecho un trabajo muy bueno y ayón por ceder en el ordenador durante una sola decía

que el mío o esta semana murió si algún patrocinador que quiere patrocinar un ordenador trabajo como éste adelante valen entonces quién soy yo me llamo miguel company y desde hace unos meses soy el técnico de ofertas puntocom soy una apasionada web realmente

siempre estoy mirando cosas intentando aprender cosas nuevas llevo 17 años en php empecé haciendo las típicas va solitas con wordpress joomla template por aquí una cosita por allá y con el tiempo empecé a hacer cosas un poco más serias con un poquito más de

encanto y desde la 1.2 y un proyecto interesante que hice con freeland me enganché symphony y en eso estamos en la parte personal soy un fan acérrimo del doctor who y un trastornado y si alguna vez me queréis contactar aquí tenéis mis datos de contacto vale

entonces si alguno no lo sabe yo trabajo no fértil puntocom que es ofertix ofertix es una empresa donde se venden productos y servicios por internet a precios interesantes a que esté haciendo el comercial vale y tenemos varias líneas de negocio estas líneas

de negocio son ventas privadas que son campañas que se abren y se hicieron en un periodo muy corto de tiempo los precios son la hostia entrar en oferta es comprar tenemos también tema de ocio cupones escapadas visitas así full price son dos tiendas uno de

perfumes y cosmética y otra que se llaman aesan crazy puntocom que es de ropa de marca y ropa de calidad y aparte en nuestras oficinas central en los sábados abrimos una tienda física de hecho por cientos mil metros cuadrados que está muy bien si alguna vez

pasáis por barcelona un sábado y queréis ir a comprar ropita pues adelante lleva 17 años en marcha y principalmente está hecho en symphony 1.2 que no me gusta llamarlo symphony 1.2 porque le hemos tocado tanto las tripas que ya me gusta llamarlo un framework

custom basado en sinfonía 1.2 pero bueno en todas las casas hay cosas extrañas entonces esto es más o menos ofertix como veis vendemos muchas cosas son unos 30 segundos de ver como vendemos cosas más o menos los dos altares este programa no me deja saltar

los 200 chavales esto esto es mi trabajo todos los días todo el día viendo esto esto es ocio en un montón de ofertas súper interesantes los precios fijados 74% si es que esto está regalado bueno si alguien se marea o algo tranquilo se esto ya se acaba lo último

que les quería enseñar cuando joder el día que hice este de captura habían cosas lo último que les quería enseñar es la tienda de sangre y si es así no nos vamos a marear si fijáis la ropa realmente es de muy buena marca vale esto al final de mes espero que

se note entonces qué problemas tenemos a ver somos ofertix no tenemos ningún problema somos los mejores y esto es una historia de verdad pero no está interfaz móvil es mejorable y queremos añadir alguna cosita full text search para encontrar las cosas en la

tienda de nice en crazy casi casi es obligatorio porque tenemos un catálogo de unos 7.000 productos más o menos queremos mejorar líneas de negocios no os puedo explicar que queremos mejorar porque el secreto de estado entonces os tendría que matar después

de la charla y habría una aliada y toco el lavado de cara son siete años y los diseños de louis bajos y sobre todo en las entrañas ahí hay mucha cosa que se ha de acabar de lavar los voy a poner un ejemplo de por qué hemos de lavar la cara de ofertix esto

vendría a ser el portal de navegación por móvil de ofertas puntocom si os fijáis el diseño es un poco arcaico pero bueno parece majo no entonces imaginaos que hoy un día entró voy a comprar ropa de marca hubo huevos porque el chaval de ofertas que vino a hacer

una charla dijo que los precios eran muy buenos vale espera que le doy a cali sas hostia qué chico más bajo esto las mujeres claro me compro esa hay ahora pongo aquí mi dirección y hoy estoy en el carrito esto el día que lo vio a nuestro experto de yuso de

experience puso esta cara entonces la solución muy fácil de escribir el frontal de todos nuestros sites y lo que vamos a hacer es hacerlo aplicando las cosas que hemos aprendido con el pasado para no volver a cometer los mismos errores y el día que decidimos

esto dijimos y lo vamos a hacer con sinfonía y la gente gana pero bueno en este caso lo vamos a hacer en sinfonía 2.3 y estamos en ello principalmente entonces esto para remover este side hay un montón de temas súper interesantes temas de caché full text temas

y hay user experience web services collage un montón de historias de hecho el año que viene si eso ya vengo ya hace la conferencia entera y os hagáis una pasta vale pero hoy toca lo que vendría a ser tema móvil y otros dispositivos porque tema móvil estos

son las estadísticas de tráfico del 6 de del 4 de junio de este mes donde podemos ver que aproximadamente un 27 por ciento de nuestro tráfico viene exclusivamente de móviles este parte de safari aproximadamente sería la mitad entre navegadores que vengan con

iphone y navegadores que vienen con ipad y el 6% s la mayoría son otros tipos de navegadores móviles que no viene a ser el de android y dentro de ese 6% tenemos un 0,3 por ciento que son navegadores linux que mirando en total creo que somos nosotros los programadores

pero bueno vale entonces le queremos dar mucha importancia a que nuestro site sea completamente compatible en móvil porque esto hace un año era muchísimo menos entonces dos posibles soluciones son nosotros en ofertix hemos estudiado las posibles soluciones

igual hay muchas más pero bueno eso lo estás hacer un 6 no baile o hacer un diseño adaptativo entonces lo explicaré la primera el mobil design a mí no me gusta llamarle mobile liza y me gusta llamarle diseño orientado o diseño orientado a los dispositivos

porque no sólo estamos diseñando para móviles estamos diseñando para móvil para ipad para televisión para consola para para lo que se os ocurra esto principalmente es hacer una plantilla por tipo de device entendemos plantilla como un archivo tú y como un

conjunto de archivos tweets pues puede device entonces cada device tiene su propia hoja de estilos denunciaba script concreto para el device y lo que hacemos es detectamos el device y servimos el tipo la plantilla que queramos y lo bueno que tiene es que podemos

permitir el típico botoncito de no ahora quiero ver la versión normal de escritorio entonces yo lo que hice es bueno esto es como funciona ofertix voy a intentar hacer algo en symphony 2 que me dé más o menos la funcionalidad antiguamente lo que hacíamos era

utilizar la filtración de ofertix y una tarde así con la calma venga pues vamos a hacer filter change parece que con el que en el request el evento lo tenemos hecho y lo que tengo es simplemente un detector entramos dentro del evento y mira si es móvil y tal

y pensé todo el rico es formar algo muy sencillito así tal igual lo ve a alguien por ahí y se le caen los ojos porque es un poco basurita es el asunto pero bueno entonces esto es el detector no se ve muy bien es que tampoco tiene mucha historia arriba hay

una réflex y vamos según el you sergent vamos mirando cuál es y devolvemos truco falls en el caso que sea aquí tenemos la especificación de le metemos el servicio les metemos el evento y esto vendría a ser el controlador normal entonces aquí recogemos el forma

del request y según la que sea renderiza vamos la plantilla tweet que toque y ahí tenemos cómo irían las plantillas esto es un ejemplo cutre son cuatro plantillas y el día que tengamos una cantera como ofertix podemos tener 4000 lógicamente pueden haber herencias

entre ellos y reducir la cosa y yo hice esto lo empecé a probar en casa llegué todo feliz al trabajo y me vieron compañero me dice este código que has hecho es como una mierda no porque no va muy bien con el tema caché entonces yo me encendí y a veces pasa

lo que pasa esto me recuerda que en oferta y buscamos programadores vale buscamos a gente que meta muchas ganas sin sonidos y así fue ni uno porque también hay que mantener lo que tenemos que estén motivados y con muchas ganas de aprender os ofrecemos incorporarlos

a un gran equipo de gente muy simpática un proyecto que está consolidado pero siempre estamos haciendo cosas nuevas y buenas condiciones unas oficinas preciosas y yo prometo no agredir a nadie más vale si queréis conectarlos me buscáis por aquí o enviar un

mail a esa dirección y estaremos muy contentos de hablar con vosotros entonces después de esto reflexiona y dije hay que hacer un pelín mejor una de las cosas que pasan es que un próximo una caché que esté por el medio al no cambiar la url en el ejemplo de

antes te podría dar guerra y que podría estar sirviendo el site móvil cuando realmente no es el site móvil no entonces me basé más o menos es lo mismo pero lo que hago en esta vez es redireccionar a una url específica la petición entonces aquí coger el evento

le pongo esto para soportar bien las sexys que es simplemente mirar que nuestro request sea de tipo master y a cabo pasa con todas las cosas con servicio que le llamó el rey trick managers no aquí en este ejemplo lo que hago es como soy muy guay voy a guardar

el dato de que el tipo de devices es la sesión aquí tengo en los sets y los kiters y ahí detectó el device kilómetro es un poco guardas este código pero el concepto viene a ser eso no tengo el re directo típico construcción y la función principal es estar

[ ... ]

Nota: se han omitido las otras 4.710 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.