Fundamentos del Desarrollo Frontend: Tecnologías y Prácticas Esenciales

Frontend es la parte de un programa o dispositivo a la que un usuario puede acceder directamente. Son todas las tecnologías de diseño y desarrollo web que corren en el navegador y que se encargan de la interactividad con los usuarios.

Un programador Frontend debe saber de código que entienda el navegador (HTML, CSS y JavaScript) para poder usar algunos frameworks o librerías que expanden sus capacidades para crear cualquier tipo de interfaces de usuarios. React, Redux, Angular, Bootstrap, Foundation, LESS, Sass, Stylus y PostCSS son algunos de ellos.

Herramientas que maneja un frontend

Debido a que un frontend es el desarrollador (que puede ser o no Full Stack) que va a manejar las cosas del lado del cliente, las tecnologías con las que va a trabajar son:

• HTML: https://devdocs.io/html/
• CSS: https://devdocs.io/css/ JavaScript: https://devdocs.io/javascript/

Frameworks de CSS para frontend:

• Bootstrap: https://getbootstrap.com/
• Foundation CSS: https://get.foundation/
• Materialize CSS: https://materializecss.com/

Los frameworks de JavaScript para frontend:

• React JS: https://es.reactjs.org/
• Angular JS: https://angular.io/
• Vue JS: https://vuejs.org/

Preprocesadores de CSS:

• Stylus: https://stylus-lang.com/
• SASS: https://sass-lang.com/

Compiladores / empaquetadores de JS:

• BABEL: https://babeljs.io/
• Webpack: https://webpack.js.org/

Aporte creado por: Christian Tambo, Manuel Duarte.