Frontend & Backend

Entradas

Entradas recientes

ETIQUETAS

Las etiquetas o tags, son el concepto con el que está basado todo HTML y que me ayudan a comunicarme con el navegador, que será el que el interpretará el documento. Las etiquetas son los comandos con los que estructuro mi información, fragmentos de texto con unas funciones específicas, como título, subtítulo y párrafos. No solo me sirven para organizar la información, también son la forma en la que los navegadores encuentran la misma. La característica principal de las etiquetas es que van dentro de los caracteres menor que, y mayor que (<>), para las etiquetas de cierre, solo debe agregarse una barra inclinada y después la información de la misma (</>). Es importante saber que toda etiqueta que se abre también deber ser cerrada. tomada de: https://fernandoarciniega.com/tipos-de-capas-de-html-5/ Las etiquetas también tienen atributos que se usan para definir el color de algún texto o fondo, la forma, la ubicación de una imagen, entre otras. Las etiquetas son

TABLAS

Las tablas, son la forma en la que organizamos una información por celdas y columnas. HTML también tiene la opción de crear tablas y son de los elementos más potentes que tiene. Las tablas en HTML son un grupo de filas donde cada una contiene un grupo de celdas, esto implica que haya una diferencia en su comportamiento y composición. Durante un largo tiempo las tablas se han usado para maquetar las paginas web. Las tablas en HTML ofrecen una serie de atributos con los que se puede modificar la tabla como, agregarle color, poner visible o invisible las líneas, entre otras. Las tablas también requieren de unas características principales, que son, (<TABLE>, </TABLE>) la cual representa el contenedor principal. (<TR>, </TR>) Con estas represento las filas que contendrán las celdas. (<TD>, </TD>) y estas etiquetas representan las celdas. Cada una de las anteriores etiquetas, son las piezas principales para hacer una tabla en HTML. tomada de:

DIV

DIV o divisiones es una etiqueta especial de HTML que sirve para agrupar contenidos o crear secciones. Se usan como (<div>) para cuando se abre, y (</div>) para cuando se cierra, ambas son necesarias. Sirve para crear una caja en bloque que puede contener texto en línea o en bloque. Unos de sus atributos son (id) y (class) mecanismos para añadirle estructura al documento y que me identifica si va en línea o en bloque. DIV puede usarse con hojas de estilo para adaptar HTML al gusto y necesidad de cada persona. El DIV se maneje como contenedor genérico, lo que significa que no tiene mayor significado. tomada de: https://disenowebakus.net/html-preparado-para-javascript.php

Frontend & Backend

¿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. Referencias:

LAYOUT

Este término es utilizado para nombrar la forma de distribución de los elementos de un diseño. En HTML el layout o maquetación se usa para pasar el diseño de un producto web en un conjunto de archivos (HTML, CCS y JavaScript) para que sean capaces de ser corridos por los navegadores. La maquetación web, puede hacerse fácilmente con los editores gráficos de HTML, esta herramienta nos permite hacer una maquetación web sin escribir ni una sola línea de código En la maquetación se usa el prototipo grafico de un producto, para luego ser pasado a código HTML donde se le incluirá el diseño CSS y la interactividad con JavaScript de ser necesario. Esto con el fin de ser corrido en un navegador correctamente. tomada de: https://www.pensandoenweb.es/pasar-de-psd-a-html-y-css-maquetando-una-web-desde-cero/

JavaScript

https://www.w3schools.com/whatis/img_js.png Es un lenguaje de programación comúnmente utilizado en desarrollo web. Se desarrolló originalmente por Netscape como una forma de agregar elementos dinámicos e interactivos a los sitios web. Aunque JavaScript es influenciado por Java, la sintaxis es similar a C y se basa en ECMAScript, un lenguaje de scripting desarrollado por Sun Microsystems. JavaScript es un lenguaje de scripting client-side, es decir que el código fuente se procesa por el explorador web del cliente en vez de procesarse en el servidor web. Esto significa que las funciones de JavaScript pueden correr después de que se ha cargado una página web sin comunicarse con el servidor. Por ejemplo, una función de JavaScript puede revisar un formulario web antes de ser enviado para asegurarse de que todos los campos requeridos se han llenado. El código de JavaScript puede producir un mensaje de error antes de que cualquier información sea transferida al servidor. Christe