¿Quieres ser desarrollador frontend? tienes que saber esto

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
¿Quieres ser desarrollador frontend? tienes que saber esto.

¿Así que quieres ser desarrollador frontend?, déjame decirte que acabas de llegar al lugar indicado, gracias al sitio web galuxui.com.es te traemos esta estupenda guía, de la ruta de aprendizaje que debes seguir para convertirte en el mejor desarrollador frontend.

Sin más preámbulos, te dejamos el artículo a continuación:

Últimamente me han llegado varias dudas vía Twitter y a mi correo personal, sobre gente que desea convertirse en frontend developer pero no sabe cómo, qué aprender o cómo es el camino a seguir.

Ante todo debo decir que yo me considero meramente una diseñadora que puede programar sin más, pero aún con ello y dada mi experiencia profesional, soy capaz de arrojaros algo de luz sobre este tema.

Pero antes… ¿Qué significa ser Frontend?

Echando un vistazo a la comunidad rápidamente te darás cuenta de que para cada profesional «ser frontend» incluye o excluye diversas cosas.

Por ejemplo, hay quienes apartan completamente el diseño del campo Frontend o quienes apartan lenguajes semánticos. Algo así como que personalizan su menú.

Desde mi punto de vista, voy a darte la definición que, en mi experiencia, la industria define sobre alguien «frontend»: una persona que maneje lenguajes semánticos (HTML), lenguajes de estilización (CSS) y de programación web (JS, Python, PHP…) al nivel de poder construir una página que sea funcional.

Quiero y necesito que no confundas el rol de Frontend con otros roles. Erróneamente se confunde con el rol de un Diseñador/a web, Diseñador/a gráfico/a e incluso Diseñador/a UX. No has de saber crear el diseño de una web, un logo o una marca para ser frontend, esas son otras áreas. Tampoco se debe confundir con el Backend o con los servicios de las personas de Sistemas. Pero sobre qué has o no de saber, hablaremos más adelante.

📍 Empiezas aquí; los 3 pilares del Front

A continuación quiero exponerte lo que considero que son los 3 pilares que debes aprender y manejar para adentrarte en el mundo del Front y de qué se encarga cada uno.

➜HTML: Este es el lenguaje más importante de los 3 que vamos a comentar. Todo lo que ves en internet, todas las páginas web que visitas cada día están escritas en HTML. Este es el lenguaje que hace que una página web sea una página web.

➜CSS: Este es el lenguaje que construye el estilismo de todas las interfaces que ves. Toda la decoración, estilos y colocación de cada elemento en una página web se organiza a través de CSS.

➜JavaScript: Este es el lenguaje que hace que tu página web sea funcional. Hay muchas otras tecnologías que harán que tu página web funcione, pero por lo general JavaScript es el rey del mercado y el más sencillo de utilizar.

🤔 He oído hablar de React, Angular, Vue… ¿Cuál debo aprender?

Esta pregunta me la suelen hacer en las mentorías. «Es que he visto x o y, en las ofertas piden n, ¿cuál aprendo?».

La respuesta es: depende. Si todavía no dominas HTML, CSS y JavaScript, ni te acerques a ellos.

Si por el contrario sientes que tienes un nivel HTML, CSS y JavaScript avanzado, te recomiendo empezar con Vuejs, por el simple hecho de que es el más sencillo de los tres y el más enfocado al Frontend.

¿Dónde puedo aprender?

Si estás leyendo este artículo, probablemente estés aprendiendo por tu cuenta. Si no es el caso, la respuesta rápida es que curses un Ciclo superior de DAW o DAM, o el curso adecuado de informática en la universidad de tu ciudad. Considera la formación a distancia si es necesario.

Pese a que ya tengo un artículo donde explico Dónde y cómo aprendí diseño y programación por mi cuenta, voy a repasar este tema muy brevemente por aquí enfocándome en la programación:

➜ Codecademy
➜ FreeCodeCamp
➜ SoloLearn
➜ Udemy
➜ Open Webinars

También existen cursos «no oficiales» y Bootcamps, considera también atender alguna de esas alternativas para poder allanarte un poco más el camino. Yo te dejo algunos sitios de interés, eres libre de buscar más por tu cuenta:

➜ Fictizia (Mayormente online)
➜ LCI Barcelona (Mayormente online)
➜ Adalab (Sólo mujeres, normalmente presencial)
➜ Hack a Boss (Normalmente presencial)

¿Cómo me hago «un porfolio» siendo Frontend?

Esta es otra de las preguntas que me suelen hacer. Se dice mucho que «un porfolio no es una colección de cromos», y lo cierto es que yo lo veo de esa manera. Es una demostración de qué sabes y puedes hacer. Al fin y al cabo un artista no hace una exposición sobre sus obras fallidas o sus sketches, sino sobre sus pinturas bonitas y acabas.

Pero quiero ampliarte esto. No te quedes solo en el porfolio, crea tu página web, e incluso un blog personal si te animas.

Un porfolio es casi o igual de importante que tener presencia online. Esto no significa que debas escribir 100 artículos al mes o tener 50.000 seguidores, pero es una manera de darte a conocer y dar tu trabajo a conocer. Puedes crear «presencia online» creándote una cuenta en TwitterDevto o Medium, siguiendo y apoyando a creadores de contenido que te gusten o te inspiren, animándoles, comentándoles y compartiendo lo que hacen, ¡o compartiendo aquello que tú haces!

También puedes crear presencia online aportando a contenidos Open Source, ayudando a quienes saben menos que tú e incluso dando feedback a quien lo pide.

Sé que habrá gente que discrepe conmigo y prefiera ser alguien «anónimo», pero tener presencia online es realmente beneficioso por 1) conocer a gente de la industria y que te conozcan, 2) compartir y dar a conocer tu trabajo y 3) ayudar a humanizar el sector. La presencia online puede conseguirte oportunidades laborales, contactos y colaboraciones, ¡date a conocer! E incluso si te animas, quizá un día quieras crear tus propios cursos y tutoriales 😉.

✅ La checklist de Frontend

Otra cosa que me suelen preguntar en mentorías es, ¿Cuándo sabré si estoy preparado/a para buscar trabajo de Front?, así que me he permitido crearte una lista de checks para saber si cumples con los requisitos esenciales para desempeñar un trabajo como Frontend developer, allé voy:

❒ Manejas HTML, CSS y JavaScript a nivel intermedio o avanzado.
❒ Tienes experiencia utilizando librerías externas de JavaScript, como librerías simples para crear gráficos, tablas dinámicas, etc. [Ej: Momentjs, Chartjs]
❒ Tienes experiencia o conoces frameworks de CSS. [Ej: Bulma, Materialize, Foundation, Bootstrap]
❒ Entiendes o tienes experiencia con Grid CSS y Flexbox.
❒ Tienes experiencia con API’s.
❒ Tienes experiencia con JSON’s.
❒ Tienes experiencia con el uso de la terminal.
❒ Eres capaz de conectar una API con la interfaz y disparar gestiones desde la interfaz.
❒ Tienes experiencia (aunque sea mínima) con bases de datos y cómo conectarlas a tu proyecto. [Ej: MySQL o Firebase]
❒ Tienes experiencia haciendo el deploy de una aplicación (ya sea propia o de otra persona). [Ej: en Netlify, GitHub Pages o Heroku]
❒ Tienes experiencia con algún framework de JavaScript. [Ej: Vuejs, React, Angular]
❒ Tienes experiencia o sabes crear una autenticación con tokens. [Ej: JWT]

Ten en cuenta que no tienes que ser un/a ninja-jedi-master-todoterreno-crack-monstro de todo lo mencionado anteriormente, la experiencia «profesional» del uso de todo esto lo conseguirás únicamente en un entorno laboral, con casos de aplicación reales y clientes reales.

Herramientas que te pueden ser útiles

Es difícil encontrar herramientas para gestionar ya sea tu aprendizaje, tus proyectos y tus avances.

Yo a continuación me voy a limitar a listarte algunas herramientas que utilizo, por si te animas a usarlas también 😉.

➜ Notion: Esta es mi herramienta favorita para tomar notas de lo que voy aprendiendo y practicando, y para documentar mis proyectos.
➜ Miro: Mi herramienta favorita para hacer esquemas y flows.
➜ GitHub: Todos mis proyectos (publicados y no publicados), están aquí. Yo te recomiendo descargarte GitHub Desktop para manejar los pulls rápidamente 😉.
➜ Netlify: Mi plataforma favorita para subir mis proyectos que no tienen un servidor, API ni Backend detrás.
➜ Heroku: Si tu proyecto tiene API, base de datos o servidor detrás, vas a querer utilizar Heroku para hacer el deploy.

Pequeñas reflexiones finales

📌 Si quieres aprender nuevas tecnologías para implementarlas en tus proyectos, ⛔NO LAS APRENDAS E IMPLEMENTES TODAS A LA VEZ⛔. Ve una por una y no des nada «por aprendido» hasta que no te sientas cómodo/a utilizando esa tecnología.

📌 La frase «esta tecnología es mejor que esta otra» es mentira. Hay tecnologías más modernas y tecnologías más antiguas y todas funcionan, la diferencia es que unas son más sencillas que otras o abarcan más soluciones.

📌 Reutiliza. No tienes que reinventar un proyecto desde cero una y otra vez, recrea tus proyectos cada vez que estés aprendiendo una nueva tecnología.

📌 Si no entiendes algo, no pasará nada por dejarlo y retomarlo cuando te sientas más preparado/a.

📌 No existen gurús ni gente que hace magia en programación, esa persona que te parece tan buena también se ha peleado con las tecnologías que sabe para llegar a tener tanta experiencia.

📌 Comenta tu código y documenta tus proyectos. No importa cuándo leas esto.

📌 Si estás aprendiendo algo, toma notas o hazte una guía para ti mismo/a sobre qué estás haciendo y cómo lo estás haciendo.

Contenido visual del artículo

A continuación encontrarás una guía visual sobre qué necesitas saber para ser Frontend Developer.

Guía visual de Frontend Developer
Guía visual de Frontend Developer

TL;DR

En resumen, si quieres ser frontend primero anímate a aprender HTML, CSS y JavaScript; aprende a utilizar librerías externas, frameworks, gestionar API’s y mínimamente bases de datos. Sería recomedable saber sobre autenticación y deploy de aplicaciones web.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
0 0 voto
Calificar artículo
Suscribirme
Notificarme
guest
0 Comentarios
Comentarios en línea
Ver todos los comentarios
Ir arriba

FAQ's

Si aún tiene dudas, lo invitamos a revisar nuestras preguntas frecuentes sobre nuestros servicios.

Diseño Web & Desarrollo

¿No encuentra la respuesta que busca para su sitio web? ¡Compartimos algunas de nuestras preguntas más frecuentes para ayudarlo!

En nuestra agencia seguimos el mismo proceso central de diseño web sin importar el tamaño del proyecto realizado.

  • Paso uno: nos dirá lo que tiene en mente. Elija un sitio web que desee que repliquemos o enumere las características clave que le gustaría tener.
  • Paso dos: redactaremos una estructura alámbrica para poder acordar el diseño de su sitio web antes de que se escriba una sola línea de código.
  • Paso tres: Después de que apruebe el diseño, comenzaremos a trabajar en el diseño real y lo puliremos hasta que esté satisfecho.
  • Paso cuatro: Si hay características personalizadas, lo probaremos durante al menos una semana para asegurarnos de que no haya errores que hagan que se inicie.
  • Paso cinco: Lanzaremos el sitio web en aproximadamente un mes (dependiendo del proyecto) después de la primera reunión, y continuaremos monitoreando y mejorando su desempeño (pero solo si así lo desea).

Los costos de un sitio web totalmente personalizado varían según las especificaciones. Como guía, la mayoría de los proyectos personalizados de diseño y construcción web comienzan desde Bs. 700. Sin embargo, siempre tratamos de acomodar su presupuesto (si es posible). ¿Por qué no completa nuestro formulario y podemos conversar sobre sus requisitos?

Absolutamente. Verá un prototipo de diseño completo que también incluye diseños móviles, además tendrá la oportunidad de obtener una vista previa del diseño propuesto antes de que el sitio entre en desarrollo. ¡Solo comenzamos la etapa de desarrollo una vez que esté 100% satisfecho con la apariencia del diseño!

Los cuatro pasos fáciles que proporcionamos a continuación lo guiarán en la dirección de un sitio web profesionalmente diseñado, desarrollado y comercializado.

  • Paso uno: Registro de nombre de dominio (URL): esta es la dirección que las personas usarán para acceder a su sitio web. Una vez que haya determinado que la URL que desea utilizar está disponible, la tarifa para registrar un nombre de dominio oscila entre $ 14.00 y $ 50.00 por año. Esto necesita ser renovado cada año.
  • Paso dos: Diseño del sitio web: aquí es donde se determina y crea el aspecto y el contenido del sitio web.
  • Paso tres: Hospede su sitio web en un servidor web: aquí es básicamente donde paga por el espacio en un servidor que siempre está conectado a Internet. El precio variará, dependiendo de la cantidad de espacio en disco que tenga y la conexión a Internet.
  • Paso cuatro: ¡comercialización! – Debería pensar en la comercialización de su sitio web mientras se está diseñando. El contenido del sitio debe reflejar los términos de búsqueda si desea que su sitio aparezca en los motores de búsqueda.

No se preocupe en Creativa.dev, todo se explica de manera fácil. Una vez que comencemos a diseñar un sitio web, investigaremos sus requisitos, le asesoraremos sobre lo que requerimos del cliente y luego le describiremos ideas, alternativas y plazos.

Una vez que comencemos a diseñar, puede probar todo el trabajo a través de nuestra área de administración de proyectos en línea donde se mantiene actualizado con el flujo de trabajo actual. Siempre le proporcionaremos dos diseños de sitios web para elegir. Luego puede modificar el diseño elegido y una vez que haya cerrado la sesión del diseño, comenzaremos a convertirlo en un sitio web que funcione.

Lamentablemente no. Si el cliente no se ajusta bien, no se citará la oportunidad. El diseño de un nuevo sitio web es un gran esfuerzo, por lo que el diseñador del sitio web y su cliente necesitan tener sinergias para que el proyecto se inicie con éxito. Lo mismo es cierto para las personalizaciones de temas existentes. Si no creemos que encajamos bien o que WordPress no encaja bien, se lo diremos rápidamente.

Todo el proceso puede tomar entre 4 y 12 semanas. Realmente depende de cuántas páginas necesite, especialmente cuán profunda debe ser la funcionalidad.

Siempre tiene plena propiedad sobre sus diseños y sitio web. Aunque odiamos ver que suceda, puede mover su sitio web a una empresa externa. Dado que su sitio web está construido con WordPress, puede transferirlo a casi cualquier proveedor de alojamiento web.

¡Sí! Somos excelentes para comunicarnos por Internet, correo electrónico y teléfono, y nuestros clientes provienen de toda Bolivia, Estados Unidos y del mundo entero.

¡Será mejor que lo creas! El móvil es clave en 2020. Nuestros diseños web son totalmente responsivos, lo que significa que ahora son compatibles con dispositivos móviles y tabletas, lo que garantiza que se vean bien en cualquier tamaño de pantalla que se use para ver su sitio web.

Muchos procesos entran en la producción de un sitio web, en general, si todos estos procesos se ejecutan correctamente, producirá un sitio web que trabajará con usted para mejorar las ventas, el marketing y la imagen de su negocio. Esto se logra con un excelente diseño del sitio web, navegación del usuario y optimización del motor de búsqueda del sitio web.

Básicamente, debe considerar qué es lo que USTED está buscando al tener un sitio web. Si está buscando un sitio web de estilo folleto que haga notar su negocio, nuestra agencia ha diseñado cientos de sitios web así.

Branding & Diseño Gráfico

¿Quiere un logotipo, una ilustración o un diseño pero no puede encontrar la respuesta que está buscando? Eche un vistazo a nuestras preguntas frecuentes.

Nuestros pasos son simples como:

  • Paso uno: Compartirá su historia con nosotros: su visión, quién compra sus productos y qué hace que su negocio sea diferente.
  • Paso dos: investigaremos su mercado y haremos una lluvia de ideas hasta que tengamos los mensajes clave de su marca y los perfiles de clientes objetivo.
  • Paso tres: según los mensajes de la marca, nuestros diseñadores crearán su kit de marca (esto incluye el logotipo, las fuentes y la combinación de colores).
  • Paso cuatro: presentaremos al menos cuatro opciones de diseño, tomaremos sus comentarios y las revisaremos hasta que esté satisfecho.
  • Paso cinco: Finalizaremos el diseño y enviaremos las plantillas que puede usar para promocionar su marca, todo dentro de un mes después de nuestra primera reunión.

El diseño de su logotipo es la imagen de su empresa, el rostro público que constituye el núcleo de cualquier identidad de marca corporativa exitosa. La calidad y la profesionalidad del diseño de su logotipo tienen un efecto directo en la forma en que se percibe su organización.

Un logotipo hábilmente diseñado puede convertirse en un activo extremadamente valioso que distingue los productos y servicios de su empresa de la competencia. Una imagen corporativa profesional, anclada con un diseño de logotipo de alta calidad consolidará el reconocimiento de la marca y forjará su nicho en el mercado.

Sí, esto es exactamente lo que hacemos. Brindamos servicios de diseño de logotipos personalizados basados ​​en el perfil de su empresa, ideas de diseño y preferencias de estilo. Podemos crear un logotipo personalizado basado en su idea y / o proporcionar nuestros propios conceptos únicos.

Hay una gran diferencia entre una imagen corporativa y una ilustración. Las imágenes corporativas son muy simples, lo que las hace únicas, memorables y altamente reconocibles desde cualquier distancia y en cualquier tamaño. Las ilustraciones tienden a estar en un lado pesado de detalles, con multitud de colores, sombras y detalles de imagen.

Las ilustraciones son generalmente una obra de arte muy complicada que pierde su calidad cuando se reduce su tamaño. Las imágenes muy ocupadas como estas son difíciles de leer y reconocer.

Su logo debe:

  • Refleja los valores de marca de tu producto o servicio
  • Diferenciarte de tus competidores
  • Ser estéticamente agradable
  • Obtenga reconocimiento rápidamente
  • Sé único y construido desde cero solo para ti
  • Impulsa tus ventas

Durante nuestra reunión inicial de logotipos, primero comenzamos discutiendo las ideas del cliente, el mercado objetivo y los usos de este logotipo. Luego solicitamos muestras de logotipos existentes que le gusten o no le gusten al cliente para tener una idea de su gusto.

A veces el cliente ya tiene un concepto de diseño en mente. Otras veces, no tienen idea de lo que quieren. De cualquier manera, nos aseguramos de haber recopilado suficiente información antes de comenzar a trabajar.

Nuestro servicio de diseño de logotipos es muy sencillo. Si desea ver conceptos adicionales después de nuestras tres ideas iniciales o si necesita un par de diseños de logotipos para varias compañías, nuestro servicio puede tener un precio según sus necesidades.

Muchos de nuestros clientes no están seguros de lo que quieren o de lo que causará mejores impresiones. Danos tanta información como puedas sobre lo que te gusta en el formulario de pedido. O bien, puede decirnos "que lo hagamos" y hacemos nuestras mejores estimaciones de lo que puede necesitar.

En la mayoría de los casos, nos llevaría de 5 a 10 días hábiles enviarle la primera fase del diseño del logotipo de borrador. Si no recibe noticias nuestras dentro de este período, contáctenos.

Una vez que se completa la primera fase, esperamos comentarios. Luego usaremos estos comentarios para llegar a la segunda fase del diseño del logotipo (si es necesario). Por lo general, nuestros clientes están satisfechos con los diseños iniciales. Muchos obtienen su logotipo final en esta fase.

A través del proceso de admisión, intentamos alinearnos con la dirección deseada para el logotipo y ofrecer conceptos únicos y de calidad para su consideración.

Esperamos que haya un concepto de la presentación que al menos le guste lo suficiente como para avanzar a través de nuestro proceso de revisión para llegar exactamente a donde lo desea. Creativa.dev ofrece revisiones ilimitadas a su concepto seleccionado como una representación de nuestro compromiso de entregar un diseño final que le encante.

Tu.

Marketing Digital

¿Estás listo para impulsar tu negocio pero no encuentras la respuesta que estás buscando? Echa un comentario a nuestras preguntas frecuentes.

Brindamos asistencia con el SEO en la página, incluidas las meta descripciones, el análisis de palabras clave, la creación de backlinks y el SEO fuera de la página, como las estrategias de creación de enlaces.

El contenido debe estar escrito y formado de tal manera que los rastreadores web pueden analizarlo y convertirlo en resultados de motores de búsqueda. Un buen diseño implica un código de carga rápida y un diseño de página claro que ayuda a que su página funcione mejor. Esto, a su vez, aumenta aún más su clasificación.

Si bien no hay garantías de alcanzar un cierto ranking, la inversión que realiza para optimizar su contenido nunca es una pérdida de tiempo. Un buen posicionamiento web para descubrir su sitio web. No te preocupes, podemos ayudarte.

El rendimiento de una estrategia PPC se reduce a elegir las palabras clave adecuadas. ¡No desea pagar por los clics de clientes potenciales no calificados! Podemos ayudarlo a desarrollar una estrategia que maximice su inversión publicitaria en palabras clave que traigan a sus personas objetivo a su sitio

Absolutamente Asistiremos con la investigación necesaria para identificar frases de palabras clave de cola corta y larga que arrojarán resultados.

Si aún no ha estado usando PPC, nos complace ayudarlo a comenzar. Si ya lo está utilizando, podemos proporcionarle información sobre cómo maximizar su eficiencia.

A menudo, la oferta de palabras clave demasiado amplia o poco relevante para su audiencia es la razón por la que gasta demasiado. Podemos ayudarlo a elegir las palabras clave óptimas para sus estrategias.

Cuando se hace bien, el marketing en redes sociales puede generar mucho más tráfico en su sitio web. Sin embargo, las personas que visitan su sitio web a través de las redes sociales a menudo tienen expectativas diferentes a las de la búsqueda de Google. Podemos ayudarlo a mapear sus canales digitales para optimizar las conversaciones.

Solo comuníquese con nosotros con su presupuesto público, su lista actual de palabras clave y sus objetivos de clics, ¡y lo analizaremos!