Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Sesion 4 JS

    Cargado por

    luis
    8 vistas22 páginas

    Título original

    sesion 4 JS

    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

    Copyright:

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

    Sesion 4 JS

    Cargado por

    luis

    Copyright:

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

    Módulo JS y Git

    Sesión 3
    PRIMER PROGRAMA
    • Cuando aprendemos un nuevo
    lenguaje de programación, por lo
    general, el primer programa que se
    escribe nos permitirá mostrar cierta
    información en pantalla.

    • Usaremos la consola del navegador


    para mostrar un mensaje en pantalla.

    • La consola mostrará varios mensajes,


    por lo general ocultos para el usuario
    del navegador, estos mensajes pueden
    ser generados por el intérprete
    advirtiendo sobre errores en la
    ejecución.
    PRIMER PROGRAMA CONT.
    Los comandos JavaScript
    ejecutados en la consola, se ejecutan en el
    contexto de la página web que esté cargada.

    console.log nos permite utilizar la


    funcionalidad para mostrar mensajes en la
    consola.

    Una función es una porcion de


    codigo que nos permite ejecutar una tarea
    especifica.

    El punto y coma al final de cada


    línea le indica al intérprete en donde finaliza la
    instrucción.
    AMBIENTE LOCAL

    JavaScript del lado del cliente forma


    parte del ecosistema web, es decir, no puede
    existir por si mismo, el codigo JavaScript
    necesita estar montado en un documento
    HTML.

    HTML (HyperText Markup


    Language), son un conjunto de etiquetas que
    describen la estructura de sitio web.

    Referencias: HTML, CSS


    HTML
    El lenguaje de marcado de
    hipertexto (HyperText Markup Language) se
    utiliza para describir la estructura de un sitio
    web.

    Nos permite darle formato al


    documento, podemos incluir secciones,
    encabezados, párrafos, listas, etc.

    Las etiquetas tienen la forma


    <html></html>, <p></p>, cada etiqueta tiene
    un significado al momento de dibujar los
    elementos en pantalla.
    HTML cont.
    Las etiquetas ya están predefinidas,
    generalmente se usan pares, limitando a un
    área específica del documento.

    La etiqueta de cierre es diferente


    de la de apertura ya que debemos incluir una
    diagonal antes del nombre de la etiqueta
    <p>Un párrafo</p>

    Para nombrar etiquetas, HTML no


    diferencia entre mayusculas y minusculas, pero
    como buena práctica, se prefiere el uso de
    minúsculas.
    HTML cont.
    <!DOCTYPE html> le
    indica al navegador que el
    documento ha sido preparado con el estándar
    de HTML 5.

    define los límites del


    <html></html>
    documento, las demás etiquetas deben ir
    dentro de estas.

    <head></head> contiene información


    adicional sobre el documento, acá podemos
    encontrar <title></title> para definir el título de la
    página.

    <body></body> contiene el contenido


    visible de la página web.
    ETIQUETA <script>.
    Para que nuestro código JS
    sea ejecutado por el navegador, debe
    estar adjunto al HTML usando la
    etiqueta <script>, tenemos dos
    formas de hacer esto:
    ● El código puede colocarse
    dentro de <script></script>
    se recomienda cuando el
    código sea corto.
    ● Usar el atributo “src” para
    apuntar a otro archivo que
    contiene el código JS.
    ETIQUETA <script> cont.
    El código HTML es
    interpretado y ejecutado linea
    por linea, las etiquetas <script>
    se ejecutan en el momento en
    que aparecen en el código.

    Usualmente <script>
    se define dentro de la etiqueta
    <head>, podemos insertar
    varios scripts de varios archivos
    en un mismo HTML.
    ETIQUETA <script> cont.
    Usando los atributos “defer” y
    “async” podemos cambiar el
    comportamiento al cargar dichos
    scripts.

    defer indica que el script debe


    ser ejecutado después de que cargo
    toda la página.

    async hará que el script se


    ejecute de manera inmediata, pero en
    paralelo a analizar el resto de la
    página.
    ETIQUETA <script> cont.

    pregunta en stack overflow que


    explica el funcionamiento de async y
    defer.

    Imagen explicando.
    UN POCO SOBRE CSS
    CSS (Cascading Style Sheets)
    Hojas de estilo en cascada, es un
    lenguaje usado junto a HTML para
    describir la apariencia de una página y
    sus elementos.

    HTML se usa para describir la


    estructura, CSS describe su
    presentación y JS su comportamiento.

    Css puede ser tratado como la


    configuración de la capa visual de la
    página.
    EJECUTANDO JS

    Cuando visitamos una página en


    internet, el servidor nos envía una
    copia de los archivos HTML, CSS y JS.

    El usuario verá como todos los


    elementos trabajan en conjunto para
    el correcto funcionamiento de la
    página web.
    EJECUTANDO JS DESDE CONSOLA
    Desde las herramientas de desarrollador podemos ejecutar
    porciones cortas de código en el navegador.
    console.log
    console.log es una función que nos
    permite mostrar texto en pantalla.
    console.log(“saludos desde consola”);
    console.log(“El año es: 2022”);
    console.log(“Usamos”, “varios”,
    “argumentos”);
    VARIABLES
    Como concepto formal, es un
    símbolo usado para reemplazar
    diferentes valores que pueden
    cambiar.

    En programación son utilizados


    continuamente, las variables nos
    permiten almacenar resultados,
    modificarlos y usarlos en distintas
    operaciones.
    NOMBRANDO VARIABLES
    Podemos ver a las variables como
    contenedores en las cuales almacenamos
    cierta información, dicha información es
    llamada valor de la variable.

    Se aconseja que el nombre asignado a


    la variable tenga relación con su contenido.

    En JS los nombres de variables pueden


    consistir de cualquier secuencia de letras,
    números, guiones bajos y signos de dólar,
    pero no iniciar con un número.
    RESTRICCIONES
    Los nombres de variables nos dan
    bastante libertad al momento de elegirlos;
    Pero hay un conjunto de palabras
    reservadas que no pueden ser usadas
    como nombre de variable, ya que estas
    forman parte del lenguaje y ya tienen un
    significado asignado que no se puede
    cambiar.

    JS logra diferenciar entre mayúsculas y


    minúsculas, debido a esto, nombre,
    Nombre, NOMBRE serán tratadas como
    diferentes variables.
    DECLARANDO VARIABLES Y
    CONSTANTES
    Primero debemos declarar una
    variable para reservar su nombre y
    modificarlo posteriormente.

    Por otra parte podemos declarar


    constantes, el contenido de estas no puede
    cambiar.

    Para la declaración usamos las palabras


    clave var o let y const para las constantes.

    También podría gustarte