Roadmap
Escribimos esté breve artículo con el objetivo de darles un panorama sobre de qué se tratan las próximas emisiones de Coder-Box. Creemos que es importante que cuenten con un cronograma aproximado de las temáticas que vamos a ir viendo, analizando y creando junto a ustedes en los próximos 2 meses para un mejor entendimiento del proyecto.
Primero recapitulemos brevemente qué vimos hasta ahora.
Empezamos presentando esta linda idea, una plataforma web donde podés encontrar todos los recursos necesarios para cuando empezás a programar y querés desarrollar tus primeros proyectos. Estos recursos, pueden ser gráficos, sobre lenguajes de programación, librerías, y un gran etc. Te contamos quienes formamos parte del equipo, cómo surgió la idea, como la vamos a llevar a cabo, qué tecnologías vamos a utilizar, cómo pensamos el diseño, qué preguntas nos hicimos al empezar y por último un gran camino juntos escribiendo código codo a codo.
Así fueron pasando los primeros 4 capítulos, mayormente teóricos pero eso va llegando a su fin, así es, empezaremos a codear ! ! !
Nuestro próximo capítulo, el número 5, vendrá de la mano de Flor y nos hablará del UI. Primero vamos a repasar hasta dónde llegamos con el proceso de Diseño, para luego meternos de lleno con el tema de este episodio. Veremos los elementos que componen el UI kit que se utilizará en toda nuestra web app. Charlaremos sobre la elección de colores, tipografías, ilustraciones y otros estilos que definen el branding del proyecto. Pero además hablaremos sobre la importancia de la creación de componentes en el diseño (atomic design) y cómo influye este proceso al momento de codear.
En el episodio número 6 es donde empieza la parte que varios esperan. Primero analizaremos la estructura de archivos que utiliza Next.js como estructura base de sus proyectos. Definiremos dónde van las páginas, los componentes y los elementos UI. Luego, codearemos nuestro primer componente, en este caso el Header. Será solamente la parte de maquetado y dejaremos todo listo para más adelante agregarle la funcionalidad que requiere. Por último, te contaremos un poco de las funcionalidades de cooperación de Github como el PR (pull request) y los Issues. Cómo crearlos, y por qué hacerlo. Y antes de terminar invitaremos a todas las personas que quieran cooperar con el proyecto a que nos ayuden enviando sus códigos sobre diferentes secciones. Ese código será analizado, corregido y aprobado para luego agregarlo en el proyecto.
Continuando con el número 7… empezaremos revisando los códigos que enviaron ustedes, corrigiendo, dando feedback de todo tipo y si es necesario enviar a ajustar al creador. Luego, haremos una introducción a los inputs, desde la maquetación, lógica y convivencia con react-hook-form (librería para manejo de formularios). Codearemos paso a paso un input de la aplicación. Y para finalizar crearemos nuevos issues para que colaboren elaborando el Footer y la sección de Categorías.
En el capítulo 8, nos enfocaremos en ir finalizando la landing page. Siempre revisando los PRs pendientes y agregandolos al repositorio principal. También estaremos creando una Card estática siendo esta, uno de los principales componentes reutilizables de la aplicación. Hacia el final del episodio, estaremos dando más tareas a realizar, pero ya entrando en otra sección del proyecto, en este caso, la secuencia del Login.
Por último, en el episodio número 9, luego de revisar los códigos enviados, agregaremos funcionalidad al componente Login, tanto del lado del frontend, como del back. Es decir, que estaremos creando una estructura de usuario en Firebase y también la funcionalidad necesaria para enviar el código de autenticación para el login del mismo.
Nunca está de más aclarar, que esté proyecto es un conjunto de esfuerzos de toda la comunidad, por lo que su colaboración es un pilar muy importante de la misma.
Lxs esperamos!!