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...
![Page 1: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/1.jpg)
WordPress gym¡A entrenar!
![Page 2: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/2.jpg)
Rhonalf Martinez
Web developer en @koombea
@rhonaldomaster
github.com/rhonaldomaster
![Page 3: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/3.jpg)
Contenidos
Calentamiento
Primera serie
Segunda serie
Tercera serie
Cuarta serie
Estiramiento
![Page 4: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/4.jpg)
Calentamiento
![Page 5: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/5.jpg)
![Page 6: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/6.jpg)
Primera serie
01 HTML5
02 CSS3, SASS, SCSS
03 ES5 y ES6
![Page 7: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/7.jpg)
HTML5
● Organización semántica
● Aplicaciones más complejas
● Estructura organizada
● SEO friendly
● ARIA compliances
![Page 8: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/8.jpg)
CSS3
● Más propiedades
● Mejores animaciones
● Páginas más complejas
● Precompiladores: SCSS - SASS
● Pseudoclases y pseudoelementos
![Page 9: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/9.jpg)
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
![Page 10: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/10.jpg)
Segunda serie
01 Control de versiones
02 Servidor de desarrollo
03 Plugins
![Page 11: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/11.jpg)
Control de versiones
● Orden
● Trabajo colaborativo
● Asumir responsabilidades
● Entregables
![Page 12: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/12.jpg)
Servidor de desarrollo
● Replicar ambiente final
● Destruir y dañar cuanto quieras
● WAMP, LAMP, MAMP (servicios)
● Docker (entornos)
![Page 13: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/13.jpg)
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
![Page 14: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/14.jpg)
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%
![Page 15: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/15.jpg)
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
![Page 16: WordPress gym...SEO friendly ARIA compliances CSS3 Más propiedades Mejores animaciones Páginas más complejas Precompiladores: SCSS - SASS Pseudoclases y pseudoelementos ES5 y ES6](https://reader035.fdocuments.mx/reader035/viewer/2022062605/5fddee1899e9836200678987/html5/thumbnails/16.jpg)
Gracias
Espero te haya gustado ;)