search

eventloop / platicas

Propón una plática para Eventloop
77 stars 3 forks source link

Boilerplate de proyectos de JS (Cómo evitar tardar un día para comenzar a escribir código) #51

Closed Sparragus closed 8 years ago

Sparragus commented 8 years ago

Estamos buscando un ponente para que dé una plática de este tema.

Presentar una plática en ChelaJS es bien fácil. Necesitamos:

  1. El título de tu charla,
  2. Un breve sumario (par de oraciones) que describan de que se trata
  3. El outline que seguirás,
  4. Tu "adword", y opcionalmente
  5. Cuándo te gustaría presentar

Si tienes dudas o te gustaría platicar antes de presentar:

Usa el 'template' aqui abajo, cópialo, y envía la información como comentario a este issue.

Título

Como dar pláticas en ChelaJS

Sumario

Hablaré sobre...

Outline

  1. Presentar pláticas es la onda
    • Cuenta una historia
    • Hablanos sobre lo que aprendiste
    • Muestranos tus proyectos
  2. Enemigos comunes
    • Código diminuto (36px pa arriba)
    • Demasiado texto (sólo bullets)
  3. ¿Cómo le hacemos?
    • Dry runs
    • Estructurando nuestras ideas
    • ??
    • PROFIT!!!1!

      Short Bio/Adword

name: Graciela J. Script
url: https://twitter.com/chela_js
pic: https://pbs.twimg.com/profile_images/704544900990152704/r1XMV2Xv_400x400.jpg
bio: "Tu biografía en una oración"

Cuando te gustaría presentar?

En el ChelaJS de julio 2016

kouryuu commented 8 years ago

¿Han usado Yeoman? Tengo un love-hate relationship con ése software...

Cosas buenas

Cosas que no me gustan

Sparragus commented 8 years ago

Dude. Hagamos esta plática. Me gusta. Me puedes pasar la info del primer comment? :)

Sparragus commented 8 years ago

@kouryuu Crees que hoy podamos tener el outline? :) Es para poder ir preparando el evento de Meetup y anunciar esta semana.

Sparragus commented 8 years ago

Hey dude! Si necesitas ayuda con el outline o la presentación, con mucho gusto te ayudo. Solo déjame saber y podemos coordinar un Hangout.

kouryuu commented 8 years ago

Mil disculpas bro, ando con gripa y estoy medio zombie desde el viernes... Anyways acepto toda la ayuda jaja pero pongo un rough draft del outline para comenzar (y dale con spanglish) Here goes:

Título From zero to hero con yeoman

Resumen

Yeoman es una herramienta de scaffolding que permite crear esqueletos de interfaces de manera muy rápida y dinámica.

Outline

  1. Intro ¿que es scaffolding?
    • Descripción del problema
    • Ejemplos no JS (rails)
    • Ventajas para crear GUIs con scaffolders
  2. Yeoman to the rescue
    • Ventajas del proyecto
    • Madurez y tecnologías compatibles
    • Ejemplo sencillo de un generador
  3. We can't always have nice things
    • El mar de posiblidades
  4. Mi experiencia personal -Usando yeoman en el dia a dia

name:Rodrigo Reyes url: https://twitter.com/scrooge_mc_pato pic: http://rodkings.plethora.com.mx//imgs/rodkings.jpg bio: "Un coder/geek con pasión por criticar y mejorar cosas que nos dificultan tareas cotidianas."

En el ChelaJS de Agosto o Septiembre

Sparragus commented 8 years ago

Dude, te paso mis comentarios sobre la pres.

Sort of reorganice mucho tu outline, pero no es un command esto que te digo. Es mi opinion. Tu puedes pick and choose como quieras. Todos son en el espíritu de ayudarte a hacer mejor story telling y a captar más a la audiencia. :)

cc @jeduan: puedes checar esto? algun comment?

Intro

La clave del intro es que recuerdes que la plática se trata alrededor del tema de una herramienta (yeoman) pero el tema grande y el problema que busca atacar esta presentación es la mucho que tardamos en configurar nuestro app.

Creo que el intro debe tratar sobre lo absurdo que es comenzar un proyecto de front hoy día. Configurar webpack, react, redux, react-redux, npm, scripts de npm, etc.

Hacer eso toma muuuucho tiempo. Y si eres principiante, más aun. Este es el momento perfecto para empatizar con la audiencia. TODOS sabemos lo cuesta arriba que se ha vuelto comenzar a desarrollar apps. En este punto ya todos estamos asintiendo todo lo que dices y ansiosos de que nos presentes de que vas a hablar.

Lo demas que tienes en tu outline del intro como el scaffolder de rails creo que se puede mover a alguna sección de caveats o pro y cons de usar herramientas como el scaffolder de rails o generators de yeoman. Quizas más hacia final de la pres.

Yeoman to the Rescue

Enter Yeoman. Es el momento para presentar Yeoman como la salvación. Para poder hacer esto tienes que introducir la herramienta, decir para qué es, que hace, Ventajas del proyecto, y madurez. Las tecnologías compatibles quizas las puedes compartir luego de que explicas como funciona Yeoman.

Ahora esta es el momento perfecto de darnos un pequeño demo de un generador sencillo.

Y luego del demo sencillo, un demo sobre comenzar un proyecto.

Ahora que ya se como funciona, me estoy preguntando si puedo usar Yeoman en mi proyecto. Aquí puedes enseñar el mar de posibilidades y varios de los mejores generators que la comunidad ha hecho.

¿Y qué hago si no encuentro el generator perfecto...?

Making your own generator

Esta sección es cool por que habla sobre crear tus propias herramientas. Sin embargo, facilmente puede tomar mucho tiempo entonces tienes que ver cuan larga y completa la haces. Quizas basta con un intro muy facil del generator-generator y si las personas se quedan con preguntas, que la hagan al final.

Tu experiencia

Cierre

Ahora es el momento perfecto de comparar yeoman con otras herramienta y decir cuando es fit para tu proyecto, los pros y cons, etc.

Preguntas

Las preguntas de la audiencia. Ven preparado a posiblemente contestar preguntas sobre create-react-app que salió hace 4 días.

Cheers!

kouryuu commented 8 years ago

👍 Got it ! Thnx for the input. Y claro estoy abierto a quien guste proponer/criticar o sugerir.

jeduan commented 8 years ago

Gracias por la apertura a escuchar comentarios Rodrigo, parece que la plática va a quedar muy bien.

Quizá lo que puedo agregar es que Yeoman es una herramienta que se siente como que ya no tiene la misma fuerza que tuvo cuando salió, sobre todo porque está (estaba?) pensada para usarse con Grunt, que se está usando menos que gulp / npm run.

Mi experiencia personal es que las librerías cambian tan seguido que muchas veces se siente como trabajo extra mantener el generador de contenido, sobre todo si no inicias proyectos muy seguido.

Creo que serviría mucho conocer tus puntos de vista en cuándo hay que tomarse el tiempo de crear un generador y cuándo sirve la repetición de configurar todo para mantener el músculo, y las ventajas / desventajas de adaptar el estilo de programación a un generador (que es la ventaja/desventaja de Rails).

kouryuu commented 8 years ago

@jeduan Si, aunque IMHO Yeoman no está en declive (de hecho acorde a tu argumento usan Gulp más que Grunt ultimamente) la idea del proyecto es que sea language agnostic es decir que no le importe el stack de tecnologías que uses para crear tu proyecto , incluso permite proyectos con RoR irónicamente como React on Rails que usa React para el Frontend y Rails para Backend. Si efectivamente los cambios rápidos ocasionan obsolescencia de cualquier workflow o template que tengas con viejas tecnologías, sin embargo de ahi el poder de la comunidad que crea generadores acorde a la tecnologia del momento y de el poder de extensibilidad de Yeoman ya que muchos generadores permiten elegir qué tecnología(s) deseas usar.

Siento que no sólo es la flojera de crear cosas de cero, si no otro caso de uso muy común y que incluso a mi me ha servido bastante es que permite conocer cosas nuevas; por ejemplo yo no conocía de los linters antes de que descubrí por ahi un generador. Entonces el hecho que sea sencillo aventurarte y que tenga ejemplos sencillos para comenzar hace un buen compañero para quienes desean probar nuevas tecnologías. Mi broche de oro será hablar de los sub generadores que permiten crear pequeños pedazos del proyecto, por ejemplo archivos para ciertas vistas y que son útiles en trabajos colaborativos donde deseas cierta organización del proyecto y estructura del código. (Y si me da tiempo hablar de una alternativa que está más orientada a los subgeneradores de yeoman llamada Plop )

Sparragus commented 8 years ago

Hey @kouryuu, mañana es ChelaJS. Algo en que te podamos ayudar?

Pregunta: que computadora piensas usar? Es que para conectarnos al proyector vamos a usar Apple TV. Si no puedes, déjame saber para resolver eso hoy.

Puedes encontrar los detalles del evento aquí: http://www.meetup.com/javascriptmx/events/232944760/

kouryuu commented 8 years ago

@Sparragus hola si en unas horas te mando los slides y un texto que voy a publicar en mi blog después de el ChelaJS que es similar a lo que voy a hablar mañana... uso una Macbook Air 2015 pero tengo adaptador triple (DVI,HDMI y VGA) ... espero no tenga problemas con la Apple TV ya que uso el macOS Sierra y no he probado parear una Apple TV con ese SO.

Sparragus commented 8 years ago

si dude. puedes escribirme a mi email o por slack

Richard Kaufman

2016-08-02 12:57 GMT-05:00 Rodrigo Reyes notifications@github.com:

@Sparragus https://github.com/Sparragus hola si en unas horas te mando los slides y un texto que voy a publicar en mi blog después de el ChelaJS que es similar a lo que voy a hablar mañana... uso una Macbook Air 2015 pero tengo adaptador triple (DVI,HDMI y VGA) ... espero no tenga problemas con la Apple TV ya que uso el macOS Sierra y no he probado con ese SO.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/javascriptmx/chelajs/issues/51#issuecomment-236987667, or mute the thread https://github.com/notifications/unsubscribe-auth/AAE8Vv8UUObmYg0FvQTXJUuFtFz3ezNIks5qb4UcgaJpZM4Ie8pP .