Introducción a la programación para joomla (II)

10
Introducción a la programación en Joomla! (II)

Transcript of Introducción a la programación para joomla (II)

Page 1: Introducción a la programación para joomla (II)

Introducción a la programación en Joomla! (II)

Page 2: Introducción a la programación para joomla (II)

Sobre mi● Freelance● Desarrollando en PHP desde 2010● Desarrollando para Joomla! desde 2011● En el top 50 de contribuidores a Joomla● Algunas de mis contribuciones:

Searchtools, campo de tags, mejoras de JLayout….

● Administrador Github Joomla● Joomla! CMS v3.5 release manager

Twitter: @phproberto

Page 3: Introducción a la programación para joomla (II)

Cambios en el repositorio● Convertido módulo en paquete● Agregada librería reutilizable

https://github.com/phproberto/mod_phproberto_ghcard

Page 4: Introducción a la programación para joomla (II)

Manifiesto paquete

Page 5: Introducción a la programación para joomla (II)

Manifiesto XML: Idiomas

● Usar siempre cadenas de idioma● Ordenar cadenas de idioma alfabéticamente● Usar estructura común de cadenas de idioma:

○ MOD_GITHUB_CARD_BTN○ MOD_GITHUB_CARD_COLUMN○ MOD_GITHUB_CARD_ERROR○ MOD_GITHUB_CARD_LABEL○ MOD_GITHUB_CARD_MSG○ MOD_GITHUB_CARD_PARAM○ MOD_GITHUB_CARD_PARAM_DESC○ MOD_GITHUB_CARD_PARAM_HINT○ MOD_GITHUB_CARD_TAB

Page 6: Introducción a la programación para joomla (II)

Manifiesto XML: campos personalizados

● El atributo addfieldpath puede asignarse a etiquetas fields y fieldset y puede cargarse más de una fuente de campos en un mismo formulario.

● Usar siempre prefijos para los campos. Ver: http://phproberto.com/en/blog/26-joomla-form-fields-rules-right-way

Page 7: Introducción a la programación para joomla (II)

Campo personalizado

Page 8: Introducción a la programación para joomla (II)

Campo personalizado (II)

Page 9: Introducción a la programación para joomla (II)

Campo personalizado (III)

Page 10: Introducción a la programación para joomla (II)

Javascript: recomendaciones

● Siempre cargar dependencias. No depender del core!● Siempre encapsular llamadas a $ para evitar conflictos

con Mootools.● Es recomendable esperar a que el DOM esté listo para

la mayoría de casos:○ $(document).ready(function () { });

● archivo.js > código javascript embebido● Archivos Javascript reutilizables● Agregar un prefijo a objetos del DOM ligados a

javascript como “.js-”