172

¿Cómo aprender arquitectura frontend?

212516Puntos

hace 3 años

Una Arquitecta Frontend conoce todas las tecnologías para desarrollar el frontend de una página web. Conoce las mejores herramientas y tecnologías web para comunicarse con los usuarios y atender todas sus solicitudes.

¿Conoces qué es frontend y backend?

Lo primero que debes aprender para convertirte en arquitecta frontend es HTML, CSS y JavaScript:

  • HTML construye la estructura y contenido de un sitio web (títulos, párrafos, enlaces, imágenes, videos).
  • CSS: define los estilos, colores, posición y animaciones para cada elemento en HTML.
  • JavaScript: te permite crear interacciones personalizadas con los usuarios, recibir sus solicitudes y entregarles inmediatamente el nuevo contenido que están buscando.

Estas 3 tecnologías son los fundamentos del desarrollo web. Pero existen herramientas especializadas para construir aplicaciones mucho más complejas de forma mucho más fácil:

  • Librerías: son bloques de código que cumplen una función en concreto, con ellas puedes solucionar problemas muy específicos.
  • Frameworks: son herramientas todo en uno, suelen imponer una forma de programar muy estricta, pero te permiten solucionar casi cualquier problema de tu aplicación web muy fácilmente.

Si quieres estudiar a más profundidad sobre el ecosistema de librerías y frameworks de JavaScript, puedes tomar el Curso de Frameworks y Librerías de JavaScript.

Todas estas tecnologías hacen parte del desarrollo frontend. Pero una arquitecta frontend profesional (y altamente competente en el 2021) también debe entender el desarrollo backend. Así no sea tu enfoque principal, aprender backend con Node.js te convertirá en una mejor frontend developer.

  • Backend: es la parte de un sitio web que no pueden ver los usuarios, donde interactuamos con las bases de datos para procesar, guardar y encontrar la información del negocio.
  • Node.js: es JavaScript para desarrollar en el lado del backend, tiene muchas ventajas para interactuar con el frontend desde el servidor (porque comparte JavaScript tanto en el frontend como en el backend).

Al extender tu área de conocimientos aprendiendo backend con Node.js (en realidad, cualquier lenguaje de backend) serás una mejor frontend. Obtendrás un entendimiento profundo de cómo mejorar tus productos y entregar mejores experiencias a tus usuarios.

¿Qué es Clean Architecture?

Por qué aprender arquitectura frontend

  • Oportunidades laborales

Aprender desarrollo frontend tiene muchos beneficios. Para empezar, es el trabajo con la mejor relación entre demanda laboral y curva de aprendizaje. Es un trabajo muy requerido, el mundo necesita más frontend developers, pero también es una labor fácil de aprender.

Pero ¿y luego? Yo te recomiendo dos cosas:

  • Crecimiento profesional hacia la expertiz

Sigue aprendiendo especializándote y estudiando a bastante profundidad sobre arquitectura frontend. En vez de dominar una sola herramienta, comprende el ecosistema completo de herramientas en JavaScript. Y no solo domines una o varias tecnologías, también aprende a identificar cuándo es mejor cada una.

  • Crecimiento profesional hacia la intersección de carreras

Complementa tu ruta de aprendizaje con estudios de otras carreras. Diseño interactivo, diseño de experiencias de usuario, desarrollo backend, escritura online, análisis de datos, marketing y publicidad digital, creación de contenido audiovisual.

Toda carrera tiene su área de impacto, pero combinar tus habilidades en múltiples carreras, lo que llamamos intersección de conocimiento, te convertirá en un perfil profesional imparable.

¿Qué te detiene de aprender arquitectura frontend?

Es normal tener dudas. En Platzi estamos comprometidos a llevarte de la mano por todas las etapas en tu proceso de aprendizaje. Por eso queremos animarte a tomar la Escuela de Desarrollo Web. Es un paso de confianza en ti y toda nuestra comunidad. Creemos en ti.

  • "Pero yo solo quiero aprender frontend"*

Es completamente válido especializarte en desarrollo web frontend. Además de interactuar con los usuarios, también debes comunicarte con el backend para obtener la información y solicitudes de tus usuarios sin crear errores de seguridad.

Para esto usamos protocolos de transmisión de datos como las APIs REST o GraphQL. Siguiendo la Escuela de Desarrollo Web conocerás todas estas herramientas y podrás convertirte en la mejor frontend developer. 💪

Si quieres profundizar en la arquitectura Frontend, la carrera de desarrollo web que tiene Platzi es para ti.

Próximos pasos para convertirte en arquitecta frontend

¿Cómo te parece este cambio? ¿Crees que ayudará en tu camino para convertirte en una profesional del desarrollo web?

Recuerda que puedes enviar un correo a [email protected] para resolver cualquier duda con respecto a tu ruta de aprendizaje profesional en Platzi.

#NuncaParesDeAprender

Juan
Juan
juandc

212516Puntos

hace 3 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
19
19423Puntos

No faltaba mucho para terminar la escuela de Arquitectura Frontend, pero el destino se empeña en llevarme a Full Stack. 😁

4
24249Puntos
3 años

Jajaja somos dos, Aunque siempre tuve la curiosidad de aprender también la parte del servidor. Creo que ha llegado el momento de comenzar. 🤓💪🏽

3
18958Puntos
3 años

Estamos iguales. Aunque la vida me esta obligando a aprender Laravel especificamente

7
100989Puntos

Me quedaban pocos cursos para terminar la ruta de Arquitectura Frontend. Pero cuando vi que la Escuela de Desarrollo Web es mucho más completa, decidí irme por esa ruta, ya que la verdad sí deseo aprender tanto de Frontend como de Backend.

3
314Puntos
3 años

Algo así me pasa. Estoy trabajando php, pero también me interesa manejar herramientas de Front.

3
1037Puntos

Yo apenas empiezo esta gran carrera y tengo muchas dudas sobre cómo empezar y mejorar en HTML y CSS, pero no me quiero apresurar. Prefiero ir con calma y ver cada curso de la Escuela de Desarrollo Web y dependiendo de cómo me vaya hacer preguntas más específicas y tips o tutoriales para estos Basics para ser Arq. Frontend. Muy buen post, muchas gracias 😃

1
1037Puntos
3 años

Apenas voy a mitad del Curso Definitivo de HTML y CSS y solo he hecho las prácticas del Curso, me gustarían consejos y tutoriales de cómo aprender mejor HTML y CSS. Cualquier comentario de ese tipo es bienvenido 😄

5
10800Puntos
3 años

Hola Jose!
te recomiendo una pagina llamada Frontend Mentor allí encontraras un sin fin de retos para desarrolladores Frontend desde nivel básico hasta niveles ya avanzados , en lo personal es una pagina que me a ayudado bastante ,ya que en cada reto que hago aprendo algo nuevo y practico cosas que de pronto ya se me estaban olvidando etc.
Espero sea de tu agrado ,saludos✌😁

1
5282Puntos
3 años

Gracias marlong_3 por la página, que útil!

3
69010Puntos

Tiene mucha lógica el haber unificado la ruta con la escuela, ahora las personas que completemos la escuela estaremos muy calificados para trabajar como Frontend en cualquier compañía.

2
23686Puntos

Siempre le he tenido como “miedo” al frontend. No me siento muy fortalecido en capacidades para brindar interacciones con el usuario acertadas

2
1037Puntos
3 años

Me siento igual, pero creo que es cuestión de práctica, aunque apenas esté empezando intento ir con calma porque ver los aportes y sentir que son súper avanzados me hacen sentir como que debo llegar a ese nivel al tiro. Pero no debe ser así, el aprendizaje es un proceso y debo evitar ese tipo de sentimientos. La práctica hace al Maestro 😃

2
22848Puntos

Apenas entrando en el mundo de desarrollo web me está gustando la parte de frontend!

2
13985Puntos

yo termine la ruta de Arq. Frontend y no veo nada claro JavaScript a como lo veo con CSS y HTML repetí cursos de básico y fundamentos de JS y aun así sigo sin entender como aplicar JS, me la pase viendo la consola pero no el resultado final en paginas web y como aplicarlo, claro que también yo puedo equivocarme y no haberme dado cuenta del como aplicarlo pero al menos con esa sensación me quede al terminar toda la ruta, creo que falta algún curso practico o actualizar algunos, si alguien pudiera orientarme o tal vez decirme de algún curso que yo este omitiendo de JS practico se los agradecería.

9
212516Puntos
3 años

¡No te preocupes, Hugo! Tu feedback es completamente valido si (como en este caso) lo explicamos con respecto y ánimos de mejorar (lo hiciste muy bien). 👏

Y… sí, tienes toda la razón, hace falta un curso “puente” con contenido intermedio entre algunos cursos de JavaScript. 😱

La buena noticia es que ya lo empezamos a preparar. Muy pronto (dentro de casi nada) podrás tomarlo para resolver todas las dudas que tenías. 🔥

1
12525Puntos
3 años

Yo estoy en la Escuela de Java Script apenas tomé el primer curso pero se ve que va a estar muy interersante porque al final hay que entregar un proyecto que vamos a estar desarrollando desde el principio y así te das cuenta como aplicar lo aprendido y lo mejor es full stack

2
8372Puntos

Gracias por la explicación de ¿por qué estudiar Arquitectura Frontend.

2
17270Puntos

Súper útil, Juan David. Yo trabajo actualmente en el campo de la UX pero necesito aprender más sobre la parte tecnológica y de desarrollo, que es la parte que menos domino, para poder seguir avanzando en mi carrera. Este artículo me resulto muy útil para saber por dónde empezar y a saber las diferentes herramientas que usan los frontenders de mi empresa, gracias!

2
55802Puntos

Ya no va a haber ruta de arquitectura frontend??, queria ganarme mi diploma de toda la carrera 😦

2
10576Puntos

Entonces directamente empiezo por la Escuela de Desarrollo web

2
54435Puntos

Yo ya estoy en el avanzado de esa carrera y pensé oye pero desarrollo web se ve como más completo, entonces si vi esa posibilidad… de hacer todos los cursos de desarrollo web asi que por mi estupendo.

2
48928Puntos

Me encanta. 😄 Gracias Juan David por compartirnos ésto. 😄

1
1440Puntos

El arquitecto front-end es al que comúnmente se le conoce en los perfiles de búsqueda de empleo se le conoce como maquetador web,¿no?

1
6612Puntos

Interesante post no sabía que existía una carrera de desarrollo FrontEnd

1
41633Puntos

Entiendo bastante la idea de fusionar ambas cosas, pero creo aún así una escuela de front-end es necesario al menos para desarrollar las especificaciones del front-end (ui/ux también) y no solo ir como full stack.

1
23236Puntos

Totalmente de acuerdo en esta fusión, la mejor forma de trabajar en equipo es tener al menos una idea básica de la función que realizan los otros para evitar retrabajos y generar sinergia.
Si no sé nada de programación ¿iniciar con la escuela de desarrollo Web es mi mejor opción en Platzi? ¿qué me recomiendan?

2
212516Puntos
3 años

¡Sí! La Escuela de Desarrollo Web va completamente desde cero. 😄