Programación FullStack y Escritorio desde CERO a PROFESIONAL

Pascal será nuestro lenguaje base de referencia, en él aprenderemos todos los conceptos y luego los trasladaremos a las demás tecnologías. Empezaremos pues, mostrando información básica al usuario por medio de la consola (salida estándar).

Al igual que en Pascal veremos cómo mostrar datos al usuario en la consola del sistema en C++.

Visto lo visto en Pascal y C++, haremos lo mismo con Java.

HTML no tiene una consola (aunque JavaScript sí), por lo que mostrar información en un documento HTML es relativamente sencillo. Veremos aquí cómo hacerlo.

Conociendo lo básico es momento de empezar a complejizar la salida poco a poco mostrando varias líneas de información al usuario.

Imprimiremos varias líneas de texto en la consola de Java.

La entrada de datos al programa implica el uso de variables, así que veremos ese nuevo concepto para empezar a lograr que nuestros programas se vuelvan poco a poco más útiles y avanzados.

Veamos cómo declarar variables en C++ y cómo leer información desde la consola del sistema.

En Java, leer datos desde la consola se vuelve un poquito más complejo que lo que ocurre en Pascal o C++ porque Java utiliza objetos para ello (en concreto usa la clase Scanner), y aún estamos muy lejos de aprender orientación a objetos. Sin embargo, es posible que aprendas a leer información y aplicar en Java los mismos conceptos vistos en Pascal y C++.

Es momento de introducir JavaScript, el lenguaje de programación que dota a HTML de dinamismo (ya que HTML es estático y no conforma realmente un lenguaje de programación como tal). Verás cómo declarar variables en JavaScript y cómo leer información desde el navegador Web. Aprenderás que en este lenguaje las cosas cambian bastante en relación a lo visto en Pascal, Java y C++, ya que JavaScript no utiliza tipos de datos estáticos cómo sí ocurre en las otras tecnologías.

Profundizaremos en el uso de variables y conoceremos más tipos de datos, en concreto tipos numéricos, para que vayas aprendiendo cómo se trabaja con la información en cualquier programa. Sabiendo esto en Pascal será fácil trasladarlo al resto de lenguajes.

Haremos algunos cálculos matemáticos sencillos en Pascal para dotar de utilidad a lo visto con los tipos de datos numéricos.

Ahora que aprendiste a usar tipos numéricos y a hacer cálculos en Pascal veremos cómo lograr lo mismo en C++.

Realizaremos lo mismo que hicimos en Pascal y C++ ahora en Java. Todo resultará muy familiar.

En JavaScript todo será muy similar a lo visto en otros lenguajes, con pequeñas salvedades.

Aprenderás a hacer que una variable numérica pueda variar su valor aumentándolo según sea necesario (el mismo concepto sirve para disminuir). Piensa en un juego que va acumulando puntos, o que pierdes vidas, pues eso es lo que aprenderás a hacer.

Lo que aprendiste en Pascal será casi idéntico aquí en C++.

No es lo mismo trabajar con números enteros que con números reales, por lo que aprenderás aquí a utilizar el tipo REAL de Pascal.

El tipo REAL tiene su homólogo en C++, así como en Java. Verás aquí cómo funciona.

Aplicarás los mismos conceptos vistos en Pascal y C++ con números reales pero ahora en Java.

Las constantes son como "variables" que no cambian de valor, manteniéndolo justamente constante. Su utilidad al principio no es muy notoria, pero en la medida en que avancemos en el curso verás que las usaremos para todo.

Veamos cómo utilizar constantes en C++.

En Java las constantes se conocen como variables finales, aunque su funcionamiento es igual que en Pascal y C++.

Veamos todo lo visto en Pascal, Java y C++ ahora en JavaScript, donde las cosas cambian un poco pero la esencia sigue siendo la misma.

Practiquemos un poco con la entrada estándar y la realización de cálculos sencillos en Pascal.

Veamos cómo leer más de una variable a la vez y, por ende, más de un dato en simultáneo desde la consola con Pascal.

Entendamos a fondo el uso de READ en Pascal.

Empezaremos a utilizar comentarios y a documentar el código en Pascal, luego veremos cómo hacer esto mismo en el resto de lenguajes.

Este punto es clave: veremos la diferencia entre la división matemática entera y la división real, entiendo cómo realizar la operación de módulo o cálculo de resto. Esto conllevará a algunas diferencias entre un lenguaje y otro, por lo que es importante que prestes atención.

Veamos cómo usar comentarios en C++ y cómo además aplicar la división entera y la división real en este lenguaje.

Veamos cómo realiza Java la división entera y la división real.

La división entera y real en JavaScript es un poquito más complicada que en los otros lenguajes, pero nada que no puedas comprender si prestas la debida atención. Como hemos dicho en otras oportunidades, la esencia siempre es la misma, cambia un poco la mecánica que hay detrás.

Trabajaremos un poco con caracteres (el tipo CHAR), que resultará muy útil a futuro.

Veamos cómo trabajar con caracteres en C++ y el uso de secuencias de escape, concepto que no existe como tal en Pascal pero que sí puede ser emulado, cuestión que verás a futuro.

Veamos las secuencias de escape en Java, que son idénticas a las de C++ y también a las de JavaScript.

Reciéntemente se ha introducido en C++ el concepto de inferencia de tipos, que sirve para declarar variables sin indicar explícitamente su tipo de datos. Es lo que JavaScript hace todo el tiempo, ya que los datos en este lenguaje son dinámicos. Este concepto también existe en Java.

Veamos cómo utiliza Java la inferencia de tipos que vimos en C++. JavaScript siempre está infiriendo tipos, así que el concepto es nativo en dicho lenguaje.

Veamos cómo usar los caracteres de escape en JavaScript. Spoiler: es igual que en C++ y Java.

A partir de ahora los programas se vuelven más interesantes porque será posible tomar diferentes caminos dependiendo de condiciones que nosotros como programadores/as definiremos. Veamos cómo utilizar la sentencia IF en Pascal y traslademos eso luego al resto de lenguajes.

Esquematizar siempre es de gran ayuda, y es independiente del lenguaje que estés utilizando. Es importante que aprendas las bases de crear diagramas de flujo, porque implica "pensar antes de hacer", planificar y ver a largo plazo.

Veamos cómo utilizar IF en C++.

Veamos el IF en Java, que es idéntico al de C++.

Veamos cómo utilizar IF en JavaScript, que es igual al visto en Java y en C++.

Diagramemos una concatenación de IF para entender lo que hay detrás, y luego llevemos eso a nuestros lenguajes de programación.

Concatenar IF es algo muy común y, de hecho, necesario. Veamos cómo lograrlo en Pascal.

Hagamos un ejercicio de concatenación IF en Pascal para luego pasar a otros lenguajes.

Ahora veamos cómo es la sintaxis de C++ para concatenar un IF con otro.

Veamos cómo hace Java para concatenar IF.

JavaScript tiene una sintaxis idéntica a Java y C++ para crear IF concatenados, aún así no está de más ver cómo funciona.

Hay una sentencia que permite usar IF concatenados pero sin escribir IF. En Pascal dicha sentencia se llama CASE, luego en el resto de lenguajes se llama SWITCH, y aunque su sintaxis cambia y algo de su mecánica también, en esencia es todo lo mismo.

Ahora CASE se llama SWITCH, y además requiere una instrucción extra llamada break para funcionar tal como vimos en Pascal. Veamos cómo aplica esto en C++.

Lo visto en C++ es idéntico aquí en Java.

C++, Java y JavaScript funcionan de forma idéntica en su sentencia SWITCH, asimismo veremos un ejemplo en JS para que no queden dudas.

El tipo BOOLEAN se vuelve imprescindible, y aunque complejiza un poco las cosas, es quién te dota de la capacidad de generar condiciones complejas para la toma de decisiones en tus programas. Veamos cómo usar este tipo de datos en Pascal.

El tipo BOOLEAN visto en Pascal ahora se llama bool, pero funciona igual.

El tipo bool ahora vuelve a ser boolean, pero también funciona igual que en Pascal y C++.

Aquí no hay un nombre para el tipo de datos, pero sigue siendo un booleano que puede valer TRUE o FALSE según sea necesario. Veamos un ejemplo de uso en JavaScript.

Veamos algunos operadores comparativos de Java para ir cerrando el concepto de selección.

Veamos ejemplos de anidación IF en todos los lenguajes abarcados por este curso.

La iteración es el último pilar de la Programación Estructurada, y es lo último que veremos en los 4 lenguajes para luego quedarnos solo con Pascal y JavaScript (y obviamente HTML y CSS). Comenzaremos con la sentencia FOR en Pascal para luego pasar a usarla en C++, Java y JavaScript.

Crearemos un pequeño programa en el que intentas adivinar un número secreto en una cantidad finita de intentos.

Veamos cómo anidar una instrucción FOR dentro de otra y las implicancias que esto tiene.

El funcionamiento de FOR en C++ es idéntico a lo visto en Pascal, pero su sintaxis cambia bastante. Veamos cómo funciona esta sentencia.

Como Java está basado en C++, la sintaxis de las estructuras básicas es idéntica, así que el FOR se escribe y utiliza de forma equivalente.

Lo que viste en C++ y Java será idéntico aquí, salvo por el uso de VAR o LET, cuestiones que se volverán muy importantes a futuro.

Veamos cómo lograr obtener números al azar en Pascal mediante la función RANDOM y el procedimiento RANDOMIZE.

Obtener números aleatorios en C++ es bastante distinto a lo visto en Pascal, pero nada que desentone mucho.

Veamos cómo hace Java para obtener números al azar.

En JavaScript es todo bastante distinto, por lo que es importante que veas exactamente cómo obtener números aleatorios en este lenguaje.

En esta clase te propongo un proyecto sencillo que debes realizar obligatoriamente en Pascal y en JavaScript, y opcionalmente en Java y C++. Verás la descripción en el video y tendrás un PDF con el detalle minucioso de lo que debes realizar.

Aprenderás ahora a generar bucles condicionales cuyas repeticiones no son finitas ni predefinidas como ocurre con FOR. Veamos primero que nada el uso de WHILE.

Conociendo WHILE en Pascal es sumamente fácil adaptarlo a la sintaxis de C++.

Como de costumbre, en Java las bases del lenguaje son idénticas a C++, y WHILE no es la excepción.

En JavaScript todo funciona idéntico a C++ y Java en lo que a sentencias básicas refiere.

La sentencia REPEAT cumple el mismo papel que WHILE con una sutil diferencia: se ejecuta siempre al menos una vez. Además, la condición de un REPEAT siempre es opuesta a la de un WHILE, por lo que hay que invertirla para pasar de una sentencia a otra.

No hemos visto ningún otro lenguaje con una sentencia REPEAT, sino que te encontrarás con DO-WHILE. Sigue cumpliendo la misma condición de ejecutarse al menos una vez, pero para pasar de un WHILE a un DO-WHILE no hace falta invertir la condición. Veamos cómo funciona esto en C++.

En Java tienes un DO-WHILE idéntico al que hay en C++.

En JavaScript tienes el mismo DO-WHILE que en C++ y en Java.

Este proyecto es opcional ya que te invita a investiga un poco el funcionamiento de cada lenguaje y a utilizar tu creatividad para adaptar el funcionamiento de consola hecho en Pascal al funcionamiento de navegador de JavaScript. También debes ver cómo obtener logaritmo en base 2 en cada lenguaje. Como programador/a siempre estarás enfrentando situaciones como estas: se debe lograr algo pero no se sabe cómo, así que hay que buscar respuestas en internet o incluso publicar preguntas a ver si alguien sabe cómo solucionar un problema concreto.

Veamos en más detalles los tipos primitivos en Pascal.

Dejando atrás a C++ y Java, es momento de aprender a usar tipos de datos estructurados, siendo el primero el arreglo.

Los arreglos en JavaScript funcionan de manera similar a Pascal en su sintaxis, pero internamente son muy diferentes.

Aprendamos a buscar elementos dentro de un arreglo.

Hagamos búsquedas en JavaScript.

Practiquemos un poco más con arreglos lineales antes de pasar a las matrices.

Lo visto en Pascal pero ahora en JavaScript.

En JavaScript todo arreglo es dinámico, pero en Pascal no, por lo que hay distinción entre los arreglos estáticos y los dinámicos. Veamos un poquito esto.

Veamos cómo crear matrices o arreglos de dos dimensiones.

En JavaScript las cosas son un poquito diferentes cuando de tablas o matrices se trata.

Entrenemos un poco el uso de arreglos y su recorrido.

Repitamos el proceso en JavaScript.

Aprendamos a usar el depurador, un herramienta crucial para detectar, buscar y reparar errores en nuestros códigos.

Aprende también a usar el depurador de NetBeans en conjunto con el de Chrome.

Leer caracteres uno a uno no es una tarea tan sencilla como parece.

Podemos generar números al azar pero... ¿letras?

Aprende a acumular o concatenar cadenas en JavaScript para generar salidas más interesantes.

Crearemos la primera versión del truco de cartas que adivina la carta que el jugador tiene en mente de un total de 21 presentadas. En esta oportunidad trabajaremos con caracteres; a futuro agregaremos imágenes pero aun no es el momento. Este proyecto es obligatorio.

Esta clase propone un proyecto extremadamente retador pero imprescindible, ya que es el camino para desarrollar verdaderamente tus cualidades y capacidades como programador/a.

Este proyecto propone una "pequeña" variación al proyecto anterior, lo cual hará que trabajes con el código que ya escribiste teniendo que modificarlo y mejorarlo. Es un acercamiento al "mantenimiento de código".

Ahora que sabes trabajar con arreglos podemos ver una variante del bucle FOR específicamente pensada para recorrer arreglos con una sintaxis más simple.

Análogo al FOR-IN de Pascal, JavaScript tiene FOR-OF para recorrer arreglos.

Comienza aquí el aprendizaje sobre modularización de código y el trabajo con subprogramas, herramienta que de ahora en más será indispensable. Iniciarás aprendiéndolo en Pascal dado lo robusto de este lenguaje, ya que en JavaScript las cosas son más simples y eso propicia el no comprender de fondo lo que ocurre realmente.

Hablar de subprogramas es hablar de parámetros o argumentos. Veamos qué son y para qué sirven.

Las funciones son como los procedimientos salvo que retornan valores al final. Veamos cómo funcionan y para qué sirven.

Los subprogramas introducen un nuevo concepto que debe ser comprendido: el alcance en los identificadores (nombres) que utilizamos en el código, ya que ahora aparecerán elementos locales y globales, así como contextos o bloques.

Usemos las funciones que arrojan valores boolean ya que tienen una utilidad particular.

Este concepto es crucial y JavaScript no provee un marco en el cual aprenderlo correctamente. Comprenderás las diferencias entre pasajes de parámetros y dominarás las referencias, ya que aunque JavaScript no permite usarlas de forma explícita, implícitamente las estarás manipulando. Pascal será entonces el marco ideal para comprender este tema.

Este concepto es solo aplicable a Pascal, ya que JavaScript posee una característica llamada levantamiento, que permite declarar cualquier elemento en cualquier parte del código independientemente de dónde será utilizado (o casi). Sin embargo, comprender cómo Pascal funciona (y también Java, C++ y otros lenguajes), te permite utilizar buenas prácticas como programador/a,

Comprendamos a fondo el uso de subprogramas con ejemplos prácticos.

La sobrecarga es la capacidad del lenguaje de utilizar el mismo identificador para diferentes operaciones, siempre y cuando su firma tenga variaciones. En Pascal esto es plenamente posible, al igual que en Java, C++ y otros lenguajes fuertemente tipados, pero no lo es tanto en JavaScript como verás en clases posteriores.

Ahora que tienes pleno dominio de procedimientos en Pascal, es hora de introducirlos en JavaScript.

Comprenderás que en JavaScript todo son funciones en realidad, pero sin embargo podemos usarlas como procedimientos cuando retornan un valor undefined (en Java o C++ por ejemplo este valor es void). Asimismo hay cuestiones importantes a comprender del uso de funciones en JavaScript.

Veamos cómo funciona el alcance en JavaScript, así como la introducción de la palabra reservada let.

Hay una enorme diferencia en el pasaje de parámetros que propone JavaScript respecto al que propone Pascal. En JS no podrás usar referencias, aunque sin embargo siempre estarán allí. Lo comprenderás a fondo cuando trabajemos con punteros, sin embargo ahora es momento de entender ciertas cuestiones importantes.

JavaScript propone varios tipos de sintaxis para definir funciones, veamos los pros y contras de cada cual y conozcamos los que existen.

Este proyecto propone modificar el código del programa MasterMind aplicando el uso de subprogramas. El funcionamiento de cara al usuario seguirá siendo el mismo, sin embargo internamente la estructura de tu programa estará ahora modularizada.

Es momento de comenzar a trabajar más profundamente con tipos de datos estructurados. Ya viste los arreglos, pero ahora es momento de ir avanzando en este camino. En JavaScript no existen las enumeraciones, pero aún así encontraremos mecanismos para emular este comportamiento, por lo que es importante que lo domines en Pascal para comprender lo que hay de fondo.

Entender los conceptos mediante ejemplos prácticos es importante, así que trabajemos con enumeraciones.

Los registros son el primer tipo de datos estructurado que presentará la precuela de lo que son los objetos. Claro, falta muchísimo recorrido para llegar allí, pero a partir de aquí comenzaremos a construir dicha teoría.

Apliquemos el uso de registros de forma práctica modificando el Adivinador.

En JavaScript no existen los registros del mismo modo que en Pascal o que el tipo struct en C++, por lo que emularemos dicho comportamiento usando las herramientas que JS pone a nuestra disposición.

Una forma ingeniosa de tener listas "dinámicas" en un programa.

Los arreglos de JavaScript son de por sí dinámicos, por lo que no tiene sentido la aplicación vista anteriormente en Pascal, aunque hay cosas interesantes por hacer.

Veamos más en detalle el poder de los arreglos en JavaScript.

En este proyecto el MasterMind se volverá más interesante, ya que ahora invertiremos los papeles y tú serás el pensador, teniendo tu programa que adivinar el código en base a las notas que recibirá por tu parte.

Es momento de comenzar a dividir el programa en archivos independientes. En Pascal se logra mediante unidades, en JavaScript de momento lo haremos de manera simple con scripts independientes, lo cual verás en la clase siguiente.

Aunque esto no es modularización propiamente dicha, genera la ilusión de serlo y además permite un trabajo mucho más organizado con programas cada vez más grandes en JavaScript, sin embargo no permite usar scripts que usen subprogramas, variables o constantes definidos en otros, y eso es una limitación enorme. No podemos, tal como se hace en Pascal, importar cosas de un archivo JavaScript a otro, al menos no de momento, sin embargo esto te permitirá iniciar con un trabajo modular que se extenderá luego.

En la Web no todo se trata de crear diferentes archivos de scripts, es crucial poder usar diferentes archivos HTML, es decir, diferentes páginas.

Este proyecto será sumamente sencillo, ya que constará únicamente de unir las dos funcionalidades desarrolladas en todos los proyectos anteriores, de forma que el usuario pueda elegir si quiere jugar como Adivinador o como Pensador.