Backend & Frontend

¿Qué es Frontend? Es la sección de desarrollo que se encarga del diseño visual de la página de cara al usuario, su objetivo es entregar una buena experiencia. Usan varios lenguajes con el fin de que la pagina sea dinámica y agradable gráficamente. Esta imagen se recupero de: https://ibermega.com/wp-content/uploads/2017/08/frontend-en-el-dise%C3%B1o-web.jpg ¿Qué es Backend? Backend es la sección en programación que se encarga de los procesos lógicos estructurados y acceso a datos; es la capa con la lógica de negocio de una aplicación. Esta sección es trasparente para el usuario y su funcionamiento será inherente siempre y cuando cumpla con las funcionalidades exigidas. Existen lenguajes de programación cómo Ruby, Java, C#, Python y PHP. Algunas de las funciones básicas de un desarrollador de backend son: -Empalmar bases de datos con la página. -Desarrollo de procesos y simplificación del código. -Uso de librerías y servidores. Refere...

Casade Style Sheet, por sus siglas CSS, es un lenguaje que permite crear diseños a elementos HTML. Una de sus funciones es la separación del diseño y el contenido del sitio web, para lo anterior se utilizan hojas de estilo externas, en su contenido no puede haber elementos HTML, solo definiciones CSS. Las hojas de texto son archivos de texto escritos secuencialmente de arriba a abajo. Otorga características que permiten dar flexibilidad al sitio web, aplicar estilos a los elementos del sitio web y su sintaxis es muy simple. CSS es el encargado de proveer al sitio web el entorno gráfico y HTML fue diseñado para definir el contenido. Recuperada de:  https://medium.com/level-up-web/the-ultimate-guide-to-css-103b0f883de3

Los estilos al ser aplicados en el código HTML son independientes, de ser necesaria una modificación debe hacerse sobre cada etiqueta de formato del código y cada página. Las hojas de estilo CSS, al ser externas, permiten la modificación sobre estás y que el cambio sea instantáneo sobre todo el sitio. Su sintaxis, al ser en forma de cascada, permite agrupar porciones de código en estilos y reducir la duplicidad. Su aplicación en el sitio web da dinamismo e homogeneidad. Recuperada de  https://blog.frogslayer.com/flexible-css-with-bem-methodology/

CSS al ser un lenguaje legitimo en el desarrollo de sitios web, también creo la necesidad de estandarizar su forma de desarrollo. La homologación de conceptos, buenas prácticas y criterios en la etapa de desarrollo es fundamental para un proyecto. Los framework más utilizados en CSS son Bootstrap,   Tailwind CSS, Bulma,   Semantic UI, entre otros. Cada uno de ellos ofrece una solución para cada tipo de problema con conjunto de herramientas para facilitar su desarrollo. Recuperada de  https://shivaywebsolution.com/blog/frameworks/top-css-framework-in-2018-for-website-design/

El desarrollo de formularios con CSS permite aplicar estilos homogéneos a cada elemento que compone un formulario. Existen propiedades que se aplican globalmente como tamaño-absoluto y tamaño-relativo. Otras propiedades orientadas al manejo de componentes específicos como tipo de letra, texto, bordes, margen exterior e interior, fondos, listas, tablas, posicionamiento, interfaces de usuario, pseudo-elementos, entre otros. En el desarrollo gráfico del sitio web se debe ser muy cuidadoso en el orden en el que las propiedades son configuradas, puesto que si el navegador no puede procesarlas no las aplicará al sitio web. Recuperada de  http://facturacionweb.site/blog/formularios-contacto-html5-gratis/

CSS posee propiedades importantes en el manejo del posicionamiento de los elementos en el sitio web. Propiedades como “position” para declarar el modo posicionamiento y “float” para declarar el modo de posicionamiento flotante. En direccionamiento se utilizan las propiedades top, right, bottom y left las cuales dan un posicionamiento con eje a los bordes. Recuperada de  https://uniwebsidad.com/libros/css/capitulo-5/posicionamiento-absoluto

En el manejo de texto se utilizan propiedades como “color” para elegir el color, “direction” en la configuración de la dirección del texto y letter-spacing para configurar el espacio entre líneas. Otras propiedades: text-align, text-indent, text-shadow. Para el manejo del tipo de letra hay propiedades como “Font” la cual permite establecer configuraciones relacionadas al tipo de letra; adicional hay otras propiedades para el diseño como: “Font-family” tipo de letra, “Font-size” tamaño, “Font-weight” grosor del trazo, “Font-style” cursiva, entre otros. Recuperada de  https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/CSS_basics

¿Que es Backend? Backend es aquella que se encarga de la parte de desarrollo web, de los procesos lógicos estructurados, manejan varios lenguajes de programación como lo son Ruby, Java, C#, Python y PHP, este sistema de códigos y bases de datos se suben a un servidor físico o en la nube con el fin de publicar estos procesos y con ayuda del frontend mostrar o ejecutar los procesos solicitados por el usuario. unas de las funciones básicas de un desarrollador de backend  son: -Empalmar bases de datos con la pagina . -Desarrollo de procesos y simplificación del código. -Uso de librerías y servidores. ¿Que es Frontend? Esta persona es la que se encarga del diseño visual de la pagina, trabajan mas en la parte de insteraccion con el usuario, usan varios lenguajes con el fin de que la pagina sea llamativa. Esta imagen se recupero de: https://ibermega.com/wp-content/uploads/2017/08/frontend-en-el-dise%C3%B1o-web.jpg Referencias: https://simpleprogramm...