Hola, mi nombre es Nick Parlante, y esta es la clase que explora las características básicas
de las computadoras. Como ellas trabajan, que pueden hacer y que no. Esto
no requiere ningún conocimiento previo. Está dirigido a todo el mundo.
Así que antes de iniciar, me gustaría, tomar un momento para agradecer a Google por apoyar
mis primeras investigaciones, en este tópico , que a la larga me ayudó a hacer esta clase.
También una nota rápida, Esta clase no está solo hecha de videos. Para cada sección de video,
hay una especie de documento escrito, el que estoy aquí desplazando , que,
paralelo a la explicación, tiene diagramas y códigos de ejemplo, y otras cosas.
Así que, realmente en cualquier momento, tu puedes cambiar entre el video y el documento sí
deseas releer una explicación, intentar un ejemplo o cualquier cosa. Hay
una gran diferencia entre verme hacer algo e intentar hacerlo tu mismo. Así
mi consejo sería. Algunas veces, al final de una sección, nosotros tenemos algunos
ejercicios. y así, a tiempo,antes que intentes hacer los ejercicios, puedas decidir.
Bien, estás listo para saltar a los ejercicios, o si gustas volver atrás al
documento e intentarlo otra vez, ¿pruebas alguno de los experimentos a ti mismo para cimentar
lo visto hasta el momento? Así, al menos debes saber que está disponible para cada
una de las secciones. Así que diré que la ecuación fundamental de las computadoras
es computadoras igual potencia más estupidez. Potencia en el sentido que la computadora puede
hacer solo billones de operaciones. Ellas solo trabajan inconcebiblemente rápida, pero, las
operaciones son estúpidas en el sentido que las operaciones que la computadora puede hacer
son muy simples, son totalmente mecánicas. Ellas no tienen ninguna idea de que
se describiría como una visión humana de lo que están trabajando. Por lo que esta extraña
combinación de gran poder combinado con una especie de estupidez mecánica.
Estos patrones que vendrán más claramente , como trabajaremos en estos pequeños,
ejemplos de código, para ordenar para jugar alrededor en el, en el mundo de la computación. Ahora, estoy siendo
un poco provocativo, una especie de broma de computadoras. Oh!, ellas son tan estúpidas
y, pero por otro lado, nosotros vemos las computadoras son, son muy útiles, así, en
en una manera, que esta clase es sobre ellas. Por un lado visitando este tipo
de mundo de computadoras divertidas que es una especie de mecánica, y luego conectarla de
esta manera, tu sabes cosas como email, y audio MP3. Cosas en el mundo real que
son muy útiles. tratando de conectar estos dos mundos y mostrar como las
computadoras trabajan, y como esto encaja en el mundo. Mi objetivo es que, saliendo de
clases, tu entiendas como trabajan las computadoras, y como se ajustan al mundo. Y
en alguna manera, tu no seas intimidado por la computadora. No pienses en ella como una
caja mágica e inconcebible. También tengo una agenda oculta. Hay muy pocos científicos de la computación
en el mundo. Hay muchos problemas que nos gustaría que fueran
resueltos, pero simplemente no hay suficiente gente para programarlos todos ellos. Así que
mi agenda oculta es tal que abriendo tus ojos hacia el mundo de las computadoras y como trabajan
para alguien como tú, tu puedas encontrar que estás interesado en la búsqueda de las
ciencias de la computación en el futuro. Así que, la primera aproximación que voy a observar es; ¿Cómo
trabaja una computadora? Así que dentro, la computadora está realmente dirigida mediante códigos.
Entraremos en muchos más detalles sobre esto más adelante. Esto solo será nuestra primera mirada.
Aquí he hecho una imagen aproximada de una computadora. Y el código dentro de la computadora está
hecha de estas instrucciones simples. Así una instrucción puede ser sumar dos números,
ya sabes, calcular que es uno más uno o verificar si dos es menor que diez. Así que lo que
la computadora hace, para este primer vistazo, es solo ejecutar esta lista de instrucciones.
Cada instrucción es muy sencilla y la computadora solo está ejecutando la lista realizándola,
si bien las hace muy rápido. Pero cada instrucción tiene
este tipo muy mecánico de sensación fija. Así que voy a decir esto:
Pienso que esto conduce a una pregunta natural. Que es, bien; ¿Sí la computadora es
tan mecánica ejecutando estas instrucciones, como es que hay tantas
funciones útiles en el mundo?, Tengo un diagrama para este caso.
Así en el lado derecho voy a imaginar algunas características útiles como la
reducción de ojos rojos, o mensajería instantánea. Y, voy a decir para este análisis,
sabes, tu teléfono, tu cámara digital, todas son computadoras. Están en el lado derecho.
Tengo el hecho útil, reducción de ojos rojos. Y en el lado izquierdo,
tengo la computadora,que solo está pasando sus instrucciones mecánicas simples.
Así que, ¿qué conecta estos dos puntos de vista? Y la respuesta es que, realmente,
esto es lo que la programación de computadoras es. Hay una persona, un
programador, quien primero tienen una idea. Oh!!, Deberíamos tener reducción de ojos rojos,
Sería realmente muy útil. Y así, ellos usan su creatividad y su
imaginación para pensar lo que puede ser algo útil que una computadora pudiera hacer.
Y entonces lo que el programador hace, es que realmente estructuran
y analizar ese problema, de tal manera que la computadora pueda hacerlo. Ellos realmente dan instrucciones
y estructuran cosas que la computadora pueda hacer realmente, hace esta
cosa útil. Eso es programación de computadoras, y de hecho, cualquier cosa
útil que tu hayas hecho con tu cámara digital, o celular o tu
computadora, realmente detrás de la escena había una persona que estaba haciendo que eso pasara.
Y un poco como esta combinación. En cierto modo, el programado, la persona
trae su creatividad e intuye sobre el mundo y pensamiento de las cosas que
puede ser útil tener, tener hechas, y. Esa es su mitad del problema. Y una computadora
trae lo bueno de la computadora. Diría que la computadora es buena en ser
últimamente bastante barata. Y la computadora es capaz de hacer todas estas instrucciones
muy, muy rápido, y así, nosotros tenemos. Últimamente nosotros tenemos esta
preciosa combinación. Y en alguna manera hay porque, hay muchas computadoras en
el mundo haciendo cosas útiles.esto muestra que es una buena sociedad entre
personas y computadoras. En algún modo este diagrama también es un poco el
resumen de esta clase. Visitaremos el lado izquierdo de mi mano para ver un tipo de
como lucen las computadoras. Y mirar la conectión entre
sus características actuales que usas y un tipo de entendimiento de como la computadora se
ajusta hacia el mundo y consigue haer cosas. Así, en la segunda mitad de esta sección
Empezaré haciendo pequeños ejemplos de código, Y mencionaré que esto requiere
un poco de paciencia. Empezaré codificando, y nuestro
primer código de ejemplo será muy simple. No haré ninguna cosa
diré que es como un poco de bloques de lego, cada poco de código que nosotros
aprendamos es un lego más, y eventualmente estaremos capaces de poner cada cosa
junta y hacer cosas bastante ordenadas. Pero el primer par de secciones
las cosas, nosotros empezaremos en alguna parte, y estos primeros ejemplos serán muy simples
Así que pedimos que sean pacientes, prometo que vamos a llegar a algun lado elegante con este
material. oh, y actualmente aquí, pongo un poco de prefiguración, así realmente con un
par de horas de lecturas. Nosotros empezaremos haciendo efectos visuales especiales. y así
Jugaremos alrededor de la fama, mostrando aquí el problema de la luna de banana. Así que
solo un poco de prefiguración de donde estamos. Pero por hoy solo haremos
simple bits de codificación. Para estos ejercicios de código, usaremos un
lenguaje de computadoras llamado Javascript. Javascript es un lenguaje popular. Este trabaja
en los nuevos navegadores web. Así que es por esto que es muy popular. Y esto es porque se
ajusta para nuestra clase. Porque esto, porque nosotros trabajamos en un navegador web
significa que nuestro código puede trabajar fácilmente. Usaremos Javascript más
algunas extensiones que agregaré solo para esta clase. Así que esto no será
exactamente como un Javascript profesional. Trabajaremos en Frases de código que
son ultimamente muy cortas. Solo lo suficiente para tener una especie de punto de interés conseguir cruzar los puntos
que necesito hacer y explorar un tipo de computadoras. Pero sin traer un poco de
el equpiaje que se necesita para escribir profesionalmente programas. Todo
bien, aquí está mi primer ejemplo de código. Así la manera que el código trabajará para nosotros es
tenemos esto, una pequeña área rectangular. Y este texto dentro de el, esto
este código. Y entonces tenemos un botón run(ejecutar) abajo. Cuando de clic en
el botón run. lo que pasará es, la computadora volverá aquí arriba y solo
ejecutará através de estas líneas. Y lo que es va a, oh como lo decimos, va a ejecutarse
cada línea. Va a hacer lo que dice. Así en el caso que miremos en esta la
función print. Así, hay solo la palabra print. Y la manera en que la función print
trabaja. Es que tiene la palabra print, y entonces hay un paréntesis izquierdo. Y entonces
hay una serie de cosas. Así aquí, solo vemos el #six. Y entonces eventualmente
la línea finaliza con un paréntesis derecho y un punto y coma. Y que la función print
hace es tomar las cosas entre los paréntesis, y las imprime fuera. Y así
realmente si tu miras sobre el lado derechom de mi mano, esta es la salida de
cuando doy clic en el boton run. Así si yo cambio esto para que diga, print 42. Y
ejecutará esto. Entonces veremos aquí 42. Así hay desde la la primera linea print y cuando
Yo digo print uno coma dos,es por eso que vemos el, el uno y el dos sobre aquí. Así.
es el modo de trabajo. Dije que nuestro primer ejemplo sería muy, no muy brillante
Ciertamente, ciertamente esto es verdad aquí. Así puedo tratar saber, añadir un
poco más de cosas aquí. Así puedo decir coma 47. Así cuando ejecute esto, ok, ahora vemos
tenemos el uno el dos en el 47. También solo mostramos que esas líneas
toman una vez, Copiaré.Que uno, y entonces pegaré esto un par d veces
tengo múltiples líneas. Así si ejecuto esto, nosotros veremos correctamente, bien. [inaudible]
solo, tu sabes, nosotros tenemos una repetición de cualquier salida.
algo que debemos indicar sobre esto. Es que la sintaxis de este código, no es
en forma libre, es lo contrario, es muy estructurada, esto tiene que ser para
que la computadora pueda entenderlo. Y esto en realidad una reflexión de la naturaleza interna
de la computadora. Que tiene esta cualidad mecánica fija y que
pueda comprender el lenguaje será también mecánico y fijo. Entonces
esto es un poco extraño, verdad, primero, que no puedes sólo empezar de forma libre
escribiendo Inglés aquí y tener a la computadora siguiendo esto. Así que piensa en esta
como tu primera lección, y la naturaleza de las computadoras. O puedes verla como
una especie de cuando en Roma, un tipo de calidad. Es como mira! estoy pidiéndote visitar
el mundo de las computadoras. Vamos a trabajar un poco en el lenguaje de las
computadoras. Va a ser una sensación un poco extraña al principio. Pero la realidad
es que realmente no es complicado. La sintaxis es, puede ser estructurada, pero también es
muy simple. Y también puede alentarte para que no te dejes intimidar por
calidad de estructura mecánica de este lenguaje. Esto va a permitirnos hacer
algunas cosas muy buenas. Bien, éste es mi primer ejemplo, vamos a intentar un segundo ejemplo aquí.
En mi primer en primer ejemplo, sólo son números.En el código informático también existe algo
llamado "String" (cadena). Y aquí un primer ejemplo de una cadena. "Hi" entre comillas, eso quiere decir
que String es sólo una secuencia de letras en un código, que está escrito entre
comillas. Por eso es que tengo el Hi. Así que print puede tomar un número e imprimirlo
luego, resulta que también puede imprimir strings. Esto acaba de interpretar el string como una
secuencia de letras y lo que sea, el string sólo imprime eso a lo largo de
aquí. Entonces, puedo cambiarlo, ya sabes, dice Hi, yo podría cambiarlo para que diga: good day
El string puede tener espacios en él. Así que si corro esto vamos sólo a ver
el good day aquí. Entonces, en un programa de computadora, cadena de caracteres y números son
ambos muy comunes. Un string en un programa de computadoras podría ser usado para tener guardado
un URL, algo que sólo escribes o, quizá en una palabra procesar cada párrafo en
el que estás trabajando tal vez para almacenarlo como un string. Así que string es básicamente esto,
secuencia de letras. Es un común ordenador de datos en una computadora. Otra cosa
que está mostrada en este código de ejemplo, es esta primera línea, ésto es llamado un
comentario, y en JavaScript, los comentarios comienzan con dos Slashes, la forma en la que el comentario
trabaja es, comenzando con dos slashes, todo en la parte derecha de esa la línea.
La computadora lo ignora, y puedo usarlo para escribir alguna observación sobre, tu sabes, oh,
Tengo dos strings aquí. Alguna pequeña observación o apunte para mí mismo, o algo
sobre el código. Entonces cuando yo corro el programa, la computadora sabrá ignorar esta
parte. Oh, eso es sólo un comentario!. En algunos de mis ejemplos siguientes, verás
comentarios salpicados alrededor de donde esté, estaré remarcando sobre lo que está sucediendo.
Un ejemplo que podría hacer que es un poco difícil, es:, voy a poner la palabra
print, dentro de este string, y veré qué es lo imprime. Así que ahora mismo, en la
segunda línea, cambió, hello por print. Entonces, lo que sucedió es que, la palabra print dentro
de un string, no es tratada como un código para que corra, como la palabra print fuera, esa es una
función que denomina al código. Cuando estoy dentro de las comillas como
esto, es sólo un dato. Eso es algo sobresaliente dentro del código. Bien,
de acuerdo, haré en el final de esta sección, vamos a tener algunos ejercicios,
donde, tu podrás escribir algún código tal como: aquí he terminado. Entonces como yo he men-, como he mencionado anteriormente,
el código trabaja dentro del sistema, siendo muy limitada-estructurada la sintaxis. Y es
realmente un error demasiado común, incluso un, tu sabes, un programador profesiones quién
escribe códigos todo el día. Cuando ellos están escribiendo algún código, ahí tenderán a
tener pequeños errores de sintaxis. salpicones a través del código. O, quizá un, te ha faltado un
paréntesis o hay un error tipográfico en una de las palabras. Y esos errores de sintaxis son
muy fáciles de arreglar. Entonces eso quiere decir que cuando tu, cuando vayas a darle click al botón de correr
is muy común que haya algún pequeño error tipográfico y tengas que solucionarlo. Y
quieras entender que, esos pequeños errores no reflejan algún profundo
malentendido de tu parte, o alguna galla, esos son sólo pequeños errores superficiales
que suceden todo el tiempo codificando. Y un programador profesional, los comete todo
el tiempo, y nosotros no discurrimos en arreglarlos. Nosotros, incluso no pensamos
más en eso. Así que to creo que cuando las personas se introducen por primera ves en la codificación,
esto es algo que los descarrila un poquito, hay esos pequeños
errores de sintaxis y un poco, a unos los ponen fuera del juego cuando de hecho, todos
cometen esos errores. No es en lo absoluto una gran cosa, así que ayuda, difunde ese problema un poquito.
Sólo quiero ir mediante el grupo de ejemplos que he tenido... He
creado aquí, algunos ejemplos, donde sólo tengo típicos errores de sintaxis. Y
quiero mostrarles que errores aparecen cuando das click al botón ejecutar, verdad?
lo que sucederá es que cuándo le de click al botón ejecutar, éste no trabajará, voy a obtener
algún pequeño error. Y quiero mostrarles el proceso desde encontrar el
error y arreglar el pequeño problema de sintaxis, sólo así te acostumbras. Como,
oh sí, cuando primero das click al botton ejecutar, ese es un error muy común, cosas que
van a ocurrir, Entonces, vamos a ir a través de estos. Listo, ejecuto el programa con el
botón. Y, ya sabes, en lugar de ejecutar y producir una salida, obtengo un pequeño
error aquí, un pequeño mensaje de error. A veces los mensajes de error, son
muy buenos, describen qué está sucediendo. Así que, vamos a leer el primero, este dice,
error, P-r, PR, PRlint no está definido. Lo que está sucediendo aquí, es que print es una
función, pero aquí la segunda, la línea dos, y en realidad en este caso es,
bien, ésta nunca funcionará, pero en muchas ocasiones, ésta destacará la línea que tiene
el problema. El problema es que es un error tipográfico, éste no dice P R I N T, éste dice P R L N T.
Entonces, si cambio L por i ... Sí, ahora funciona, éste es un pequeño programa sólo
imprime a, 1, b, 2, c, 3, un poco sin sentido
un ejemplo que hago, ahora, claro, puse una L porque estaba considerando
una letra que se parezca a la i, tú habrías venido observando cuidadosamente, ya que yo estaba
siendo un malicioso profesor ahí. Bien, vamos a intentar otro de estos.
Daré click a ejecutar en éste, dice error: string sin terminar, y éste
destaca la segunda línea. Miraré la segunda línea desde izquierda a
derecha, lo viste, ahí ahí está la B, entonces debes ver el problema es que aquí es
un string. Nuestra intención fue el string B, pero falta cerrar las comillas. Como
son necesarias ambas comillas, vamos a ver como funciona. Intentaré el tercero. Vamos
a ver, error, falta paréntesis derecho, así de nuevo, está destacada la línea. Ahora
voy a, realmente, en este caso, el error, el mensaje de error es realmente
bueno. Está diciendo, hey, mira!. Como con las comillas, el paréntesis izquierdo.
y el paréntesis derecho, ellos necesitan estar en pareja. Como, ahí, ahí debe estar un paréntesis en
la derecha, exactamente ahí por el print, ahora este funciona.
Bueno, aquí el último . Algo mal... En éste caso
el mensaje de error está equivocado. A veces, cuando existe un error de sintaxis,
la computadora, se confunde y no puede diagnosticar el mensaje
de error, esto puede básicamente decir, bueno, algo está mal aquí en la línea dos. Entonces
recomiendo sólo observar cuidadosamente de izquierda a derecha y mira, esto parece. parece,
muy razonable, sucede, en este caso que lo que falta, es la coma. Y
pienso que éste es un ejemplo de la diferencia entre las computadoras y los humanos. Un
humano puede observar y ver tu intención. Tal como, Oh, ya veo la intención aquí
fue imprimir un uno y luego una B. Pero la computadora con si cualidad mecánica.
es como, las cosas deben ser, como deben ser, y esa coma
no es opcional, allí debe de tener la coma, y nos quedaremos atascados hasta que lo arreglemos. Todo
perfecto. Ahora funciona. Bueno, ésta es nuestra primera sección de impresión básica
con números y caracteres. Tengo un ejemplo aquí, lo intentaré. Así es
como los ejercicios van a aparecer muchas veces. Sin embargo después los ejercicios serán
mas entretenidos, lo prometo. Entonces, éste dice, cambiar el código de abajo de tal forma que
al ejecutarse produzca exactamente esta salida. Dice, uno, dos, hebilla, ésto está basado en
el uno, dos, hebillo mi zapato (algo así). Así que este código, ahí, ahí está un código que ejecuta
algo, pero no es, no es lo correcto, así que se supone que debemos de cambiarlo.
Veamos. Para uno, lo que debo hacer es agregar dos, y luego
recordar poner la coma, luego, cambiaré este string, para que sea
hebilla, ahora puedo ejecutarlo, acabamos de ver que hace. Te alentaré, tu sabes,
si tienes alguna idea del código, o sólo deseas intentar algo
no romperás algo sólo por escribir aquí y equivocarte
Entonces es bueno, es bueno tener la sensación de la experimentación.
Aquí está la primera línea. Y voy a revisar la segunda. Así, tres coma, cuatro coma,
knock. Bien, oh bien, ahora funciona. Algunas veces cuando hago pequeños ejemplos
en un documento como este quizá es que el , el vídeo. Haré un grupo de
ejemplos, y cuando quieras ve e inténtalos, tu sabes, se, estarás curioso sobre
el segundo, y quieres ir a revisarlo e intentar alguna variante, encontrar el error
por ti mismo, eso es algo de lo que estás absolutamente libre de hacer. A veces
en el documento tengo un botón que muestra la solución, eso
quiere decir que puedes ir y está en blanco, entonces podrías hacer tus experimentos.
Pero si luego eres curioso sobre el código que he utilizado, luego puedes también verlo
disponible en el documento, y comparar con tus respuestas. O si
quieres copiarlo, o lo que sea, está bien. Bueno. éste es el final de nuestra primera
sección, así que revisa esos ejercicios de codificación.