A lo que un usuario ve como parte de la experiencia con el navegador le llamamos el frontend de la web. Para facilitar el desarrollo de esta sección de un proyecto, se han creado herramientas y extensiones como React y Angular, que eliminan muchos de los pasos del JavaScript puro. En este post, analizaremos por qué aprender las bases de frontend es importante para ejecutar proyectos de desarrollo web, incluso si no se utilizan en estas nuevas herramientas.
¿Cuáles son las bases de frontend?
En nuestro post sobre crear un elemento personalizado en frontend te hemos explicado el proceso común para crear un nuevo elemento en un proyecto que sigue la lógica del DOM o Document Object Model. Allí, hemos usado el patrón modelo vista controlador para demostrarte el proceso de creación de un nodo HTML y su control por parte de JavaScript. A este proceso podríamos añadirle la creación de archivos CSS para controlar el estilo de este nodo.
Entonces, cuando hablamos de las bases de frontend nos referimos a esta relación entre archivos HTML, JavaScript y CSS por medio de conceptos, propiedades y métodos del DOM y BOM. Esta relación nos permite construir proyectos dinámicos que reaccionen a la realidad de interacción del usuario web.
Ahora, aprender las bases del desarrollo frontend puede ser excesivamente tedioso, pues estas requieren múltiples pasos. Por ello, librerías y frameworks como React y Angular han simplificado las bases. Estas herramientas son muy populares para la creación de aplicaciones de una sola página (también conocidas como SPA) e, incluso, se extienden más allá del desarrollo web con librerías especiales para aplicaciones móviles.
Teniendo en cuenta el proceso de frontend, los frameworks o librerías de renderizado realmente nos alivian mucho el desarrollo. Gracias a ellas, se facilita el proceso de la creación de un controlador, la renderización de vista, la creación y eliminación de eventos esporádicos, etc. Para ello, mucha de la lógica detrás de las líneas de código también cambia, agilizando los procesos.
Si quieres conocer más sobre React, te invitamos a explorar nuestro blog sobre desarrollo web, en donde encontrarás las bases de esta librería y muchos ejercicios prácticos para empezar con este lenguaje. Por ejemplo, en nuestro post sobre principios básicos de React, te explicamos cuáles son los procesos lógicos que cambian entre las bases del frontend y esta librería. También te recomendamos leer la documentación oficial de React en reactjs.org y la de Angular en angular.io.
A pesar de la existencia de estas nuevas herramientas, aprender las bases de frontend es fundamental para un buen desarrollador web. A continuación, te explicamos por qué.
¿Por qué aprender las bases de frontend?
Aprender las bases de frontend es muy importante para cualquier desarrollador web que quiera enfocarse en el front. Esto se debe a que los lenguajes de programación HTML, CSS y JavaScript son los que elaboran la vista que ve el usuario final.
Entonces, si, por ejemplo, decidimos empezar aprendiendo directamente JSX (el lenguaje unificador de React) no nos enteraríamos de todo este contenido detrás del proyecto que estamos creando. En realidad, desde un JavaScript plano y un HTML podemos hacer miles de cosas y es importante conocer cómo hacerlas.
Desde KeepCoding, consideramos que es fundamental tener unos buenos cimientos en estas bases antes de lanzarnos a explorar formas de facilitar nuestros procesos. Esto nos permitirá crecer como profesionales y tener una flexibilidad laboral mucho más alta que si nos concentramos en frameworks o librerías de renderizado solamente.
¿Te animas a seguir aprendiendo?
Ahora que sabes por qué aprender las bases de frontend, ¡es momento de empezar a aprenderlas! Por ello, te invitamos a ser parte de nuestro Desarrollo Web Full Stack Bootcamp, un espacio de formación intensiva donde aprenderás a dominar muchos aspectos del desarrollo web, entre ellos el frontend con JavaScript, HMTL, CSS y React. ¿Te animas a seguir aprendiendo con nosotros? ¡No te lo pierdas y pide información para empezar a cambiar tu vida!
