Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Laboratoria

    Загружено:

    Lupita Feliz
    18 просмотров15 страниц

    Оригинальное название

    Laboratoria.docx

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    18 просмотров15 страниц

    Laboratoria

    Загружено:

    Lupita Feliz

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 15

    Laboratoria

    Aprenderás

     Entender qué es la programación y por qué aprender a programar.

    La programación es, por lo tanto, el arte de crear un conjunto de


    instrucciones que le indican a una computadora cómo realizar una tarea.
    Porque te enseña a pensar.

     Entender qué es JavaScript y por qué aprenderlo.

    Es un lenguaje de programación. JavaScript se utiliza para escribir programas


    que se ejecutan en páginas web. JavaScript puede controlar cómo se ve una
    página web o hacer que la página responda cuando un usuario hace click
    en un botón o mueve el mouse. Sitios como Gmail, Facebook y Twitter usan
    JavaScript para facilitar el envío de correo electrónico, publicar comentarios
    o navegar por sitios web.

    Por un lado, es mucho más fácil (y más divertido) de aprender que muchos
    otros lenguajes de programación. Pero tal vez lo mejor de todo es que para
    escribir y ejecutar programas JavaScript, lo único que se necesita es un
    navegador web. Un navegador web es lo que utilizas para navegar por
    internet. Los navegadores más populares son: Google Chrome, Safari,
    Mozilla Firefox e Internet Explorer. Cada navegador web viene con
    un intérprete JavaScript que entiende cómo leer programas JavaScript. uno
    de los lenguajes de programación más populares.

    JavaScript no es lo mismo que Java. Java es otro lenguaje de


    programación. Mucha gente los confunde. Tú no :)

    https://www.youtube.com/watch?v=_guTQcHaUQo

    Michele Seguil

    Google
    About:blank

    Botón derecho enter inspeccionar enter developer tool

    Click in console
    b

     Tener un primer acercamiento al mundo del código, creando tu primera


    página web.
    Capítulo 5 de JavaScript for kids, Nick Morgan, 2015; y de Eloquent
    JavaScript, de Marijn Haverbeke, 2014.

    HTML: HyperText Markup Language es el lenguaje utilizado para crear la


    estructura de una página web. Para crear una web, se empieza creando
    un documento en formato HTML. Esto es muy parecido a crear un
    documento con formato word, excel o powerpoint.

    para crear programas reales, necesitaremos algo más flexible, como una
    página web. En esta sección aprenderás cómo crear una página web HTML
    básica y darle interacción con JavaScript.

    HTML (HyperText Markup Language) es el lenguaje utilizado para crear la


    estructura de una página web. Para crear una web, se empieza creando un
    documento en formato HTML. Esto es muy parecido a crear un documento
    con formato word, excel o powerpoint.

    !DOCTYPE html>
    <html>
    <head>
    <title>Mi primera web</title>
    </head>
    <body>
    <h1>¡Hola Mundo!</h1>
    <p>Esta es mi primera web</p>
    </body>

    </html>
    etiquetas <h1> </h1> son considerados encabezados o titulares,
    mientras que los textos dentro de las etiquetas <p> </p> son
    considerados párrafos. Por eso, el texto ¡Hola Mundo! se visualiza
    mucho más grande que el texto Esta es mi primera web.

    https://www.youtube.com/watch?v=wQKn1fh3pAM

    Atom.-Editor de texto

    En el siguiente video, Michelle te guiará a través de los siguientes pasos para que crees tu primera
    web:

    1. Descarga Atom, un editor de texto: Descargar. Si tienes problemas descargando Atom,


    puedes descargar otro editor de texto llamado Sublime Text, hay versión para Mac y
    Windows. Ten en cuenta que las explicaciones que te dará Michelle, estarán en Atom pero
    tú podrás hacer lo mismo en Sublime Text. Descarga Sublime aquí
    2. Crea un documento HTML llamado index.html
    3. Agrega algunos elementos al documento HTML (por ejemplo: un título y un párrafo)
    4. Guarda el documento HTML
    5. Abre el documento HTML en un navegador como Chrome

    https://www.youtube.com/watch?time_continue=1&v=QP9FF9eoh-k

    Pasos para hacer nuestra página:

    o Abrir editor de textos


    o Crear archivo HTML
    o Agregar elementos HTML (Título principal y el texto)
    o Ver resultado en el navegador

    Etiquetas y elementos HTML

    Los documentos HTML se componen de elementos. Salvo algunas


    excepciones (por ejemplo <!DOCTYPE html>), los elementos comienzan con
    una etiqueta de inicio y terminan con una etiqueta de fin. Por ejemplo, en
    nuestro documento tenemos el elemento p, que comienza con la etiqueta
    de inicio <p> y termina con la etiqueta de finalización </p>. El texto que se
    encuentra entre las etiquetas de apertura y de cierre es el contenido del
    elemento.

    El elemento p (párrafo) como


    ejemplo:

    Hagamos un recorrido por todos los elementos de nuestro documento:

    1. El documento empieza con la etiqueta <!DOCTYPE html> (que como


    vimos, no tiene inicio o cierre). Su función es hacerle saber al
    navegador que interprete el documento como HTML moderno, en
    contraposición a varios dialectos que estaban en uso en el pasado.
    2. Luego viene la etiqueta de apertura <html> (la etiqueta de cierre </
    html> está al final). Por estándar, todos los documentos HTML
    deben tener un elemento htmlque "englobe" todo lo demás.
    3. Dentro del elemento html hay dos elementos: el head (cabeza en
    Español) y el body (cuerpo en Español). El head contiene
    información sobre el documento, y el body contiene el documento en
    sí.
    4. Dentro del elemento head está el elemento title (con su etiqueta de
    inicio y de cierre), que contiene el título del documento. Es por eso
    que al visualizar el archivo en el navegador, el título en la pestaña
    del navegador dice: "Mi primera web". Es importante que notemos
    que el elemento title está contenido dentro del elemento head; el
    cual, a su vez, está contenido dentro del elemento html.
    5. Finalmente, tenemos el elemento body (entre su etiqueta de inicio y
    de cierre) que contiene el contenido que se mostrará en el
    navegador. En este caso, dentro del body tenemos dos elementos
    adicionales: el h1 (encabezado) y el p (párrafo).

    Existen muchos más elementos y etiquetas HTML, que aprenderás en su


    momento. Por el momento, es hora de regresar a JavaScript.

    HTML y JavaScript

    Es importante que entiendas que HTML no es un lenguaje de programación;


    es un lenguaje de marcado de texto. Como hemos visto, con HTML le damos
    una estructura a nuestra página. Sin embargo, si queremos
    darle comportamiento o interacción a nuestra web, necesitamos usar
    un lenguaje de programación. Y el único lenguaje de programación para
    correr en los navegadores web es JavaScript. Con JavaScript
    logramos que las páginas web puedan responder a las acciones de
    usuario, volviéndolas interactivas.

    Para incluir JavaScript en un documento HTML puedes utilizar el


    elemento script y colocar tu código JavaScript entre sus etiquetas de
    inicio (<script type="text/javascript">) y cierre (</script>), tal como lo
    muestra el siguiente ejemplo:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Mi primera web</title>
    </head>
    <body>
    <h1>¡Hola Mundo!</h1>
    <p>Esta es mi primera web</p>

    <script type="text/javascript">
    alert('¡Hola Mundo!');
    </script>

    </body>
    </html>
    Muchas veces tu código JavaScript es tan extenso que no quieres que esté
    ubicado en el mismo documento HTML. Para eso, la solución es crear un nuevo
    documento, esta vez de formato JavaScript - utilizando la extensión .js - y
    "linkear" ambos documentos a través del mismo elemento script, de la siguiente
    manera:

    <script src="nombre-del-documento.js"></script>

    El mismo elemento script tiene un "atributo" llamado src (de source, que
    significa fuente en inglés), al cual se le puede asignar la ruta de tu documento
    JavaScript.

    Añádele interacción a tu web

    ¡Ahora te toca a tí! Continúa con Michelle siguiendo los pasos para agregarle
    interacción a tu página web:

    Los pasos a seguir son:

    1. Agrega el elemento script al final del body de tu documento HTML


    2. Dentro del mismo HTML, entre las etiquetas de inicio y cierre del
    elementoscript, escribe una línea de código JavaScript (por ejemplo, algo
    con alert(), document.write() o prompt())
    3. Guarda tu documento HTML
    4. Refresca la página de tu navegador donde estás viendo tu documento
    HTML
    5. Ahora crea un nuevo documento llamado app.js en la misma carpeta
    donde está tu HTML
    6. Añádele el atributo src al elemento script con la ruta de tu archivo app.js
    7. Pasa todo el código JavaScript del documento HTML al documento JS
    8. Refresca la página del navegador y confirma que todo funciona
    exactamente igual que antes

    Aquí el video de Michelle:

    https://www.youtube.com/watch?v=SSiWsDoK4GE
     A darle dinamismo a tu web utilizando JavaScript.
     Algunos conceptos básicos de programación como: variables, tipos
    datos y operadores.

    Growth Mindset

    Mentalidad de crecimiento que te permita enfrentar los retos de aprender algo


    nuevo, y tener la confianza de saber que podrás superarlos.

    La mayoría de personas creen que la inteligencia es una capacidad mental con la


    que nacemos, que es estática y que no podemos cambiar. Esta creencia ocasiona
    que pensemos que nuestra inteligencia tiene un límite, y que hay cosas que
    simplemente no podremos aprender.

    Sin embargo, diversas investigaciones sobre el cerebro y el aprendizaje han


    demostrado que cada vez que aprendemos algo nuevo nuestro cerebro cambia y
    crece. En otras palabras, nosotras mismas tenemos el control para desarrollar y
    expandir nuestra inteligencia.

    Hace 30 años, Carol Dweck, una psicóloga estadounidense, se planteó investigar


    y comparar cómo estas distintas creencias podían causar que las personas
    obtuvieran diferentes resultados al enfrentarse a un reto de aprendizaje. Después
    de varias investigaciones, ella acuñó los términos Fixed mindset y Growth mindset,
    es decir, mentalidad fija o mentalidad de crecimiento, para describir a ambos tipos
    de creencias.

    cuando los estudiantes creen que pueden lograr que su inteligencia se desarrolle,
    entonces están dispuestos a esforzarse más, porque entienden que el logro que
    alcanzarán será mejor y más grande.

    La conectividad entre neuronas puede cambiar con las experiencias que las
    personas van acumulando. Con práctica, las redes neuronales van creciendo y
    creando nuevas conexiones. Esto implica que tú puedes incrementar el
    crecimiento de tus redes neuronales con acciones, como al realizar preguntas,
    leer, practicar una y otra vez algo que te resulta complicado, y manteniendo
    buenos hábitos de alimentación y sueño.

    Los estudios de Carol Dweck han mostrado que si piensas que tu cerebro puede
    crecer, entonces tu comportamiento es distinto a si piensas que naciste con una
    inteligencia fija. Por ejemplo, una estudiante con una mentalidad fija, estará
    orientada a mostrar un desempeño perfecto, por lo que preferirá realizar solo
    actividades que sabe que puede lograr, para así verse siempre inteligente. En
    cambio, una estudiante con una mentalidad de crecimiento, se sentirá mucho más
    cómoda enfrentando retos que no necesariamente sabe cómo lograr, porque sabe
    que estos desafíos le permitirán aprender más.

    Tener una mentalidad de crecimiento significa que entiendes que puedes


    desarrollar e incrementar tu inteligencia y todas tus habilidades, y que no
    tienes miedo a los retos. Significa que sabes que la mejor manera de
    aprender se logra con esfuerzo, y por ello estás dispuesta a cometer errores
    en el proceso.

    The power of belief /el poder de la fe, mindset y éxito

    https://www.youtube.com/watch?v=pN34FNbOKXc

    Para cambiar a mentalidad de crecimiento

    Benéfica y apoya a la ciencia

    El cerebro cambia cuando nos mejoramos

    Aprender y enseñar a otros. Desarrollar nuestras habilidades.

    Estar atentos a una mentalidad fija, responder con una mentalidad de crecimiento.
    1.
    El aprendizaje es mejor y perdura más cuando necesitas esforzarte
    más. Los aprendizajes fáciles se recuerdan hoy, pero no mañana.
    Cuando el aprendizaje es más difícil, es más fuerte y se queda en
    tu memoria más tiempo.
    2. Tratar de resolver un problema antes de que te muestren cómo
    hacerlo, te permitirá luego aprender y entender mejor la solución
    que te enseñen.
    3. Cometer errores y corregirlos es lo que te permitirá construir los
    puentes para avanzar en el proceso de aprendizaje.
    4. Yo, futura estudiante de Laboratoria, me comprometo a tener
    siempre presente que soy capaz de desarrollar mi inteligencia a
    través de aprendizajes que requerirán mi esfuerzo, pero que me
    permitirán alcanzar un mayor logro. Me comprometo a siempre
    querer aprender más, para lo cual aceptaré los retos y me
    mantendré persistente ante los obstáculos, pues sé que con
    práctica podré superarlos. Sé que los retrocesos o los errores que
    cometa no significan una falla, sino que son las oportunidades en
    las que más podré aprender. Soy consciente de que por momentos
    tendré dudas sobre mi capacidad para aprender, sé que no será
    fácil, pero sé que puedo hacerlo. Me comprometo a jamás volver a
    decir “no puedo”, sino que cambiaré esta frase por “no puedo aún”,
    porque tengo una mentalidad de crecimiento.
    5. Sí, me propongo y me comprometo.
    h

    Вам также может понравиться