IsraelFloresDGA

Blog profesional, personal y lo que vaya en medio. Twitter: @israelfloresdga

Así que, como pueden notar no he escrito mucho en este blog por distintos motivos, entre ellos que no se qué escribir, como quizá puedan notar con esta entrada 😅.

Apenas ayer tuve que volver a convencerme que antes de desarrollar mi blog tengo que tener ya la constancia de escribir. Además que, estoy paralizado con las opciones: Gatsby, Nuxt, Vue Press (mmm), y Jigsaw, mis origenes con Laravel pesan 🙂.

Por otro lado, un Direct anunciado para el miércoles (?), quizá sea buena idea iniciar mi sección de videojuegos 😛. Al fin y al cabo, no solo de programación o desarrollo es este blog


Ya es miércoles y no he subido este post 😅. El Direct empieza en menos de una hora.

Y están circulando varias filtraciones, unas desde el E3, otras desde hace unos días. No es realmente una sorpresa, siempre va a haber 'filtraciones' para los juegos. Pero parece que hace unas horas se les fue una a Nintendo en el sitio oficial del smash. Sólo vi el titulo del video, pero prefiero no verlo y disfrutar el Direct, quizá, quizá lo vea después nomas para saber.

Pobre Sakurai, pidiendo perdón por el aspecto que tendrá en el Direct, sabemos como es la cultura del trabajo japonesa, pero de este lado del charco suena mucho. Claro que me quedo sin argumentos cuando resulta que aquí en México muchos tienen que trabajar más de las 8 horas, ya sea por necesidad, porque así lo exigen las empresas o la gente cree que no trabajas por salir temprano. HAsta donde hemos llegado 🙁

¡A 20 minutos!

#Personal #Videojuegos

ECMAscript

  • Estándar que define como debe ser el lenguaje Javascript
  • Hoy en día Javascript va má allá del navegador

En la actualidad la versión estándar de ECMAscript es la presentada en 2011. Sin embargo, ya muchos navegadores y sistemas son capaces de entender ES2015 (también conocida como ES6), de hecho actulamente solo IE, Opera Mini y Blackberry siguen sin soporte a ES2015, con excepción de los módulos donde solo Chrome y Safari tienen soporte; ES2015 mejora varios aspectos del lenguaje y proporciona nuevas variantes a la programación, que aporta distintas ventajas.

Transpiladores

Concientes de los problemas de compatibilidad o soporte a ES2015 en las distintas plataformas sobre todo móviles, un desarrollador poco informado podría pensar que sea poco aconsejable usar hoy ES2015, debido a la falta de compatibilidad y que lo mejor sería esperar a que todos los navegadores se pongan al día para empezar a usar ES2015 con todas las garantías, me suena 🤔.

Pero si ES2015 aporta ventajas y mejoras lo aconsejable debería ser utilizarlo. Entonces un transpilador nos ayuda a transformar código escrito en ES2015 a ES5 para así asegurar la compatibilidad con todos los navegadores. Claro, traspilarlo pierde en parte su eficiencia pues no se aprovechan las nuevas características. De

Revisión y comparación

ES6 Features revisa todas las nuevas características y compara como se escriben ahora con el como se escribían en ES5. Es una herramienta útil para un vistazo rápido 😄.

Librerías

En esta sección hay librerías qe no tienen dependencia alguna, y que sirven de alternativa a plugins de JQuery.

Compatibilidad con navegadores

Sitio donde se pueden buscar características y graficamente ver la compatibilidad que tienen los navegadores, ya sea HTML, CSS o JS.

Polyfills para que características de ES6 sean 'soportadas' por navegadores antiguos


Basada en una presentación originalmente presentada en la oficina. Modificada

#Javascript

Contemos un poco mi historia con Javascript. En un principio no me gustaba y no me interesaba usar scripts porque no estaba soportado por los navegadores móviles, y quería sitios que funcionaran también para dispositivos móviles. Sobre todo uno de ellos era solo de consulta, así que era más conveniente que funcionara correctamente en la mayor cantidad de dispositivos. Por lo mismo todo lo manejaba por medio de Requests HTTP 😅, bueno, lo más que fuera posible, en los formularios sobre todo las fechas y selects dinámicos no me dejaban otra opción hasta donde recuerdo.

Hasta que empece a trabajar en la universidad fue que me ví en la necesidad de realmente aprender JQuery y empece viendo el código que ya existía en los proyectos, los copiaba y modificaba según mis necesidades. Funcionaba y era cómodo. Claro surgen consultas, nuevos elementos o funcionalidades que no estaban presentes en los códigos que había visto en un inicio. Con el tiempo, viendo códigos de otros compañeros y lo que leía en el internet veía en ocasiones las diferencias en como las personas escribían su código, lo que me dio la impresión que si bien funcionaba lo que hacía, no era necesariamente la mejor forma, específicamente la mejor desde mi perspectiva, desde mis ideas, las cuales en algunas ocasiones resultan bastante raras.

Posteriormente, conocí Vue y Polymer y si bien JQuery sigue funcionando dentro de un componente, me fui acercando más a Javascript (Vanilla) y sobre todo al empezar un projecto independiente donde nos decidimos a utilizar estándares, para que el código fuera más mantenible fue que realmente tome interes en Js y cuando voltee a ver a el código que escribía en la universidad me percate de cosas que podía mejorar y claro, también de algunos horrores 😱.

Por un tiempo me puse en la posición de impulsar ES2015 pero denigrando el código hecho con JQuery, lo siento 😓. Afortunadamente fue solo una corta etapa y si bien ahora prefiero aprovechar ES2015 entiendo que JQuery ya es una herramienta establecida por muchos años y que quizá no cambie pronto, quizá solo por los lugares donde tiene años usándose. Hay ambientes, como la universidad donde no es fácil migrar el código cuando se utiliza tanto en todo el ecosistema, es algo que mi compañero y yo propusimos, se presentó y discutió, y se tenía la idea de implementar algo nuevo, quizá React o Vue, pero por la euforía (creo puedo llamarla así) no me había percatado de otro problema, nuestros sistemas no tienen una clara distinción entre front y back, es decir, no usamos API y a veces traemos consultas o modelos en el mismo controlador que despliega la vista, se tenía la idea de los nuevos proyectos ya alimentarlos con APIs pero hasta ahora no ha pasado 😟.

Además, quizá como a mi, para varias personas JQuery fue o será una herramienta para aprender Javascript y ponerse en contra no resulta coherente, si sirve como escalón bien si no pues bueno. Aunque también tengo otros compañeros que aprendieron JQuery, pero no parerecen mostrar interes en aprender algo nuevo. O quizá ya no haya personas que aprendan con JQuery, con el surgimiento de frameworks como React o Vue, que acaparen la atención de los nuevos desarrolladores.

Para terminar, si se busca 'No JQuery' en el navegador hay varios resultados con ejemplos para ayudar en la migración a ES2015, así que por falta de recursos no hay problema alguno 😄.

#Javascript #Opinión

¿Qué es Polymer?

Es una librería de Javascript que ayuda en la creación de elementos HTML personalizados reutilizables para crear aplicaciones de alto rendiminiento y mantenibles utilizando el estándar de los Web Components.

¿Pero que es un Web Component?

  • Estándar web nativo
  • Desarrollo basado en componentes reutilizables e interoperables
  • Código más limpio y mantenible
  • Funcionamiento incluido en cualquier navegador moderno (a excepción de Edge)
  • Utilizan polyfill para soportar el resto de navegadores
  • Pueden ser utilizados junto a cualquier librería o framework de Javascript
  • Es muy sencillo de aprender
  • Uso de Javascript o TypeScript

Que no son los Web Components

  • No son un framework como React, Vue o AngularJs
    Vue React AngularJs

¿Quién utiliza Polymer?

  • Google
    • Youtube Web
    • Chrome UI
    • Google Music
    • Google Earth
    • Google Developer Codelabs
    • Polymer: polymer-project.org
    • Etc...
  • EA
  • BBVA
  • Coca cola
  • ING
  • McDonald
  • Bloomberg
  • Dominos Pizza
  • Victoria's Secret
  • Vaadin
  • Etc...
  • Universidad de Guanjuato (por cuenta de un compañero y mía 😝)

Basada en una presentación originalmente presentada en la oficina. Modificada y actualizada

#Polymer

Mientras tengo esas opciones en los dominios. Podría tener que buscar el servicio de Cloudflare y de Let's Encrypt.

Pero por pensar en la infraestructura del blog no he escrito posts. Más que estos cortos y los que iban a ser la gran presentación.

Así que para ir escribiendo, tomar constancia y enfocarme en el contenido. Me leerán con regularidad a partir de hoy.

No tenía la intención de empezar con un post así, pero a veces me gusta complicarme la vida.

Hace unos días estaba entre comprar un dominio a través de Google Domains, y cuando ya me había animado, se lee que los dominios a la venta en mi país solo son para fines comerciales y empresariales. Mmm, bueno siguiente opción.

Namecheap, otro nombre grande y que en mis tiempos de estudiante intente probar con la promoción (en aquel entonces limitada) de Microsoft para estudiantes, ¿o era de Github?, pero por falta de tarjeta de crédito no pude activar ni éste ni muchos otros servicios.

Nijalla, es realmente la opción cero, pero recordando la infraestructura de Google fue que investigue de nuevo.

This is the first, thougt temporal, post :)

See you around