Programación en Javascript

Tema:

-Programación en Javascript. 

Competencia específicas: 

*Ofrece explicaciones científicas a problemas y fenómenos naturales:-Analiza y evalúa las pistas y evidencias que evalúan o invalidan la ejecución de un programa u otro código.

-Comunica las especificaciones y resultados de los proyectos de desarrollo de aplicaciones.

* Aplica los procedimientos científicos y tecnológicos para solucionar problemas o dar respuestas a fenómenos naturales:

-Evalúa y comprende el alcance de los procedimientos, técnicas y herramientas comprendiendo las ventajas y desventajas de cada una de ellas.

-Selecciona y utiliza estrategias, procedimientos, técnicas y herramientas para diseñar y ejecutar aplicaciones web y móviles.

Indicadores de logro:

-Diseña y ejecuta dos o más proyectos de desarrollo de aplicaciones web y móviles.

-Propone y ejecuta un proyecto para desarrollar una aplicación móvil y exitosamente lo comercializa en una plataforma de distribución digital.

Introducción:

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas Web dinámicas. 

Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activa al pulsar botones y ventanas con mensajes de aviso al usuario.Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activava al pulsar botones y ventanas con mensajes de aviso al usuario.

También se puede definir como un robusto lenguaje de programación que puede ser aplicado a un documento HTML y usado para crear interactividad dinámica en los sitios web. Fue inventado por Bendan Eich, co-fundador del proyecto Mozilla, Mozilla Foundation y la Corporación Mozilla.

Puedes hacer casi cualquier cosa con JavaScript. Puedes empezar con pequeñas cosas como carruseles, galerías de imágenes, diseños fluctuantes, y respuestas a las pulsaciones de botones. Con más experiencia, serás capaz de crear juegos, animaciones 2D y gráficos 3D, aplicaciones integradas basadas en bases de datos, ¡y mucho más!.

JavaScript por si solo es bastante compacto aunque muy flexible, y los desarrolladores han escrito gran cantidad de herramientas encima del núcleo del lenguaje JavaScript, desbloqueando una gran cantidad de funcionalidad adicional con un mínimo esfuerzo. Esto incluye:

Interfaces de Programación de Aplicaciones del Navegador (APIs) — APIs construidas dentro de los  navegadores que ofrecen funcionalidades como crear dinámicamente contenido HTML y establecer estilos CSS, hasta capturar y manipular un vídeo desde la cámara web del usuario, o generar gráficos 3D y muestras de sonido.

APIs de Terceros, que permiten a los desarrolladores incorporar funcionalidades en sus sitios de otros proveedores de contenidos como Twitter o Facebook.

Marcos de trabajo y librerías de terceros que puedes aplicar a tu HTML para que puedas construir y publicar rápidamente sitios y aplicaciones.

Algunos lugares donde puedes encontrar material relacionado y de interés:

https://uniwebsidad.com/libros/javascript/capitulo-1/breve-historia

Actividades:

1. Investigar:

1. ¿Quién fue su creador?
2. ¿Qué es una sintaxis básica en Javascript?
3. ¿Qué son variables, valores por referencias y valores primitivos?
4. ¿Cualés son los tipos de datos que se pueden utilizar?
5. ¿Cuáles son las ventajas y desventajas del Javascript?
6. ¿Qué son los operadores y que nos permiten?
7. ¿Qué son las funciones? 
8. Menciona 5 de las funciones más útiles de este tipo de programación.
9. ¿Qué es DOM y que nos permite?

2. Observa, analiza y toma notas de los vídeos siguientes, los cuales te ayudarán en el proceso de aprendizaje en este tipo de programación:

3. En grupos vayan proponiéndose de acuerdo en que forma de ejecutar un proyecto para desarrollar una aplicación móvil y cómo podrían comercializarlo en una plataforma de distribución digital.

Temas:

-Desarrollo de una aplicación web educativa o de alguna actividad lúdica.

-Desarrolla una aplicación web para automatizar una actividad.

Se debe realizar una presentación en Prezzi y agregar a un comentario el link de la creación o a través del correo electrónico ya antes suministrados para evaluar.

Programación Web y Móvil

Tema:

-Programación HTML.

Competencias específicas:

* Ofrece explicaciones científicas a problemas y fenómenos naturales:

-Reconoce los conceptos básicos de la creación de páginas y programas web y dispositivos móviles.

-Analiza y evalúa las pistas y evidencias que validan o invalidan la ejecución de un programa u otro código.

-Comunica ñas especificaciones y resultados de los proyectos de desarrollo de aplicaciones.

Indicadores de logros: 

-Identifica y describe los componentes necesario para el desarrollo de una aplicación.

-Depura de manera independiente los errores de programación.

-Diseña y ejecuta dos o más proyectos de desarrollo de aplicaciones web y móviles.

Introducción:

Lo primero que debemos saber es que HTML, corresponden a las siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), el cual hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, vídeos, juegos, entre otros.

Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. HTML se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.

Durante este periodo vamos a desarrollar conceptos básicos relacionados con dicha programación,  de modo que cada estudiante pueda identificarlos, deberán observar algunos vídeos guías con la finalidad de adquirir conocimientos utiles, que le servirán para poder diseñar proyectos de desarrollo de aplicaciones web.

Actividades Hotpotatoes #3

Crossword

  

Complete the crossword, then click on "Check" to check your answer. If you are stuck, you can click on "Hint" to get a free letter. Click on a number in the grid to see the clue or clues for that number.

1
2
3
4

Across: 1. es un movimiento ordenado de cargas libres, normalmente de electrones, a través de un material en un circuito eléctrico. 2. es el conjunto de fenómenos físicos relacionados con la presencia y flujo de cargas eléctricas. 3. Fue quien al frotar una pieza de ámbar notó que tenía la capacidad de atraer objetos. 4. es un campo físico de fuerzas producido por aquellos elemen-tos cargados eléctricamente, que afecta a partículas con carga eléctrica.

Down: 1. es una propiedad física propia de algunas partículas subatómicas que se manifiesta mediante fuerzas de atracción y repulsión entre ellas. La materia cargada eléctricamente es influida por los campos electromagnéticos, siendo a su vez, generadora de ellos.

Actividades Hotpotatoes #2

Completa

Electricidad

  

Complete los espacios en blanco según corresponda. Rellene todos los vacíos, luego presione "Verificar" para verificar sus respuestas.

1. La ley de establece que la intensidad de corriente (I), que fluye a través de ellos es directamente proporcional a la diferencia de potencial o voltaje (V). Donde la resistencia eléctrica (R) representa la constante de proporcionalidad y mide la oposición que el elemento por el cual circula la corriente.

2. Son las leyes de describen el comportamiento de la corriente en un nodo y del voltaje alrededor de una malla.

3. En 1785, , físico e ingeniero francés que también enunció las leyes sobre el rozamiento, presentó en la Academia de Ciencias de París, una memoria en la que se recogían sus experimentos realizados sobre cuerpos cargados.

4. La ley de es válida sólo en condiciones estacionarias, es decir, cuando no hay movimiento de las cargas o, como aproximación cuando el movimiento se realiza a velocidades bajas y en trayectorias rectilíneas uniformes. Es por ello que es llamada fuerza electrostática.

5. Cargas iguales se y cargas diferentes se .

Actividades Hotpotatoes #1

Opción Múltiple

Electricidad: Historia

  

Selecciona la respuesta correcta según corresponda:

 

1. Fue donde se encuentra mención de electricidad, del año 2750 a.C, los autores se referían a estos peces como “los tronadores del Nilo”:
   1.   Africa
   2.   Egipto
   3.   La India
   4.   Belgica
2. Fue quien describió por completo los fenómenos electromagnéticos en 1865:
   1.   Hooke
   2.   Benjamín Franklin
   3.   Maxwell
   4.   Edison
3. Fue quien en 1878 inventa la primera bombilla:
   1.   Thales de Mileto
   2.   Maxwell
   3.   Edison
   4.   Michael Faraday
4. Fue quien inventa el para rayos:
   1.   Michael Faraday
   2.   Ohm
   3.   Benjamín Franklin
   4.   Edison
5. Inventó la primera pila, en el año 1823:
   1.   Alessandro Volta
   2.   Edison
   3.   Willians Gilbert
   4.   Charles A. Coulomb