Want to make creations as awesome as this one?

Transcript

backend frontend

EMPEZAR

Ariadna Téllez #09Isis Janet#26jesus Yael#41Janali Estefani#23

CSS

CIERRE

SEGURIDAD

HTML

COMUNICACIÓN

BACKEND

JAVASCRPT

HOSTING

HERRAMIENTAS BÁSICAS

DESARROLLO WEB

BASES DE DATOS

FRONTEND

¿que es el desarrolo web?

es un proceso que permite crear y mantener sitios web o aplicaciones web para internet o intranets. Este proceso puede incluir: Codificación, Diseño, Gestión de contenidos, Administración del servidor webEl desarrollo web es fundamental para el éxito de cualquier negocio, ya que puede determinar si un negocio despega o se hunde.

El backend se ejecuta en el servidor, mientras que el front end se ejecuta en el cliente.

backend

es la parte del sitio web que se encarga de la lógica y el procesamiento de datos, y que no se ve en la interfaz visible. Es la columna vertebral de un sitio web, ya que es donde se ejecuta el código que garantiza que todo funcione correctamente y de manera segura.El backend se encarga de: Procesar las solicitudes que envía el usuario al front end Almacenar y recuperar datos de la base de datos Procesar formularios Autenticar usuarios Gestionar la seguridad del sitio Optimizar los recursos para que las páginas sean más ligeras

BASES DE DATOS

es una colección de información que se almacena en un sistema informático, y que puede incluir cualquier tipo de datos como palabras, números, imágenes, videos y archivos. Las bases de datos son herramientas para organizar y recopilar información, y pueden contener datos sobre personas, pedidos, productos u otras cosas.
CARACTERISTICAS

Pueden ser creadas a partir de una lista en un programa de procesamiento de texto o en una hoja de cálculo. Para almacenar, recuperar y editar datos, se puede utilizar un software llamado sistema de gestión de bases de datos (DBMS). Para su diseño e implementación, se pueden seguir diferentes modelos y paradigmas, cada uno con sus propias características, ventajas y dificultades. La información almacenada se puede consultar rápidamente, independientemente de la dificultad de la consulta. Pueden ser seguras si se toman las medidas adecuadas.

La autenticación es un proceso de seguridad que verifica la identidad de un usuario o algo, y que se utiliza para garantizar que solo las personas autorizadas puedan acceder a recursos. En el caso de las aplicaciones web, la autenticación puede realizarse mediante la comprobación de una contraseña, un token de hardware o algún otro dato que demuestre la identidad.
SEGURIDAD Y AUTENTICACIÓN

se encargan de que la interfaz de usuario sea intuitiva y atractiva, y de que el sitio web sea fácil de usar y transmita información de manera clara.

frontend

es la parte visible de un sitio web o aplicación que los usuarios pueden ver e interactuar con ella.El front end incluye elementos visuales como: Botones Casillas de verificación Gráficos Mensajes de texto Fondos Colores Texto Animaciones o efectos

HTML

La estructura básica de una página web en HTML está compuesta por las siguientes etiquetas: <html>: Indica el inicio de la página <head>: Contiene información descriptiva del sitio <body>: Contiene todos los elementos visibles de la página Además, se pueden utilizar otras etiquetas para estructurar la página web, como: <header>: Encabezado <nav>: Menú de navegación <main>: Contenido principal <article>, <section> y <div> Subsecciones del contenido principal <aside>: Barra lateral <footer>: Pie de página <h1>, h2, h3, h4, h5, h6** Niveles de títulos <p>: Párrafos <a>: Enlaces

CSS

CSS permite separar el contenido HTML de su presentación visual. Es decir, te permite mantener el código HTML limpio y estructurado, mientras que el estilo se define en un archivo CSS separado. Este orden mejora la legibilidad del código y facilita el mantenimiento, así como la actualización de los estilos.

JAVASCRIPT

es un lenguaje de programación que se utiliza para crear páginas web interactivas y dinámicas. Su propósito es mejorar la experiencia de los usuarios de un sitio web, mediante la incorporación de características como:Animaciones Mapas interactivos Juegos Eventos que ocurren al presionar botones o al introducir datos en formularios Efectos de estilo dinámicos Menús desplegables Colores de fondo dinámicos

herramientas básicas

Front end HTML, CSS y JavaScript son los lenguajes básicos para el desarrollo de páginas web. HTML establece la estructura, CSS controla el estilo y formato, y JavaScript agrega funcionalidades. Back endLos lenguajes de programación Java, Python y Ruby se utilizan para el desarrollo backend. Otras herramientas para el desarrollo backend son: Django (Python), Ruby on Rails (Ruby), Laravel (PHP), y Express.js (JavaScript) MySQL, PostgreSQL, MongoDB y SQLite, son algunas bases de datos populares Apache, Nginx y Microsoft IIS, son servidores web Docker, es un contenedor Kubernetes, es una herramienta de orquestación Visual Studio Code, IntelliJ IDEA o PyCharm, son IDEs (Integrated Development Environments)

COMUNICACION BACKEND Y FRONTEND

El frontend y el backend se comunican a través de solicitudes HTTP, como GET, POST, PUT y DELETE, para interactuar con el backend. El frontend es la parte de una aplicación que los usuarios ven y que incluye elementos visuales como botones, casillas de verificación, gráficos y mensajes de texto. El backend es la infraestructura y los datos que permiten que la aplicación funcione

DESPLIEGUE Y HOSTING

El hosting o alojamiento web es un servicio que permite almacenar y publicar sitios web y aplicaciones en internet. Para ello, el hosting proporciona un espacio en un servidor físico, donde se almacenan los archivos y datos necesarios para que el sitio web funcione correctamente. Algunas opiniones sobre servicios de hosting son: Hostinger: Un usuario comenta que Hostinger es un servicio de hosting económico, con una interfaz de usuario fácil de usar y un soporte amigable. Kinsta: Un servicio de hosting administrado y optimizado para WordPress. HostArmada: Un servicio de hosting con un firewall de red y WAF impulsado por IA. InMotion Hosting: Un servicio de hosting con buena seguridad y asistencia en general. A2 Hosting: Un servicio de hosting con un sólido historial de seguridad

GRACIAS POR LEER!!!