Polymer, HTML includes y core-ajax
Download as ODP, PDF0 likes343 views
The document discusses using HTML imports and web components to build a web application. It describes how to include multiple HTML import files using IDs and wait for them to load before appending content. It also introduces Polymer components and using the core-ajax element to make AJAX calls without scripting. The final section notes that AJAX calls are needed by all and can be done without scripting using elements like core-ajax.
Polymer, HTML includes y core-ajax
- 1. Radamantis Torres Support Manager Appcelerator @Radamantis Polymer HTML Includes y AJAX
- 2. Introducción ● Web Developer/Architect ● Mobile Developer/Architect ● Linux Sysadmin
- 3. Quick conf ● Nginx server block ● Hosts file ● Ready
- 4. HTML Imports ● Casi no encontré documentación ● HTML5 puro ● No está soportado en todos los browsers ● Webcomponents!
- 5. Import ● <link rel="import" href="/internals/current.html"> Muy bien, pero esto no me funciona si quiero agregar mas de uno!
- 6. ● La clave está en agregar id's ImportImportImport <link rel="import" href="/internals/current.html" id="currentIm"> <link rel="import" href="/internals/experience.html" id="expIm"> <link rel="import" href="/internals/skills.html" id="skillsIm">
- 8. Guardando la info var linkCurrent = document.getElementById('currentIm'); contentCurrent = linkCurrent.import.querySelector('#current'); main.appendChild(document.importNode(contentCurrent, true));
- 9. Webcomponents ● Is a collection of libraries (or “polyfills”) for new web technologies that haven’t shipped yet across all browsers ● Webcomponents.org
- 10. Polymer components ● Finalmente agregamos algunos components ● Creamos un esqueleto ● Ajustamos detalles
- 11. Finalmente
- 12. Ajax calls ● Todos necesitamos las ajax calls ● Se pueden hacer sin script
- 14. Finalmente