Introduction to Computing Principles (19 mins)

Introducción a la Computación Principios (19 minutos)

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.