Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Lenguajes de Programación para Páginas Web

    Cargado por

    fabianarmenta1730
    8 vistas3 páginas
    lenguajes de programación

    Título original

    LENGUAJES DE PROGRAMACIÓN PARA PÁGINAS WEB

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    lenguajes de programación

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas3 páginas

    Lenguajes de Programación para Páginas Web

    Cargado por

    fabianarmenta1730
    lenguajes de programación

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    LENGUAJES DE PROGRAMACIÓN PARA PÁGINAS WEB:

    ### 5 principales lenguajes para crear páginas web:

    1. **HTML (HyperText Markup Language)**


    - **Características:** Utilizado para crear la estructura básica de una página web, define el
    contenido y la jerarquía.
    - **Ejemplo:** `<html><head><title>Título de la página</title></head><body><h1>Encabezado</
    h1><p>Este es un párrafo.</p></body></html>`
    - **Donde se usan:** En todas las páginas web, ya que es fundamental.

    2. **CSS (Cascading Style Sheets)**


    - **Características:** Define la presentación y el estilo de la página web, como colores, fuentes y
    diseño.
    - **Ejemplo:** `body { background-color: lightblue; }`
    - **Donde se usan:** En todas las páginas web para mejorar su apariencia.

    3. **JavaScript**
    - **Características:** Permite la interactividad en las páginas web, como animaciones, validación
    de formularios y actualización dinámica del contenido.
    - **Ejemplo:** `document.getElementById("demo").innerHTML = "¡Hola, mundo!";`
    - **Donde se usan:** En aplicaciones web interactivas y dinámicas.

    4. **PHP (Hypertext Preprocessor)**


    - **Características:** Un lenguaje de programación del lado del servidor utilizado para crear
    páginas web dinámicas.
    - **Ejemplo:** `<?php echo "Hola, mundo!"; ?>`
    - **Donde se usan:** En sitios web que requieren funcionalidades del lado del servidor, como
    foros, blogs y tiendas en línea.

    5. **Python**
    - **Características:** Versátil y fácil de aprender, se utiliza para desarrollo web, análisis de datos,
    inteligencia artificial, entre otros.
    - **Ejemplo:** `print("¡Hola, mundo!")`
    - **Donde se usan:** En el desarrollo web, enmarcado en frameworks como Django o Flask.

    ### Frameworks:

    - **Bootstrap**
    - **Descripción:** Framework de front-end que facilita el diseño web responsive y la creación de
    interfaces de usuario.
    - **Ejemplo de uso:** `<!DOCTYPE html><html><head><link rel="stylesheet" href="https://
    maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"></head><body><div
    class="container"><h2>Titulo</h2><p>Texto de ejemplo</p></div></body></html>`
    - **Aplicación:** Muy utilizado para crear páginas web que se adaptan a diferentes dispositivos.

    - **React**
    - **Descripción:** Biblioteca de JavaScript para construir interfaces de usuario interactivas.
    - **Ejemplo de uso:** `import React from 'react';`
    - **Aplicación:** Ideal para crear aplicaciones web de una sola página (SPA) y componentes
    reutilizables.

    - **Django**
    - **Descripción:** Framework de alto nivel para el desarrollo rápido de aplicaciones web seguras y
    escalables en Python.
    - **Ejemplo de uso:** `python manage.py runserver`
    - **Aplicación:** Utilizado para crear aplicaciones web complejas y sitios de alto tráfico.

    ### Backend y Frontend:

    - **Backend:** Es la parte de una aplicación web que no es visible para los usuarios finales. Se
    encarga de procesar la lógica de la aplicación, interactuar con la base de datos y enviar la
    información al frontend.
    - **Frontend:** Es la parte de una aplicación web que interactúa con los usuarios finales. Se
    encarga de mostrar la interfaz de usuario, recibir información del usuario y enviarla al backend para
    su procesamiento.

    ### Diferencias entre HTML y CSS:

    - **HTML (HyperText Markup Language):** Se utiliza para crear la estructura y el contenido de una
    página web, utilizando etiquetas para definir elementos como encabezados, párrafos, imágenes,
    etc.
    - **CSS (Cascading Style Sheets):** Se utiliza para dar estilo y diseño a una página web,
    controlando aspectos como colores, fuentes, márgenes y diseños de página.

    Ejemplo de diferencia:

    HTML define la estructura y el contenido:


    ```html
    <!DOCTYPE html>
    <html>
    <head>
    <title>Ejemplo</title>
    </head>
    <body>
    <h1>Título</h1>
    <p>Este es un párrafo.</p>
    </body>
    </html>
    ```

    CSS define el estilo y el diseño:

    ```css
    body {
    background-color: lightblue;
    font-family: Arial, sans-serif;
    }

    h1 {
    color: blue;
    }
    ```

    También podría gustarte