Categorías
Blog

El front-end o << desrrollo del lado del cliente>>: se refiere a la práctica de producir HTML, CSS, JavaScript. Estos tres elementos se envargan de dar forma a la parte frontal de un sitio web o app. Esto incluye los fondos, colores, texto, animaciones o efectos.

Backk-end: Es el encargado de procesar tola la información que alimenta a un front-end. Se compone de marcos , bases de datos o códigos. Para que su sitio web o app opere efectivamente, se requiere mucha información y datos que se almacenan, el usuario no puede ver o acceder a esta información.

Para que sirve el Front-end

El Front-end sirve para realizar la interfaz de un sitio web, desde su estructura hasta los estilos, como pueden ser la definison de los colores, texturas , tipografías, secciones, entre otros. Su uso determunante para que el usuario tenga buena experiencia dentro del sitio o app.

Elementos del Front-end

  1. Estructura de navegación: Este elemento se refiere al orden en que se organizan las diferentes páginas de un sitio web y  a los componentes que se vinculan entre sí para realizar diferentes funciones dentro del sitio
  2. Layout: También nombrado como diseño de págin, se refiere a todos los componentesde la página web, por ejemplo, ubicación del munú, botones, footer; todo lo necesario para que un sitio sea útil y facil de navegar.
  3. Contenido web: Todo aquello que brinde información relevante o interesante para los usuarios. Es importante destacas que el contenido no tiene que ser necesariamente texto, puede incluir sonido o materiales interactivos.
  4. Imagenes: Todos los recursos visuales ayudan a aumentar el interés de los usuarios. Esto también puede incluir video, animaciones, mapas, gráficas, infografías, etc…
  5. Logotipo: Para que un sitio web tenga mayor identidad es vital que contenga el logotipo que represente a la marca o empresa.
  6. Diseño gráfico: Este elemento engloba todo lo relacionado con cómo se ve el sitio web y su apariencia: colores, formas, tipografías, tamaños, etc.
82452919 9906021

Ejemplos de aplicación del front-end

Como ya lo mencionamos, el frontend son todos los elementos y componentes visibles par los usuarios como, CSS, HTML y  JavaScript.

  1. Optimización de motores de busqueda (SEO)
  2. Accesibilidad (reconocimineto de voz, conversación de texto a voz)
  3. Funcionalidad en todos los navegadores y tamaños de pantalla (computadoras de escritorio, teléfonos móviles y tablets).
  4. Velocidad ( cuanto más rápido cargue el sitio, mejor)
  5. Rendimiento del sitio web por medio de la limpieza del cófigo.
✌️

Para que sirve el Back-end

Son todos los códigos ocultos que sirven para que una página web o app funcione correctamente. De su estructura y organización depende la experiencia de usuario. El backend se encarga de optimizar otros elementos y recursos como la seguridad y privacidad en un sitio web o app.

Elementos del backend

  1. El backend se constituye por lenguajes de programación como PHP, Python y C++ y frameworks.
  2. Los servidores controlan cómo los usuarios accedan a los archivos.
  3. Las bases de datos son colecciones de datos organizadas y estructuras.
  4. La seguridad es unoo de los elementos más importntes dentro de un sitio web, Esto incluye evitar, en lo posible, ciberataques.

Ejemplos de aplicación del backend

Algunos ejemplos para terminar de comprender:

  1. Inicio de sesión: Cuando una persona accede a un sitio web o app ultiliza un correo electrónico y contraseña, esta informacion es valida y resguardada por el servidor.
  2. Carrito de compras: Este elemento permite la compra de productos en línea y sirve para faciliar la selección de diferentes productos o servicios que algún usuario desee comprar.
  3. Cookies: Muchos sitios utilizan cookies para realizar un seguimientode aquello que los usuarios vieron anteriormente.
  4. CMS: Un sistema de gestión de contenido permite al propietrio de un sitio web actualizar la información sin tener que modificar el código HTML.
  5. Formularios de contacto: Si un visitante del sitio web se enteresa por recibir más información o ponerse en contacto, se debe contar conun elemento que sea capaz de vincular al usuario con la empresa.
✌️

Diferencias entre Frontend y Backend

frontendbackend

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *