WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas...
Transcript of WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas...
WordPress gym¡A entrenar!
Rhonalf Martinez
Web developer en @koombea
@rhonaldomaster
github.com/rhonaldomaster
Contenidos
Calentamiento
Primera serie
Segunda serie
Tercera serie
Cuarta serie
Estiramiento
Calentamiento
Primera serie
01 HTML5
02 CSS3, SASS, SCSS
03 ES5 y ES6
HTML5
● Organización semántica
● Aplicaciones más complejas
● Estructura organizada
● SEO friendly
● ARIA compliances
CSS3
● Más propiedades
● Mejores animaciones
● Páginas más complejas
● Precompiladores: SCSS - SASS
● Pseudoclases y pseudoelementos
ES5 y ES6
● Compatibles con navegadores actuales
● ES6 está disponible desde junio de 2015
● Incluyen funcionalidades para mejorar la forma de trabajar
● map, filter, reduce, every, some
● Arrow functions, variables de bloque
Segunda serie
01 Control de versiones
02 Servidor de desarrollo
03 Plugins
Control de versiones
● Orden
● Trabajo colaborativo
● Asumir responsabilidades
● Entregables
Servidor de desarrollo
● Replicar ambiente final
● Destruir y dañar cuanto quieras
● WAMP, LAMP, MAMP (servicios)
● Docker (entornos)
Tercera serie
Crear
La mejor forma de aprender
Compartir
Habla de tus creaciones o hallazgos
PerfeccionarAl compartir y recibir comentarios puedes hacer mejores cosas
Recibir comentariosAdquiere nuevos conocimientos y aplícalos en tu trabajo
1
2
3
4
Recicla
Cuarta serie
● Busca y reutiliza código
● Frameworks
● Plugins
● Prueba!
Código ya realizado
75%
Plugins
80%
Reducción de tiempo en configuraciones
75%
Estiramiento
● http://www.staffcreativa.pe/blog/la-relacion-entre-el-diseno-web-responsive-y-el-html5/
● https://learn.shayhowe.com/advanced-html-css/responsive-web-design/
● https://learn.shayhowe.com/advanced-html-css/performance-organization/
● https://lenguajecss.com/p/css/indice
● https://www.ecured.cu/CSS3
● https://labs.beeva.com/esto-es-lo-que-deber%C3%ADas-saber-de-es6-el-nuevo-javascript-
8fc5ee031a5c
● https://medium.freecodecamp.org/javascript-modules-a-beginner-s-guide-783f7d7a5fcc
Gracias
Espero te haya gustado ;)