alex7320 / practicajavascript

Página web implementado JavaScript

Página web implementado JavaScript

Se ha desarrollado la página con fines educativos. Se ha enfocado el uso de los eventos, acciones, y el DOM solamente con JavaScript. (Se actualizaron las imagenes referenciales)

Indice

• Entorno de desarrollo
• Datos utilizados
• Previsualización
• Consideración
• Versión

Entorno de desarrollo

• HTML5
• JavaScript
• CSS
• Boostrap 5

Datos utilizados

// LOS PRODUCTOS REGISTRADOS
productos_html = {

    1: {
        "id": 1,
        "name": "EcoSync X22 Ultra", "marca": "EcoSync",
        "price": 5219.5,
        "image": "img_1.png",
        "id_chk": "producto_1", "for_chk": "producto_1",
        "video": "https://www.youtube.com/embed/Mkl7TuvBDb0",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."

    },


    2: {
        "id": 2,
        "name": "EcoSync E52S", "marca": "EcoSync",
        "price": 1759.5,
        "image": "img_2.png",
        "id_chk": "producto_2", "for_chk": "producto_2",
        "video": "https://www.youtube.com/embed/nhHcYjl7sCE",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
    },

    3: {
        "id": 3,
        "name": "EcoSync T22 64GB", "marca": "EcoSync",
        "price": 839,
        "image": "img_3.png",
        "id_chk": "producto_3", "for_chk": "producto_3",
        "video": "https://www.youtube.com/embed/KWOT9Wvucn4",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
    },

    4: {
        "id": 4,
        "name": "NovascX Note 11E", "marca": "NovascX",
        "price": 1259,
        "image": "img_4.png",
        "id_chk": "producto_4", "for_chk": "producto_4",
        "video": "https://www.youtube.com/embed/Gdz11wEz3S4",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
    },

    5: {
        "id": 5,
        "name": "NovascX Note 10U", "marca": "NovascX",
        "price": 1119,
        "image": "img_5.png",
        "id_chk": "producto_5", "for_chk": "producto_5",
        "video": "https://www.youtube.com/embed/7qnicWeA_pI",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
    },

    6: {
        "id": 6,
        "name": "NovascX 11YE", "marca": "NovascX",
        "price": 2589.5,
        "image": "img_6.png",
        "id_chk": "producto_6", "for_chk": "producto_6",
        "video": "https://www.youtube.com/embed/wfz9W6wGFlc",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
    },


    7: {
        "id": 7,
        "name": "PulsetTech GTX Master Full", "marca": "PulsetTech",
        "price": 1949,
        "image": "img_7.png",
        "id_chk": "producto_7", "for_chk": "producto_7",
        "video": "https://www.youtube.com/embed/kTOWWS1yZ_g",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."
    },

    8: {
        "id": 8,
        "name": "PulsetTech C26E", "marca": "PulsetTech",
        "price": 579,
        "image": "img_8.png",
        "id_chk": "producto_8", "for_chk": "producto_8",
        "video": "https://www.youtube.com/embed/EASx4Ev4XcA",
        "description": "Review de ejemplo. Los teléfonos celulares, también conocidos como smartphones, son dispositivos electrónicos portátiles diseñados para la comunicación móvil. A lo largo de los años, han evolucionado considerablemente en términos de tecnología y funcionalidad."

    }

}

Previsualización

Se ha desplegado el proyecto en GitHub https://alex7320.github.io/PracticaJavaScript

Consideración

Imagenes extraídas de https://lexica.art

Se ha incrustado los vídeos de Isa Marcial https://www.youtube.com/IsaMarcial

Versión

• Versión 1.1: Correción de pantalla principal.
• Versión 1.2: Se quito numeración de listado de compras.
• Versión 1.3: Corección de vinculos.