Matrices

Clase 13 de 50 • Curso de Programación Básica 2014

Clase anteriorSiguiente clase

José Gatica Gatica

student•

Really cool, bro

Bilsan Asael Ramirez Garcia

student•

dqdqwdqwfewfqdwdqw

John Carlos Espitia Rivera

student•

Cuando Fredier dice Dofa sub cero seme viene a la cabeza este tipo.

Joaquin N. Damian

student•

XDDD

Abraham

student•

MATRIZ(Una colección de información)
Como un menu de opciones.

ARRAYDE TIPO**VECTOR
(1 DIMENSIÓN)**Sencillamente la opción que queremos mostrar

ARRAYDE TIPO MATRIZ**(CON 2 DIMENSIONES)Donde la opción se selecciona como en un plano cartesiano con las variables X y Y
Para especificar uso de array se utilizan los corchetes[ ]**

Jhon Carlos Colorado Angulo

student•

No tenia muy bien el cocepto de vector y matrices. Ahora si me quedo claro.

Knock Boy

student•

A mi tambien me quedaron claros :)

Juan Jzb

student•

Un array es unidimensional...
Las matrices son multidimensionales, es como meter varios array dentro de uno!

Esme Lopez Escobar

student•

MATRICES.
Array tipo:
-vector: unidimensional
-matriz: dos dimensiones :D
Para acceder a un elemento de la matriz hago matriz[columna][fila***]***

Cristhian Lopez G

student•

Ruta Absoluta:La ruta absoluta indica la dirección completa del archivo sin importar donde estemos, es decir, si yo tengo una foto de mi perro llamada miperro.jpg dentro de la carpeta imagenes en mi dominio comocrearunsitioweb.com la ruta absoluta sería: http://www.comocrearunsitioweb.com/imagenes/miperro.jpgPodemos utilizar esa ruta para llamar a la imagen desde cualquier sitio (ya se en nuestro dominio o en otro).

Cristhian Lopez G

student•

Ruta Relativa:La ruta relativa llama al mismo archivo pero DESDE el lugar donde estamos parados, es decir que solo funciona dentro de nuestro dominio. Por ejemplo: si nosotros estamos en el directorio principal y queremos insertar la foto desde elindex la ruta relativa DESDE el index sería: imagenes/miperro.jpgNosotros ya estabamos en comocrearunsitioweb.com/ solo habia que entrar a una carpeta llamada imagenes y buscar la foto. Ahora supongamos que estamos dentro de una categoria llamada "articulos" y queremos insertar la foto, la ruta relativa DESDE ese punto sería: ../imagenes/miperro.jpgLos dos puntos antes de la barra (../) significa un paso hacia atrás, porque teniamos que salir de la carpeta "articulos" y entrar a la carpeta "imagenes" donde esta la foto.

Cristian Morataya

student•

http://ccmorataya.github.io/tareas/minefield.html
Mi ejemplo de campo minado :D (aun le faltan ajustes pero el caso practico es funcional)

Marco Antonio Camposano Siuce

student•

hola ¿cual es la diferencia entre rutas relativas y rutas absolutas ? agradezco su ayuda gracias,,,..

Carlos Mario Mora Restrepo

student•

Las rutas relativas son aquellas que asumen que estas ubicado en un directorio especifico, mientras que la absoluta define la ruta completa sin importar donde estes. Ejm: para ver el contenido de la carpeta fotos que tienes en mis documentos puedes usar ruta relativa o absoluta.
dir fotos --> solo sirve si estas ubicado en Mis Documentos. Por eso es relativa
dir c:\usuarios\usuario pepito\Mis Documentos\fotos --> funciona sin depender que estes ubicado en Mis Documentos. Por eso es absoluta.

Deivid Rojas

student•

Muy buena explicación Matrices, es muy claro y super sencillo

Leudi Tejeda

student•

Saludos, mi campo minado me quedo asi:

var campo = [  
            ["Cesped", "Bomba", "Bomba", "Cesped"],   
            ["Bomba", "Cesped", "Cesped", "Bomba"],   
            ["Bomba", "Bomba", "Cesped", "Cesped"],   
            ["Bomba", "Cesped", "Bomba", "Cesped"],  
            ["Cesped", "Bomba", "Bomba", "Bomba"]  
            ];  
var y;  
var x;  
  
y = prompt("ADVERTENCIA:\n Estas entrando a un campo minado, elige tu posicion Y", "Un valor del 0 al 4");  
x = prompt("Elige tu posicion X", "Un valor del 0 al 4");  
  
  
var r = campo[y][x];  
  
if (r == "Cesped")   
    {  
        document.write("Estas a salvo, has pisado cesped.");  
    }  
    else   
    {  
        document.write("Has muerto, has pisado una bomba.");  
};

Leudi Tejeda

student•

Ahora veo que explicaste como hacerlo en la siguiente clase :( me adelante e hice un disparate, mañana me dare cuenta cuando vea la clase.

Ḁ̪̻̫̰̭̌ͅbȇ͎̭͎̾̄̄̊l Vilca Quispe

student•

Mejorandola n_n GRACIAS A DIOS n_n?

<!DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title>Matrices</title> <script type = "text/javascript" src = "js/array.js"> </script> </head>

<body>
<p>!Hola Amicus...!</p>
</body>

</html>

"array.js"

var menu = ["Producto","Ventas","Contacto"];
var menu2 = [["Fortaleza", "Oportunidad"],["Debilidades", "Amenazas"]];
document.write(menu);
for(var i = 0; i < 2; i++)
document.write("</br>");

//document.writeln(menu2);
for(var i = 0; i < 2; i++)
{

for(var j = 0; j < 2; j++)
document .write(menu2[i][j] + " ");

document.write("</br>")
}

Pablo Peláez Gallego

student•

oadksadadsa

Pablo Peláez Gallego

student•

Hola,
Cuando se recorren estructuras como arrays, para delimitar la longitud del recorrido se usa el metodo length() de la estructura, esto con el fin de no usar constantes pues muchas veces el tamaño de las matrices o vectores es variable, no hay forma de contar con antemano con dicha cifra explicita. El metodo length() lo que hace es proporcionarte la longitud de la estructura, sin empezar en 0 (Cero), este si empieza en uno, por lo cual si en un arreglo de dos posiciones la ultima posicion es 1, su longitud es 2.

var matriz = ["Promociones","Contactenos"];  
  
for(var i = 0; i<matriz.length; i++){  
    document.writeln(matriz[i]);  
}

Si te percatas, lo que hago es limitar el indice "i" a una cifra menor a la longitud. Si tomamos el ejemplo del array con longitud dos, solo tomaría como valores de "i" los numeros 0 y 1.

Sebastian Martinez

student•

investigue y la palabra matrisear no existe

Julio Jiménez

student•

el mio es de vaqueros:  
//Genera un número aleatorio entre un rango de enteros  
function azar(minimo, maximo)  
{  
    var numero = Math.floor( Math.random() * (maximo - minimo + 1) + minimo );  
    return numero;  
}  
var  hacha = 0;  
var  revolver = 1;  
var  rifle = 2;  
var opciones = ["0", "1", "2"];  
var opcionUsuario;  
var opcionMaquina = azar (0,2);  
opcionUsuario = prompt("elige tu arma,vaquero\nTomahawk: 0\n revolver Smith and Westson: 1\nrifle Winchester: 2","0");  
alert("elegiste"+" "+ opciones[opcionUsuario]);  
alert("la maquina eligió"+" "+ opciones[opcionMaquina]);  
if (opcionUsuario == hacha)  
{  
    if(opcionMaquina == 0)  
    {  
        alert("la maquina eligió el hacha, es un indio!");  
        alert("ambos son indios, fallaron el tiro");  
    }  
else if (opcionMaquina == revolver)  
    {  
        alert("la maquina eligió el revolver, es un vaquero");  
        alert("te mato el vaquero...")  
    }  
        else if (opcionMaquina == rifle)  
    {  
    alert("la maquina eligió el rifle, es un cazador!");  
    alert("eres el indio, mataste al cazador!");  
    }  
}  
else if (opcionUsuario == revolver)  
{  
    if (opcionMaquina == rifle)  
    {  
        alert("la maquina eligió el rifle, es un cazador!");  
        alert("te mató el cazador...")  
    }  
    if (opcionMaquina == hacha)  
    {  
        alert("la maquina eligió el hacha, es un indio!");  
        alert("mataste al indio!");  
    }  
    if (opcionMaquina == revolver)  
    {  
            alert("la maquina eligió el revolver, es un vaquero!");  
            alert("ambos son vaqueros, fallaron el tiro...");  
    }  
}  
else if (opcionUsuario == rifle)  
{  
    if (opcionMaquina == revolver)  
    {  
        alert("la maquina eligió revolver, es un vaquero!");  
        alert("mataste al vaquero...");  
    }  
    if (opcionMaquina == hacha)  
    {  
        alert("la maquina eligió el hacha, es un indio!");  
        alert("te mato el indio!");  
    }  
    if (opcionMaquina == rifle)  
    {  
        alert("la maquina eligió el rifle, es un cazador!");  
        alert("ambos son cazadores... fallaron el tiro");  
    }  
}  
else  
    alert("esa arma no la tenemos...");

Enmanuel Jarquin

student•

muy buena explicación Freddy

Francisco Méndez

student•

A mi me sale así:
< productos,ventas,contacto
y mi código es:
var menu = ["productos", "ventas", "contacto"];
document.write (menu);
Saben por que es esto?
Saludos desde paraguay!

Carlos Martínez

student•

Quita el ; al final de document.write(menu)

Emmanuel Crisanto Crisanto

student•

A mi me pasaba lo mismo. Revisé y es que en el HTML (Creado con Sublime) en la primera linea estaba: <<!DOCTYPE html>, cuando lo correcto es: <!DOCTYPE html>. Es decir, elimina el "<" adicional al inicio. Espero haber podido ayudar ;)

jose martinez

student•

Hola aquí dejo mi ejemplo.

var tablero =  
[  
    ["1","0","1","0","0"],  
    ["0","0","1","1","0"],  
    ["1","1","1","1","0"],  
    ["0","1","0","0","1"],  
    ["1","1","0","0","0"],  
  
];  
  
function game(){  
    var a = document.getElementById("y").value;  
    var b = document.getElementById("x").value;  
    var resultado = tablero[a][b];  
    var c = "0";  
  
    if( resultado == c ) {  
        document.getElementById("print").innerHTML = "Sigue buscando.";  
    } else {  
        document.getElementById("print").innerHTML = "Has encontrado una mina. Felicidades has muerto XD.";  
    }  
}

jose martinez

student•

Aquí el html.

<!DOCTYPE html>  
<html lang="es">  
    <head>  
        <meta charset="UTF-8">  
        <title>Game</title>  
        <script type="text/javascript" src="./minas.js"></script>  
    </head>  
    <body>  
        <h1>Busca minas XD</h1>  
        <label>Coordenada Y:</label>  
        <input type="number" id="y" value="0"/>  
        <label>Coordenada X:</label>  
        <input type="number" id="x" value="0"/>  
        <button onclick="game()">Lanza tus coordenadas</button>  
        <p id="print"></p>  
    </body>  
</html>

Eduardo Lemus Zavala

student•

Una matriz es una colección de información. Pueden ser de varias dimensiones. Su almacenamiento y recorrido de la información empieza desde el indice o posición 0.

Emely Catalina Figueroa Lecaros

student•

Hola estaba usando sublime text para aprender, pero creo que se acabo la versión gratis, que programa recomiendan para seguir practicando que sea gratis, no tengo dinero para contratar sublime

Mayra Lopez

student•

Te recomiendo Visual studio.

Juan Pablo Marquez Rodriguez

student•

Si Visual Studio Code es muy buena opción también voy empezando y veo que los mas avanzados lo usan y también usan Vim asi que es una gran opción

David Fernando

student•

¿como hacer para comentar en bloque como lo hace @freddier ? minuto 13.27

Ivo Facundo Chayle

student•

ctrl + ] para comentar la linea

Matrices

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend

¿Qué es Frontend y Backend?

Ejemplo de un login usando POST y GET

Ejemplo de un login usando AJAX

Sesión de preguntas y respuestas

Crea tu primer servidor web con Node.JS

Instalación de Node.js

Instalación de librerías de Node con npm

Modelo cliente servidor y seguridad web básica

Servidor web con Express y Node.js

Formulario de login con Node.js

Sesión de preguntas y respuestas

Aprende a volar un dron con Javascript

Introducción a los drones

Bases de Node.js para drones

Vuela un dron con Node.js

Sesión de preguntas y respuestas

Complementos del curso

Publica tu sitio web usando GitHub Pages