Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 10 vistas

    Joseph Coral - Fase 4

    Cargado por

    LUIS CARLOS ZUÑIGA VILLACORTE

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Joseph Coral - Fase 4

    Cargado por

    LUIS CARLOS ZUÑIGA VILLACORTE
    10 vistas8 páginas

    Título original

    Joseph Coral_Fase 4

    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?

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    10 vistas8 páginas

    Joseph Coral - Fase 4

    Cargado por

    LUIS CARLOS ZUÑIGA VILLACORTE

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 8

    DISEÑO DE SITIOS WEB

    CÓDIGO: 301122

    Fase 2 Implementar.

    Presentado al tutor (a):


    Mario Luis Avila Perez

    Entregado por el (la) estudiante:

    Joseph David Coral Solarte

    Grupo: 301122_16

    UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA - UNAD


    ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍA E INGENIERÍA
    Mayo de 2023
    Ipiales
    INTRODUCCIÓN

    La implementación de Javascript, permite que con los visto en las fases anteriores, se pueda
    crear cierto tipo de aplicaciones web que pueden dar soluciones a las empresas
    OBJETIVOS

    - Aplicar las etiquetas básicas de HTML5 y CSS3 para construir un sitio Web
    - Implementar Javascript como código de soporte para crear aplicaciones
    DESARROLLO DE LA ACTIVIDAD

    Enlaces:
    https://github.com/JosephCoral/DSW-JosephCoral-1391.git

    resonant-cuchufli-0a7a99.netlify.app

    Temas de investigación.

    React

    React es una biblioteca de JavaScript para construir interfaces de usuario interactivas. Utiliza
    un enfoque basado en componentes, lo que permite dividir la interfaz de usuario en
    componentes reutilizables. Con React, se puede construir una aplicación de una sola página
    (Single-Page Application) que se actualiza de forma eficiente en respuesta a los cambios de
    datos.

    Características principales de React:

    • Uso de JSX: una sintaxis que combina HTML y JavaScript.


    • Virtual DOM: una representación liviana del DOM que React utiliza para optimizar las
    actualizaciones en la interfaz de usuario.
    • Componentes reutilizables: permite crear componentes independientes que encapsulan
    su propio estado y lógica.

    Node.js

    Node.js es un entorno de ejecución de JavaScript del lado del servidor. Permite ejecutar
    código JavaScript fuera de un navegador web y construir aplicaciones de red escalables.
    Node.js se basa en el motor de JavaScript V8 de Google Chrome y utiliza un modelo de E/S
    no bloqueante y dirigido por eventos.
    Características principales de Node.js:

    • Arquitectura orientada a eventos: permite manejar múltiples solicitudes de manera


    eficiente sin bloquear el subproceso principal.
    • Sistema de módulos: proporciona un sistema de módulos incorporado que facilita la
    organización y reutilización de código.
    • Amplio ecosistema de paquetes: npm es el administrador de paquetes de Node.js, que
    ofrece una gran cantidad de bibliotecas y herramientas disponibles para utilizar en
    aplicaciones Node.js.

    API REST

    API REST (Representational State Transfer) es un estilo arquitectónico utilizado para diseñar
    servicios web. Se basa en principios y restricciones que promueven la escalabilidad, la
    simplicidad y la interoperabilidad de los sistemas. Las API REST utilizan los métodos HTTP
    (GET, POST, PUT, DELETE) para realizar operaciones en recursos.

    Características principales de API REST:

    • Protocolo HTTP: utiliza los métodos y códigos de estado de HTTP para realizar
    operaciones y proporcionar respuestas.
    • Orientación a recursos: los recursos son objetos o datos accesibles a través de una
    URL única.
    • Sin estado: cada solicitud al servidor contiene toda la información necesaria para
    comprender y procesar la solicitud, sin dependencias de estados anteriores.

    TypeScript

    TypeScript es un superconjunto de JavaScript que agrega tipos estáticos opcionales y


    características adicionales a JavaScript. Proporciona una capa de abstracción que permite un
    desarrollo más sólido, manteniendo la compatibilidad con el ecosistema JavaScript existente.
    Características principales de TypeScript:

    • Tipado estático: permite la especificación de tipos para variables, parámetros de


    función, objetos, etc.
    • Autocompletado y herramientas de desarrollo mejoradas: el compilador TypeScript
    proporciona información de tipo para mejorar la productividad y detección de errores
    temprana.
    • Compilación a JavaScript: el código TypeScript se compila a JavaScript válido, lo que
    permite que se ejecute en cualquier entorno compatible con JavaScript.

    Medidas para mejorar el SEO (Search Engine Optimization):

    • Uso de palabras clave: Investiga y elige palabras clave relevantes para tu sitio web y
    asegúrate de incluirlas de manera natural en el contenido, las etiquetas de
    encabezado, los metadatos y las URL.
    • Contenido de calidad: Crea contenido original, valioso y relevante para tu audiencia.
    Utiliza palabras clave de manera estratégica y proporciona información útil que
    responda a las necesidades de los usuarios.
    • Estructura de URL amigable: Utiliza URLs descriptivas y legibles que incluyan palabras
    clave relacionadas con el contenido de la página. Evita el uso de caracteres especiales
    y códigos generados automáticamente.
    • Etiquetas de encabezado (H1, H2, H3): Utiliza las etiquetas de encabezado para
    estructurar tu contenido de manera jerárquica. Las etiquetas de encabezado ayudan a
    los motores de búsqueda a entender la estructura y la relevancia del contenido.
    • Metaetiquetas: Optimiza las metaetiquetas de título y descripción de cada página para
    que sean descriptivas, atractivas y contengan palabras clave relevantes. Estas
    metaetiquetas se muestran en los resultados de búsqueda y pueden influir en la tasa
    de clics.
    • Optimización de imágenes: Utiliza texto alternativo (atributo "alt") en las imágenes para
    describir su contenido. Esto ayuda a los motores de búsqueda a entender el contenido
    de las imágenes y mejora la accesibilidad.
    • Enlaces internos y externos: Crea una estructura de enlaces internos coherente para
    ayudar a los motores de búsqueda a descubrir y indexar todas las páginas de tu sitio
    web. También es beneficioso incluir enlaces de calidad a sitios externos relevantes.
    • Velocidad de carga del sitio: Optimiza el rendimiento de tu sitio web para que cargue
    rápidamente. Esto incluye la compresión de imágenes, el uso de almacenamiento en
    caché, la reducción del tamaño de los archivos y la elección de un buen proveedor de
    hosting.
    • Sitio web responsivo: Asegúrate de que tu sitio web esté optimizado para dispositivos
    móviles y tenga un diseño responsive. Los motores de búsqueda valoran la experiencia
    de usuario en dispositivos móviles.
    • Analítica y monitoreo: Utiliza herramientas como Google Analytics para realizar un
    seguimiento del rendimiento de tu sitio web, analizar las métricas clave y realizar
    mejoras continuas en tu estrategia de SEO.

    Recordar que el SEO es un proceso continuo y requiere tiempo y esfuerzo para obtener
    resultados significativos. Es importante mantenerse actualizado con las mejores prácticas de
    SEO y adaptarse a los cambios en los algoritmos de los motores de búsqueda.
    REFERENCIAS

    Crehana. (2022). REST y API: ¿qué son? Obtenido de crehana.com:


    https://www.crehana.com/blog/transformacion-digital/que-es-api-rest/
    Desarrolloweb. (2023). NodeJS. Obtenido de desarrolloweb.com:
    https://desarrolloweb.com/home/nodejs
    Galán Gómez, R. (2016). API Management: ¿qué es y para qué sirve? Obtenido de
    paradigmadigital.com: https://www.paradigmadigital.com/dev/api-management-que-es-
    y-para-que-sirve/
    Microsoft. (2023). TypeScript para el nuevo programador. Obtenido de typescriptlang.org:
    https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html
    RedHat. (2023). ¿Qué es una API y cómo funciona? Obtenido de redhat.com:
    https://www.redhat.com/es/topics/api/what-are-application-programming-interfaces

    También podría gustarte