- Ejercicios resueltos - Iniciación a la programación web. (I) ... Para más información de los conceptos de estos ejercicios, se enlazan los ejercicio...
FÍSICA Y QUÍMICA 4ºESO 1 EJERCICIOS RESUELTOS DE CINEMÁTICA 1. Una persona sale de su casa y recorre en línea recta los 200m que la separan
Cajón de Ciencias Electrostática: ejercicios resueltos 1) Dos cargas de 4 y 9 microculombios se hallan situadas en los puntos (2,0) y (4,0) del eje 0X
Como los triángulos ABC y ABD tienen como base el lado común AB y los ángulos adyacentes a la base 1, 3 y 2, 4 son por hipótesis, iguales respectivamente, se sigue por el Teorema 21. (pág. 64) que ambos triángulos son iguales. De forma equivalente, p
Triángulos y generalidades. Capítulo 5. Ejercicios Resueltos (pp. 62 – 63) ... (3) Construir un triángulo que tenga un ángulo de 50˚ y los dos lados que lo forman midan 5 cm y. 3.5 cm. Sobre el lado mayor ... Para trazar una altura debe usarse la con
Los diagramas de Venn son de gran utilidad para entender la teorıa de conjuntos. Un diagrama de Venn no sirve como demostración pero es de gran ayuda. A modo de resumen incluimos el siguiente cuadro: Sımbolo. Significado. Diagrama de Venn. ∈ pertenec
EJERCICIOS RESUELTOS: 1) Numerosos blanqueadores para lavandería contienen hipoclorito de sodio o de calcio como ingrediente activo
Como construcción auxiliar se traza la recta FG, que pasa por el vértice. C común a ambos triángulos, y que sea paralela a AB (y a ED por transitividad). Así ,. Geometría Plana y Trigonometría (Baldor). Dr. G. Urcid. Septiembre – Diciembre 2008. INAO
Ejercicio 5. Se realiza un trabajo en la asignatura de lengua en una clase formada por 40 alumnos. 2 alumnos realizan el trabajo en un folio, 5 en 2 folios, 6 en 3 folios, y el resto en 4 folios. Forma la tabla de frecuencias absolutas y relativas. ¿
1. EJERCICIOS RESUELTOS TEMA 3. Observación: En todos los ejercicios se ha puesto A , como notación de contrario de A. Ejercicio nº 1.-. En una urna hay 15 bolas numeradas de 2 al 16. Extraemos una bola al azar y observamos el número que tiene. a) De
Nota: Resolución numérica en las volumetrías redox 7.1. Equilibrios 7.2. Volumetrías Capítulo 8. Equilibrios de reparto y de intercambio iónico Capítulo 9
Ejercicios resueltos de gases. EJERCICIO 1. El volumen de cierta masa de gas es de 10 L a 4,0 atm de presión. ¿Cuál es su volumen si la presión disminuye a 2 ,0 ... m gas= 7,0 gramos. Para poder determinar la masa molar del gas, es necesario saber la
1. Ejercicios Resueltos Números Índices .... Sabiendo que el precio del combustible fue de 1,5 €/litro en el año 2011, calcular el gasto en combustible de la ...... Índice ingresos. (base 1997). 335. 380. 416. 402. 424. 407. 461 a) Hallar la serie de
Ejercicios Resueltos en PHP 1) Programaen PHP que hace uso del IF para calcular el mayor de 2 enteros
EJERCICIOS RESUELTOS DE RECTAS EN EL PLANO 1. Escribir la ecuación explícita de la recta que pasa por los puntos (5, -2) y (2, 4). Solución
“libroult” 2001/8/30 page 10 i i i i i i i i 10 EJERCICIOS RESUELTOS DE PROBABILIDAD Grandes Numeros´ o al de regresi´on). Por ello, recomendamos que este material
Dado que hemos tomados los precios de 2008, el. PIB real está valorado en euros de 2008. El deflactor del PIB (para abreviar, lo indicaremos como año base año. Def. ) en un año se calcula como el PIB nominal del año dividido entre el PIB real del año
1 Estadística Descriptiva: SERIES TEMPORALES Facultad Ciencias Económicas y Empresariales Departamento de Economía Aplicada Profesor: Santiago de la Fuente Fernández
Hemos visto que la suma de n variables de Poisson independientes de parámetro se distribuyen como una Poisson de parámetro n ¢ . Por tanto podemos interpretar la distribución de Poisson de parámetro. = 10 como la suma de cinco variables independiente
Solución: Es una EDO lineal de segundo orden. Hallemos la solución y h(x) de la ecuación homogénea y una solución particular y p(x). La ecuación homogénea es
CAPÍTULO 1 Métodos elementales de resolución de ecuaciones diferenciales ordinarias 1. La población P(t) de un suburbio de una gran ciudad en un instante
6 EJEMPLO PSU-4: En una fiesta de cumpleaños hay 237 golosinas para repartir entre 31 niños invitados. ¿Cuál es el número mínimo de golosinas que se necesita
Ejercicios resueltos de Matemáticas I Exámenes propuestos en la Facultad de Ciencias Económicas y Empresariales ... −−=1,1,0 | 1,1, 2 0 luego ()−∈1,1,0 S
Tema 2 – Matrices – Matemáticas II – 2º Bachillerato 2 Así, tenemos que ha de ser: y 5 x 5 3 8 x 3 x 3 y 2 2x 2 6 8 5 x y 0 6 2x 0 9 3x 0
Javascript y jQuery - Ejercicios resueltos Iniciación a la programación web. (I)
photo:Andy Piper
Matias Salom Avellà
www.ibserveis.com
Javascript y jQuery
Javascript y jQuery, iniciación a la programación.
Después de conocer muchos cursos de los diferentes lenguajes de programación, puede encontrase un común denominador en muchos de ellos: faltan ejercicios realmente prácticos que ayuden a asimilar todos los conceptos. También pueden encontrase bastantes ejemplos y ejercicios de programación en internet, pero muchas veces no ayudan a conseguir unos buenos fundamentos. Tras más de 10 años impartiendo cursos de programación, he ido acumulando, puliendo y creando una serie de ejercicios que consiguen que cualquier persona, con interés y dedicando el tiempo oportuno, consiga realizar proyectos que realmente funcionan en la web. Es conveniente tener conocimientos de HTML y de algún entorno de desarrollo web para depurar y ejecutar los siguientes ejercicios. También es conveniente seguir algún curso "teórico" donde se expliquen con más profundidad los conceptos que se aplican en estos ejercicios. Al ser una iniciación total de la programación, se incluyen enlaces a varios videos para las personas que necesiten más explicación de cómo realizar los primeros ejercicios.
Para más información de los conceptos de estos ejercicios, se enlazan los ejercicios con la información aportada por: w3scholls (esta en inglés)
Para más información sobre el libro y el autor: www.ibserveis.com
Está prohibido cualquier tipo de distribución sin permiso del autor. Está prohibida la reproducción de este curso para su utilización comercial. Está permitido el uso en común en aulas físicas donde se enseñen asignaturas de programación.
INICIACIÓN A LA PROGRAMACIÓN Iniciación y variables En esta lección se aprende a escribir un primer programa “Hola mundo” . Esto significa que se maneja correctamente un editor de texto, en este caso Notepad++, https://notepad-plus-plus.org/ para sacar por pantalla, en el navegador web, una pequeña frase. El concepto de Variable también se asimila fácilmente a partir de ejemplos muy reveladores.
www.ibserveis.com
Javascript y jQuery
Parte A: Inicio con Javascript - variables
Video 1 – Ejercicio 1: Video 1: inicio con Notepad ++ https://youtu.be/0qTwuMouvkU
Javascript Inicio 1) a) Abrir Notepad ++ ( o cualquier otro editor de HTML) b) Archivo Nuevo c) Lenguaje…H…..HTML d) Copiar el código que empieza por siguiente. e) Archivo…..Guardar como…. Ej1.html f) Ejecutar…. Launch in X (ver en el explorador, Firefox u otro)
Si no aparece nada en el explorador… puede haber un fallo copiando el texto. Solución: En Firefox y Chrome , pulsar CTRL + Mayúsculas + J , para abrir consola de errores. Fijarse en el último error que señala. Corregirlo y GUARDAR de nuevo el archivo Ej1
www.ibserveis.com
Video 2 Video 2.1
Javascript y jQuery
: Depuración de errores (consola): https://youtu.be/zm_SO-SLWaQ : Depuración con Firebug: https://youtu.be/8mmJ-UTWtlk
Javascript Inicio 2)
Crear archivo nuevo ‘Ej2.htm’ y copiar el siguiente código. Una vez guardado, ejecutar el programa: Launch Firefox, Chrome …
<script type="text/javascript"> var a, b; a = 10; b = 5; resultado = a + b;
La variable a contiene el valor 10 La variable b contiene el valor 5 La variable resultado contiene la suma de a y b
alert ("La suma de a+b es" + resultado );
Javascript Inicio 3) Crear archivo nuevo ‘Ej3.htm’ y copiar el siguiente código.
Una vez guardado, ejecutar el programa: Launch Firefox, Chrome <script type="text/javascript"> var num1=0; var num2=0;
Se añade 1 al valor que hay en num1 Se añade 5 al valor que hay en num2
num1 = num1 + 1; num2 = num2 + 5; alert ("El primer numero ahora es " + num1 ); alert ("El segundo numero ahora es " + num2 );
www.ibserveis.com
Javascript y jQuery
Depuración con puntos de interrupción: https://youtu.be/CDvn9L9skAg el programa se ejecuta, pero incorrectamente.
Javascript Inicio 4) Crear archivo nuevo ‘Ej4.htm’ y copiar el siguiente código.
Una vez guardado, ejecutar el programa: ver en el explorador. <script var a = b =
Imprime en pantalla la frase + contenido variable.
type="text/javascript"> a, b; "Hola"; " mundo!";
document.write("Variable a contiene " + a ); document.write(""); document.write("Variable b contiene " + b ); document.write(""); document.write(a + b );
El signo '+' sirve para concatenar cadenas de texto
Más info en : http://www.w3schools.com/js/js_operators.asp
Inicio 5)
Atención: Tiene error para aprender a corregirlos UTILIZANDO PTOS INTERRUP. Crear archivo nuevo ‘Ej5.htm’ y copiar el siguiente código. Una vez guardado, ejecutar el programa: ver en el explorador.
<script type="text/javascript"> var a, b; a = 2; b = 8; resultado = a * b;
Pulsando las teclas CTRL + MAJ + I , a la vez, aparece el depurador integrado en el navegador.
document.write("Variable a contiene " + a ); document.write(""); document.write("Variable b contiene " + b ); document.write(""); document.write("El producto de a por b es " + result );
Los puntos de interrupcion son fundamentales para programar
www.ibserveis.com
Javascript y jQuery
Parte B: Inicio con jQuery - variables Como nos indican en el curso de jQuery de W3School - jQuery es una libreria (archivo añadido al proyecto web) que facilita mucho la programación. Permite manejar los siguientes elementos con una programación directa y sencilla: • HTML/DOM , su manipulación y modificación. •
CSS, modificaciones y asignaciones.
•
HTML eventos y métodos.
•
Efectos y animaciones.
•
AJAX
•
Otras utilidades
Para que pueda funcionar la libreria de jQuery, necesitamos que, en la misma carpeta donde tenemos el archivo HTML donde vamos a trabajar, hagamos lo siguiente: - Añadir el archivo "jquery-1.12.0.min.js" ( o la versión más actualizada) . El archivo se obtiene en jquery.com: Download the compressed, production jQuery
www.ibserveis.com
Javascript y jQuery
Crear archivo nuevo ‘jQuery1.htm’ y copiar el siguiente código. En la misma carpeta, añadir el archivo "jquery-1.12.0.min.js" Una vez guardado, ejecutar el programa abriendo el navegador.
"salida" por otro nombre y hacer que funcione el programa (cambiar también otra instrucción).
2b) Añadir otra
y hacer que salga también en ella el saludo.
www.ibserveis.com
Javascript y jQuery
Javascript: Condicionales. Javascript Condicionales 1) ALGORITMO (NO programa) con introducción de 2 números. Sacar por pantalla cual es el mayor. Cambiar en un papel y con lápiz, el pseudocódigo donde aparece XXX inicio num1 0: num2 0 Introducir "Introduce primer número";num1 Introducir "Introduce segundo número";num2 Si (num1>num2) Escribir "El mayor es el número ", XXX sino Escriure "El mayor es el número ", XXX Fin si Fin
Javascript Condicionales 2) Ejecutar el siguiente programa. Introducción de 2 números y el programa indica cuál es el mayor. <script type="text/javascript"> var dato1,dato2; var num1, num2; dato1 = window.prompt("Primer número?", "0"); num1 = parseInt(dato1); dato2 = window.prompt("Segundo número?", "0"); num2 = parseInt(dato2); if (num1 > num2) { Si num1 es mayor que num2 , entonces resultado = " el primero"; resultado es "El primero" } SINO resultado es "El segundo" else { resultado = " el segundo"; } document.write("
El mayor es " + resultado + "
");
www.ibserveis.com
Javascript y jQuery
jQuery: Condicionales. jQuery Condicionales 1) Realizar programa con la introducción de 2 números por parte del
usuario. La computadora indica cual es el mayor o si son iguales. <meta charset="utf-8"> <script src="jquery-1.12.0.min.js"> <script type="text/javascript"> $(document).ready(function () { var dato1, dato2, resultado;
dato1 contiene el valor introducido en #entrada1. Lo mismo dato2.
$("button").click(function(){ dato1 = parseInt($("#entrada1").val()); dato2 = parseInt($("#entrada2").val()); if (dato1 > dato2) { resultado = " el primero es mayor."; } else { if (dato2 > dato1){ resultado = " el segundo es mayor."; } else { resultado = " son iguales."; } } $("#salida").append(resultado); }); }); Introduce primer número: Introduce segundo número:
www.ibserveis.com
Javascript y jQuery
Javascript : Funciones Información sobre funciones: http://www.w3schools.com/js/js_functions.asp
Javascript Ejercicio Funciones 1) Ejecutar el siguiente código. ¿En qué momento se “dispara” la función? <meta content="text/html; charset=utf-8"> <script type="text/javascript"> function saludo(nombre) { document.write("Hola }
" + nombre);
Javascript Ejercicio Funciones 2) Colocar un punto de interrupción en la primera línea 8 de código del ejercicio anterior (document.write (“Hola ”+nombre) y otro punto de interrupción en la línea 16 (
www.ibserveis.com
Javascript y jQuery
jQuery : Funciones jQuery Ejercicio Funciones 1) Ejecutar el siguiente código. ¿En qué momento se “dispara” la función? <script src="jquery-1.12.0.min.js"> <script type="text/javascript"> $(document).ready(function () { $("#boton").click(function () { dato1 = $("#entrada1").val(); dato2 = $("#entrada2").val(); Calcula (dato1,dato2); }); function Calcula (num1,num2){ var resultado = num1 + num2; $("#salida").append(resultado); }
La función Calcula recibe valores para los parámetros nu1m y num2.
}); Primer Número del 1 al 10: Segundo Número del 1 al 10:
www.ibserveis.com
Javascript y jQuery
Javascript : Forms Javascript Ejercicio Forms1) Introducción datos en FORMS Datos en Formularios <script language="javascript" type="text/javascript"> function saludo() { var nom_usuario = document.fdatos.entrada.value document.writeln("Hola, bon dia "+ nom_usuario) }
Javascript Ejercicio Forms 2) Realizar programa en el cual el usuario introduce un valor en un FORM y por pantalla sale como resultado su 10%.
www.ibserveis.com
Javascript y jQuery
"OBJETOS" en Javascript Javascript obj 1) Ejecuta el siguiente programa. Las variables en Javascript pueden ser tratadas como son tratados los objetos: con sus propiedades y funciones propias.
<meta charset="utf-8"/> <script type="text/javascript"> var alumno = {
En Javascript todo puede ser tratado como un objeto. Una var "ampliada" puede presentar propiedades.
