The latest articles on DEV Community by David Alonso (@darito). https://dev.to/darito https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F742594%2Fa0f83635-4972-4e29-ac79-67f288db3416.jpg https://dev.to/darito en David Alonso Tue, 12 Aug 2025 03:00:50 +0000 https://dev.to/darito/he-vuelto-mi-comienzo-como-desarrollador-16fp https://dev.to/darito/he-vuelto-mi-comienzo-como-desarrollador-16fp <p>Hola a todos!</p> <p>Despues de mucho tiempo de no haber publicado por fin vuelvo a esta plataforma. <br> En su mayoria el tiempo que he estado dedicando ha sido a trabajar.</p> <p>Anteriormente me estuve formando durante alrededor de 8 meses de manera autodidacta y despues de eso por fin encontre un empleo acorde a mi camino. No fue lo que esperaba pero me ha traido hasta donde estoy hoy, a ser un desarrollador web full stack en una empresa.</p> <p>Pero no vine aquí a realizar mi autobiografía. Quisiera compartirles algunos consejos de cosas que he ido aprendiendo a lo largo de estos 3 años que no he escrito:</p> <h2> Consejos </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo492uk1b4dn7tm1njfkf.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo492uk1b4dn7tm1njfkf.png" alt=" " width="318" height="159"></a></p> <ul> <li>Continua siempre con tu aprendizaje: Siempre que puedas permitete probar cosas nuevas, aunque sea solo por hobbie tarde que temprano te abriran puertas que no creias que podrían ser abiertas.</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqey545evhzd7ek05lqme.webp" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqey545evhzd7ek05lqme.webp" alt=" " width="474" height="355"></a></p> <ul> <li>Crea conexiones en tu entorno laboral: A traves de este tiempo me he dado cuenta que muchas oportunidades (no todas) surgen porque tienes una conexión con alguién que hace que las probabilidades sean más alta. </li> </ul> <p>El primer trabajo que tome despues de que dejé de escribir fue uno de ellos, era un trabajo de mantenimiento de hardware y desarrollo de software (una pagina de la empresa) que si bien no era 100% desarrollo ya servía para demostrarle a otras empresas que me dediqué a esas tareas y por lo tanto entregar la tan necesitada "primera experiencia" que a veces necesitas. Por otra parte esto ultimo va con el tercer punto</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0za0ja6m9zokinsczh26.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0za0ja6m9zokinsczh26.jpg" alt=" " width="640" height="400"></a></p> <ul> <li>No todas las ofertas serán el 100% de lo que querías pero serviran: A veces las vacantes no cumplen con lo que requerimos, o pagan muy poco, o son mitad algo que nos gusta y algo que no, de todos modos habrá momentos en los que aunque no sean excelentes puedes aprovechar esas ofertas mientras encuentras una que sea de tu agrado y que te provea todo lo que necesitas.</li> </ul> <p>Por el momento es todo lo que les comparto. Despues seguiré escribiendo. Tengo grandes proyectos en camino y quiero escribirles sobre ellos pronto pero todo a su tiempo. </p> <p>Saludos a todos, que tengan un excelente día. <br> DaroDev o Darito para los amigos :D</p> career webdev discuss learning David Alonso Fri, 01 Apr 2022 05:32:52 +0000 https://dev.to/darito/100-dias-de-codigo-94-reflexionar-sobre-tu-camino-de-desarrollador-39cf https://dev.to/darito/100-dias-de-codigo-94-reflexionar-sobre-tu-camino-de-desarrollador-39cf <p>Foto del cover de <a href="https://unsplash.com/@elijahdhiett?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" rel="noopener noreferrer">Elijah Hiett</a> en <a href="https://unsplash.com/s/photos/think?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" rel="noopener noreferrer">Unsplash</a>.</p> <p>¡Hey hey hey!</p> <p>Despues de casi 100 días de código que realmente se convirtieron en unos 4 o 5 meses he llegado a la conclusión de que estoy suficientemente preparado para el sector laboral y se que, como yo, tu también estarás en ese proceso o lo habrás superado obteniendo tu empleo y aunque he tomado muchos cursos y realizado muchas guías no me he encontrado la siguiente pregunta...</p> <p>¿Cual es el camino que quieres seguir?</p> <p>Pareciera que realmente es una pregunta sencilla de responder y en algunos casos lo sera pero creo que es muy importante plantearte como te ves a largo plazo porque te indica que es lo que te gustaría en tu futuro. </p> <p>Puedes pensar... me gustaría un aumento, conseguir un empleo donde haya un buen salario o trabajar para una empresa en donde pueda seguir codificando jquery todos los días pero creo que con el tiempo estos objetivos se vuelven vagos y volverá a tu mente la pregunta anteriormente mencionada. </p> <p>¿Cual es mi camino? </p> <p>Es importante reflexionar con esta pregunta, piensa en tu vida, en como te nace y te mueven algunas cosas y otras no, en cuales te gustaría y no te gustaría hacer y con ello te iras guiando para escribir un pequeño párrafo que describa el camino que quieres seguir en tu vida, no solo como desarrollador si no como persona.</p> <p>Recuerda hacer esa pregunta cada cierto tiempo... Creo que te ayudara en la vida para ayudarte a sentirte pleno cada día porque la motivación que te haga sentir ese pequeño párrafo podrá hacer la diferencia en momentos difíciles.</p> <p>Y aunque no te lo preguntes te contare como es que llegue a esta pregunta... Hoy finalice un proyecto con el stack MERN que sinceramente pensé que seria mas difícil y al terminarlo me di cuenta que no sabia cual era el siguiente paso. </p> <p>Pase de codificar algo a tener mi mente en blanco con lo cual llego el momento de pensar en que era lo que quería para mi futuro y he decidido convertirme en freelance para lograr demostrar mis habilidades de desarrollo web y seguir aprendiendo tecnologías, lenguajes y frameworks para crear las mejores soluciones de software. A la larga pienso convertirme en un desarrollador conocido que ayude a la comunidad a crecer.</p> <p>Espero que tengas mucho éxito en tus proyectos y ¡animo con todo!</p> <p>Hasta la próxima.</p> spanish webdev 100daysofcode beginners David Alonso Thu, 31 Mar 2022 04:40:53 +0000 https://dev.to/darito/100-dias-de-codigo-92-y-93-desplegar-aplicacion-con-vite-y-vercel-cab https://dev.to/darito/100-dias-de-codigo-92-y-93-desplegar-aplicacion-con-vite-y-vercel-cab <p>¡Hey hey hey!</p> <p>Realmente escribí esto ayer pero olvide publicarlo asi que agregare lo que logre hoy en el reto. </p> <p>Creí que desplegar una aplicación de vite con vercel tendría alguna dificultad y esta mas que equivocado pues solo bastaron un par de clicks en la pagina de <a href="https://vercel.com/docs" rel="noopener noreferrer">vercel</a> y una vinculación con la cuenta de github para lograrlo. </p> <p>Despues de lograr lo anterior me dedique a hacer algunas pruebas de <a href="https://frontend-phonebook.vercel.app/" rel="noopener noreferrer">la pagina de agenda global</a> que cree con vite y react. Realmente no necesitaba muchas pruebas puesto que es una pagina sencilla que solo muestra una vista con los números y un formulario que te permite ingresar un nuevo registro.</p> <p>Al finalizarlo llegue a la conclusión de que era hora de comenzar a usar bases de datos mongo para completar el stack MERN con el que me plantee crear este proyecto. Si utilizas nodejs en el backend es bastante sencillo comenzar a usarlas debido a que el paquete <a href="https://www.npmjs.com/package/mongoose" rel="noopener noreferrer">mongoose</a> te provee funcionalidades bastante sencillas para lograr este objetivo.</p> <p>Hoy logre crear la conexión y el modelo de la base de datos mongo y también conseguí modificar los métodos para agregar, actualizar, eliminar y obtener los datos. </p> <p>Me siento bastante contento con mi progreso, si quieren revisar el código esta en <a href="https://github.com/Darito97/backend-phonebook" rel="noopener noreferrer">este repositorio</a>.</p> <p>Mañana terminare las pruebas y desplegare para ver si todo funciona correctamente.</p> <p>¡Espero que tengan mucho éxito con sus proyectos!</p> <p>Hasta la próxima.</p> spanish 100daysofcode webdev vite David Alonso Sun, 27 Mar 2022 04:31:35 +0000 https://dev.to/darito/100-dias-de-codigo-91-conectando-y-creando-el-frontend-de-mi-aplicacion-mern-2o6l https://dev.to/darito/100-dias-de-codigo-91-conectando-y-creando-el-frontend-de-mi-aplicacion-mern-2o6l <p>¡Hey hey hey!</p> <p>Pense que realmente seria complicado conectar el backend con el frontend pero en cuanto comencé a realizar el frontend de la aplicación y a utilizar axios para las peticiones me di cuenta que es muy sencillo comenzar a utilizar tu API REST una vez la hayas desplegado.</p> <p>Me siento contento porque he conseguido realizar esta conexión y también he terminado de construir el frontend de <a href="https://github.com/Darito97/frontend-phonebook" rel="noopener noreferrer">mi aplicación de agenda de teléfono global</a>.</p> <p>Tengo dudas sobre como funcionan las variables de entorno en producción de una aplicación de react hecha con vite y me da la sensación de que será un nuevo reto desplegarla en <a href="https://vercel.com/" rel="noopener noreferrer">Vercel</a>.</p> <p>La duda anteriormente mencionada nace del hecho de que vite contiene un propio manejador de variables de entorno en la cual en lugar de ser obtenidas accediendo al <code>process.env</code> se obtienen accediendo a través de <code>import.meta.env.nombreDeLaVariable</code> y no se si es compatible con las variables de entorno que maneja Vercel.</p> <p>Mi conclusión es que, si bien hacer una pagina con frontend y backend es sencillo tiene su dificultad en algunos momentos. </p> <p>¡Espero que tengan mucho éxito con sus proyectos y animo con todo!</p> <p>Hasta la próxima.</p> spanish 100daysofcode webdev beginners David Alonso Fri, 25 Mar 2022 03:41:12 +0000 https://dev.to/darito/100-dias-de-codigo-90-desarrollando-una-aplicacion-con-mern-2g9k https://dev.to/darito/100-dias-de-codigo-90-desarrollando-una-aplicacion-con-mern-2g9k <p>¡Hey hey hey!</p> <p>Hoy he retomado el proyecto con el stack MERN que había dejado de lado para aprender Nextjs y como ha pasado un mes, me he dado cuenta de la importancia de la documentación del software. </p> <p>Comencé a retomar lo que ya tenia hecho, poco tiempo hizo falta para que me diera cuenta de que es una suerte que sea poco código porque si fuera mucho realmente no entendería lo que estaba haciendo o por donde iba asi que intentare aprender un poco mas sobre documentación que es un tema que no he tocado mucho.</p> <p>Hoy he avanzado con el frontend de mi aplicación, creando algunos componentes y haciendo uso de la API REST que tengo desplegué en Heroku para mostrar información y por ahora se ve de la siguiente forma:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6mvppyz9tto0j684wh30.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6mvppyz9tto0j684wh30.png" alt="Darito David Alonso Ruiz phonebook aplicacion MERN" width="366" height="620"></a></p> <p>Pense que seria mas complicado conectar el backend con el frontend pero gracias a <a href="https://www.npmjs.com/package/axios" rel="noopener noreferrer">axios</a> fue muy sencillo para las peticiones GET.</p> <p>Deseo comenzar a aprender como realizar peticiones POST con axios para comenzar a crear registros en mi <a href="https://github.com/Darito97/frontend-phonebook" rel="noopener noreferrer">aplicación de agenda</a> y asi avanzar con el desarrollo.</p> <p>Espero que tengan mucho éxito con sus proyectos y ¡animo con todo!</p> <p>Hasta la próxima.</p> spanish 100daysofcode webdev beginners David Alonso Thu, 24 Mar 2022 04:07:46 +0000 https://dev.to/darito/100-dias-de-codigo-89-he-terminado-mi-primer-proyecto-freelance-25bp https://dev.to/darito/100-dias-de-codigo-89-he-terminado-mi-primer-proyecto-freelance-25bp <p>¡Hey hey hey!</p> <p>Hola a todos, espero que tengan una excelente tarde, ayer comencé muy entusiasmado con mi primer proyecto freelance y al comenzar hice un análisis de tiempo estimado que me dio como resultado que terminaría el proyecto en 2 días y medio de trabajo(de 6 horas) de la siguiente forma:</p> <ul> <li>Planificación: 2 horas</li> <li>Diseño: 4 horas</li> <li>Desarrollo: 8 horas</li> <li>Pruebas y despliegue: 2 horas</li> <li>Entrega</li> </ul> <p>Y aunque he terminado el proyecto en menos del tiempo estimado(alrededor de 10 horas) creo que ha sido una estimación bastante acertada ya que el diseño de la pagina fue pedido para ser similar al de otra y con ello ahorre bastante tiempo en la etapa de diseño.</p> <p>Ahora me concentrare en aprender un poco mas sobre backend con el proyecto que deje en espera para aprender Nextjs y aplicar a algunas entrevistas para desarrollador frontend.</p> <p>Espero que tengan mucho éxito en sus proyectos y ¡animo con todo compadres!</p> <p>Hasta la próxima.</p> <p>Foto cover de <a href="https://unsplash.com/@nublson?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" rel="noopener noreferrer">Nubelson Fernandes</a> en <a href="https://unsplash.com/?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" rel="noopener noreferrer">Unsplash</a>.</p> David Alonso Wed, 23 Mar 2022 05:22:15 +0000 https://dev.to/darito/100-dias-de-codigo-88-he-terminado-mi-blog-con-nextjs-1om9 https://dev.to/darito/100-dias-de-codigo-88-he-terminado-mi-blog-con-nextjs-1om9 <p>¡Hey hey hey!</p> <p>Estos últimos días he tenido que estar al tanto de la construcción de mi casa y por ello no he podido dedicarle tanto a la programación como me gustaría.</p> <p>Sin embargo he conseguido completar el desarrollo del prototipo de mi blog y me siento bastante orgulloso sobre el. Comenzare a integrarlo con mi pagina personal y comenzar a hacer uso de el cuando termine el reto de 100 días de código aunque antes de ello debería hacerle algunas mejoras.</p> <p>Si quieres ver el prototipo de mi blog puedes visitarlo <a href="https://blog-david-alonso-ruiz.vercel.app/" rel="noopener noreferrer">aquí</a> y si tienes algun comentario o feedback será bien recibido.</p> <p>Por otra parte he conseguido un proyecto con un conocido que será mi primer proyecto freelance y será una pagina simple para mostrar todas las redes de el cliente para aparecer en los resultados de Google. Lo hare con HTML y CSS porque realmente no se necesita mas para lograr el resultado ya que solamente es una pagina.</p> <p>Me siento feliz de conseguir un proyecto e intentare completarlo lo mas pronto posible. </p> <p>Espero que tengan mucho éxito y ¡animo con todos sus proyectos!</p> <p>Hasta la vista!</p> spanish 100daysofcode beginners webdev David Alonso Sat, 19 Mar 2022 04:24:03 +0000 https://dev.to/darito/100-dias-de-codigo-un-avance-mas-de-mi-blog-3nil https://dev.to/darito/100-dias-de-codigo-un-avance-mas-de-mi-blog-3nil <p>¡Hey hey hey!</p> <p>Hoy he comenzado a crear los estilos y componentes necesarios para mostrar mi blog de una forma adecuada.</p> <p>Nunca había probado los estilos en módulos y ahora que comienzo a usarlos en Nextjs se sienten realmente útiles sobre todo para dividir y cargar solo el css necesario para una página.</p> <p>Realmente solo he podido dedicarle el tiempo a eso debido a ciertos asuntos personales pero poco a poco he logrado avanzar bastante con este proyecto.</p> <p>Ahora sigamos con la sección normal dónde digo lo que hice...</p> <h3> Hoy </h3> <ul> <li>Modifique algunos estilos anteriores de componentes de mi blog.</li> <li>Cree algunas media queries para los estilos en PC.</li> <li>Cree la estructura de un blog de ejemplo para revisar su correcta visualización.</li> <li>Practiqué Touch Typing.</li> </ul> <p>Espero que tengan mucho éxito con sus proyectos y ánimo!</p> <p>Hasta la próxima.</p> spanish 100daysofcode nextjs beginners David Alonso Fri, 18 Mar 2022 01:28:28 +0000 https://dev.to/darito/100-dias-de-codigo-86-he-vuelto-3bpd https://dev.to/darito/100-dias-de-codigo-86-he-vuelto-3bpd <p>¡Hey hey hey!</p> <p>He vuelto despues de un pequeño descanso necesario, o mejor dicho uno obligatorio porque tuve que ocuparme de algunos detalles de la construcción del segundo piso mi hogar.</p> <p>Ahora que ya tengo todo mas o menos controlado puedo comenzar a programar una vez mas garantizando mi concentración para lograr avanzar en mis metas pero no he venido a contarles mi vida... O eso creo.</p> <p>En los últimos días he avanzado con mi proyecto <a href="https://github.com/Darito97/blog" rel="noopener noreferrer">blog de darito</a> creando el diseño y avanzando con la construcción de cada uno de los componentes y la funcionalidad de usar archivos markdown para mostrar en el blog.</p> <p>Realmente estoy haciendo una blog similar a el que se hace con la <a href="https://nextjs.org/learn/foundations/about-nextjs?utm_source=next-site&amp;utm_medium=homepage-cta&amp;utm_campaign=next-website" rel="noopener noreferrer">guia para aprender Nextjs</a> pero al hacer componentes diferentes y utilizar los estilos en módulos que vienen soportados por Next practico algunas otras habilidades que haciendo el ejemplo no se practican.</p> <p>Me siento entusiasmado por el avance que he tenido en el blog y creo que puedo finalizarlo la semana siguiente.</p> <p>Hasta aquí la bitácora del capitán, ¡espero que tengan mucho éxito en sus proyectos y animo con todo!</p> <p>Hasta la próxima.</p> spanish 100daysofcode webdev David Alonso Wed, 09 Mar 2022 23:41:39 +0000 https://dev.to/darito/100-dias-de-codigo-85-comenzando-a-crear-los-componentes-de-mi-blog-en-next-8fo https://dev.to/darito/100-dias-de-codigo-85-comenzando-a-crear-los-componentes-de-mi-blog-en-next-8fo <p>¡Hey hey hey!</p> <p>Hoy he comenzado a crear el proyecto de mi blog con Next.js.</p> <p>Ahora comienzo a notar como voy aprendiendo mas sobre Next.js al ritmo de la practica. Sinceramente no me parece un framework difícil de utilizar aunque el tiempo y el uso me enseñara si tengo razón en ello o no.</p> <p>Hoy no tengo mucho tiempo asi que vayamos con lo que hice...</p> <h3> Hoy </h3> <ul> <li>Cree algunos componentes de mi proyecto blog.</li> <li>Cree su repositorio utilizando la herramienta gh.</li> <li>Practique Touch Typing.</li> </ul> <p>Espero que tengan mucho éxito con sus proyectos!</p> <p>Hasta la próxima!</p> <p>Foto de <a href="https://unsplash.com/@lucabravo?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" rel="noopener noreferrer">Luca Bravo</a> en <a href="https://unsplash.com/s/photos/dev?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText" rel="noopener noreferrer">Unsplash</a>.</p> spanish webdev 100daysofcode beginners David Alonso Wed, 09 Mar 2022 02:51:37 +0000 https://dev.to/darito/100-dias-de-codigo-84-avanzando-con-el-diseno-de-mi-blog-d6n https://dev.to/darito/100-dias-de-codigo-84-avanzando-con-el-diseno-de-mi-blog-d6n <p>¡Hey hey hey!</p> <p>Se que hoy ya he realizado una entrada pero realmente debería ser la de ayer asi que... ¿Por qué no hacerlo?</p> <p>Aunque hoy no he codificado mucho si me he dedicado a terminar el diseño móvil y de pc de mi blog el cual les muestro en las siguientes imágenes:</p> <h4> Diseño para dispositivos con pantalla mas ancha que 800px: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faprovqtqnsi5dhdhtkx2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faprovqtqnsi5dhdhtkx2.png" alt="diseño del blog de darito 800px hecho por David Alonso Ruiz" width="800" height="731"></a></p> <h4> Diseño para dispositivos con pantalla de menos de 800px de ancho: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Firmjtp1trtwmmeb1zdtb.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Firmjtp1trtwmmeb1zdtb.png" alt="Diseño del blog darito menor a 800px hecho por david alonso ruiz" width="688" height="879"></a></p> <p>Si tienen alguna recomendación estaría encantado de leerla en los comentarios.</p> <p>Ahora sigamos con la sección donde yo digo lo que hice...</p> <h3> Hoy </h3> <ul> <li>He terminado con el diseño de dispositivos móviles y para pantallas grandes.</li> <li>He practicado Touch Typing.</li> <li>He aprendido un poco mas sobre la organización del backend.</li> </ul> <p>Eso es todo por hoy.<br> ¡Espero que tengan mucho éxito con sus proyectos!</p> <p>Hasta la próxima.</p> spanish webdev 100daysofcode design David Alonso Tue, 08 Mar 2022 17:33:27 +0000 https://dev.to/darito/100-dias-de-codigo-83-disenando-mi-nuevo-blog-en-figma-y-nueva-semana-6fd https://dev.to/darito/100-dias-de-codigo-83-disenando-mi-nuevo-blog-en-figma-y-nueva-semana-6fd <p>¡Hey hey hey!</p> <p>El día de ayer estuve algo ocupado pero aun asi logre tener algunos avances en el diseño de mi blog que creare con Next.</p> <p>Se que, en los últimos días, hable sobre un proyecto que estaba creando con el stack MERN pero hace poco terminé la guia para <a href="https://nextjs.org/learn/foundations/about-nextjs?utm_source=next-site&amp;utm_medium=homepage-cta&amp;utm_campaign=next-website" rel="noopener noreferrer">aprender Next.js</a> y debería crear un proyecto para aprender un poco mas sobre el antes de seguir avanzando en mis aprendizajes.</p> <p>He realizado algunos wireframes basicos sobre las secciones de la pagina los cuales son los siguientes:</p> <ul> <li><p>Wireframe de la pagina principal del blog<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fygtgvahe8x1vtree2bpw.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fygtgvahe8x1vtree2bpw.png" alt="wireframe blog darito" width="800" height="600"></a></p></li> <li><p>Wireframe del encabezado de la pagina principal del blog<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fecipoep25wkzv8dgejiv.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fecipoep25wkzv8dgejiv.png" alt="wireframe encabezado de blog darito" width="800" height="600"></a></p></li> <li><p>Wireframe de un blog en la pagina principal del blog<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1l0lphsvuzvgu30k7eam.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1l0lphsvuzvgu30k7eam.png" alt="wireframe blog en pagina principal darito" width="800" height="600"></a></p></li> </ul> <p>Y algunos componentes que he diseñado en figma son los siguientes:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftqm8ib8nrdfw9991rir8.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftqm8ib8nrdfw9991rir8.png" alt="Diseño figma de blog darito componentes" width="800" height="476"></a></p> <p>A pesar de que aun me falta diseñar mas me siento motivado por mis avances en el diseño.</p> <p>Ahora sigamos con la sección de análisis de...</p> <h3> Metas de la semana pasada </h3> <ul> <li>Aprender un poco mas sobre redux y como usarlo con typescript.</li> <li>Agregar redux al proyecto finance.</li> <li>Aprender un poco de nextjs.</li> <li>Aplicar a alguna entrevista.</li> </ul> <h4> Conclusiones de la semana pasada </h4> <p>Completé la primera, segunda y tercera meta pero a la ultima tengo que agregarle el hecho de que no fui realista con la preparación que necesito para las entrevistas. Creo que necesito estudiar un poco y practicar mucho mas para poder aplicar y sentirme con la seguridad adecuada de demostrar mis conocimientos de forma correcta.</p> <h3> Metas de esta semana: </h3> <ul> <li>Aprender mas sobre servidores con nodejs y express.</li> <li>Conectar mongoDB con mi API REST de agenda de teléfonos.</li> <li>Terminar el diseño de mi blog.</li> <li>Implementar mi blog con entradas de prueba.</li> </ul> <p>Como todas las semanas siento que a veces soy muy codicioso con la cantidad de tareas que quiero lograr pero aun asi haré todo lo posible por hacerlas. Por cierto, dejare el tema de las entrevistas para cuando termine de aprender un poco mas sobre el backend y me prepare mas para estas practicando con algunos amigos o personas cercanas.</p> <p>Ahora si, sigamos con lo que he logrado hacer...</p> <h3> Hoy </h3> <ul> <li>Busque algo de inspiración para el diseño de mi blog y elegí un color especifico central.</li> <li>Elegí las tipografías para mi proyecto.</li> <li>Dibuje los wireframes de mi pagina web.</li> <li>Cree el diseño de algunos componentes y comencé con el diseño de las paginas enteras.</li> </ul> <p>¡Espero que tengan mucho éxito con sus proyectos y animo con todo!</p> <p>Hasta la próxima.</p> spanish 100daysofcode webdev design