Curso de Iniciación a Javascript express

Disciplina de programación: qué es programar, por qué queremos programar, cómo vamos a programar, qué es un lenguaje de programación.

En esta clase emitida en vivo vamos a conocer más de cerca el lenguaje Javascript, con una presentación inicial en la que veremos aplicaciones del lenguaje, plataforma web frontend, plataforma Nodejs backend, herramientas desarrolladas con Javascript y mucho más. Luego pasaremos a una parte práctica en la que presentaremos P5.js, una librería para diseño y animación en Javascript que usaremos para las clases prácticas de este curso. Mostraremos algunos ejemplos rápidos que nos permitirán ver una nueva manera de aprender el lenguaje a través de la experimentación visual.

Veremos una de las maneras más simples de escribir código Javascript y ver los resultados de una forma inmediata en tu navegador.

Otra herramienta rápida pero un poco más sofisticada para crear programas con Javascript y ver el resultado de manera inmediata.

Una tercera alternativa de herramienta online que podrías usar también para escribir y probar código Javascript cómodamente.

Esta es la manera más clásica de programar en Javascript, escribiendo tus programas con un editor, usaremos Visual Studio Code, dentro de un archivo .html (página web) y ejecutando esa página en el navegador. Está muy bien para tener un contexto realista del desarrollo con Javascript para la web, pero no es tan cómodo para simplemente probar scripts simples con ejemplos de programación en el aprendizaje.

Podemos usar Javascript y ejecutar el código en la consola, usando la plataforma NodeJS, que nos permite correr Javascript fuera del navegador. Está genial para escribir con el editor y probar programas de una manera ágil. En este vídeo veremos cómo instalar NodeJS en tu ordenador y cómo ejecutar los archivos Javascript desde el terminal de línea de comandos. También nos ofrece un contexto más realista de entorno de trabajo con Javascript, que se usa en el día a día del desarrollador.

En este vídeo veremos cómo mejorar nuestros flujos de trabajo al escribir el código Javascript y ejecutarlo, tanto con el navegador como con NodeJS. Conseguiremos más fluidez al escribir y ejecutar los ejemplos del curso.

Como herramienta de aprendizaje más visual y atractiva para este curso vamos a usar p5.js para hacer ejemplos a lo largo de nuestro aprendizaje. P5js es una librería Javascript que nos permite hacer dibujos, animaciones y ejemplos interactivos, todo mediante código Javascript. Nos servirá para hacer ejemplos creativos y muy atractivos.

Antes de abordar el concepto de variable vamos a definir qué es un dato y otros niveles del tratamiento de la información. Veremos además qué es un tipo de datos en términos generales, sin hablar todavía en particular de Javascript.

Qué es una variable, cómo se declaran las variables en Javascript y cómo les asignamos valores. Tipos de declaraciones de variables, con var, let y constantes con const.

Ahora vamos a ver los tipos de datos que tenemos en Javascript, con ejemplos representativos. Además estudiaremos una de las características principales del lenguaje como es el tipado dinámico. Explicaremos qué es, en qué consiste y cómo afecta a nuestro modo de trabajo con el lenguaje.

Veremos qué son los operadores y comenzaremos a conocer algunos de los operadores más importantes que existen en el lenguaje de programación, con ejemplos. Veremos operadores de asignación, operadores aritméticos, operadores de comparación, operadores lógicos.

A la hora de aprender a programar no podemos dejar de entender la precedencia de operadores, esto es: cómo se organizan los operadores en las expresiones y en qué orden se aplican, algo que cambia dependiendo de los operadores que sean. Vamos a explicar por qué es importante la precedencia de operadores y cuál es la tabla de precedencia en Javascript.

En Javascript hay un conocimiento esencial que debes poseer para que el lenguaje no te resulte extraño en su modo de trabajo, al realizar operaciones que involucran operandos de distintos tipos. Se trata de la coerción de tipos, que puede ser tan amistosa como misteriosa y propensa a fallos en nuestros programas. Veremos de qué se trata con algunos ejemplos representativos que podemos ver con el conocimiento que tenemos hasta el momento.

En este vídeo vamos a ofrecer una introducción a los arrays en Javascript. Veremos cómo crearlos y cómo inicializarlos con valores. Además explicaremos cómo acceder a los datos que almacenamos en ellos, por medio de su índice numérico. Además se mostrará cómo acceder al tamaño o longitud del array (cantidad de casillas que tiene) con la propiedad length.

En esta clase vamos a practicar con el contenido que hemos aprendido hasta el momento, realizando ejemplos donde trabajaremos con variables y tipos. También estaremos disponibles para resolver posibles dudas.

Realizamos otro ejercicio en el que vamos a practicar e introducir además nuevos conocimientos como es el operador %, que calcula y devuelve el resto de la división y que usaremos para conseguir mantener un valor siempre dentro de los índices posibles de un array.

Cómo realizar las estructuras condicionales en Javascript, con if y else, que es la forma más clásica de tomar decisiones y ejecutar código en función a distintas situaciones que puedan ocurrir.

Qué es el operador ternario y cómo usarlo, con consejos sobre las situaciones donde puede venirnos bien y situaciones en las que no.

Aprendemos a usar switch como alternativa de estructura condicional, pensada para manejar múltiples casos de forma más organizada.

Es el bucle más básico y elemental de Javascript. Veremos cómo usarlo con numerosos ejemplos de trabajo.

Los bucles while y do while permiten crear repeticiones que deben continuar siempre que se cumplan determinadas circunstancias. Cuándo usar el bucle while o do while y cuándo usar for.

Dentro de los bucles while nos ha quedado por ver el detalle sobre cómo se construye un bucle while, que veremos en este vídeo del curso de Javascript.

Si necesitamos recorrer arrays y objetos es muy útil recurrir a los bucles for...of y for...in. Te explicamos cómo funcionan con ejemplos fáciles de entender.

Cómo romper el flujo normal de ejecución de los bucles con las sentencias break y continue.

En esta clase vamos a practicar con el contenido que hemos aprendido hasta el momento, centrándonos en las estructuras de control, resolviendo también posibles dudas.

Qué son las funciones. Por qué son importantes para encapsular la funcionalidad, mejorar la modularidad y potenciar la reutilización del código. Cómo se usan: cómo crearlas y cómo invocarlas. Cómo enviar y recibir parámetros en las funciones Javascript.

Aprendemos a crear funciones más realistas, que reciben datos y devuelven valores.

Mostramos cómo definir parámetros con valores por defecto para al implementar las funciones en Javascript, de modo que sean más flexibles.

Para poder programar es muy importante es entender el concepto de ámbito de las variables. Ahora que conocemos funciones podemos repasar este concepto, analizando qué son las variables globales y locales. Explicamos algunos asuntos importantes y consejos para trabajar con variables y su ámbito.

Ahora que ya tenemos claro el concepto de ámbito de las variables en Javascript es el momento de comentar las diferencias que hay entre las declaraciones con let y var. Lo explicaremos y veremos algunos ejemplos.

También muy relacionado con el ámbito de las variables está el punto que vamos a tocar en este vídeo, que consiste en explicar qué es lo que pasa cuando no declaramos una variable, algo que podríamos hacer en Javascript. En este caso el ámbito será siempre global, lo que te puede introducir problemas en tus programas difíciles de detectar.

Cómo se realiza el paso de parámetros en Javascript a las funciones: por valor. Explicamos qué quiere decir esto y por qué es importante que lo sepas

Conoceremos un concepto de Javascript que quizás ahora nos queda un poco grande pero que resultará importante cuando vayamos trabajando de manera más profesional, con casos reales, como las funciones anónimas. Veremos algunos ejemplos prácticos donde las funciones anónimas son esenciales.

Otro tema un poco más avanzado con funciones que queremos ver al menos de manera introductoria son las arrow functions. Veremos algunos ejemplos de casos prácticos donde las podemos aplicar.

En esta clase vamos a practicar con funciones y otros conceptos vistos hasta este punto del curso.

En este vídeo vamos a ver que trabajar con objetos no es lo mismo que la Programación Orientada a Objetos. Estudiaremos cada uno de estos enfoques de modo que podamos entender sus diferencias. Además explicaremos qué son objetos y cómo son capaces de agrupar propiedades y funcionalidades. También explicaremos qué es un paradigma de programación y qué características tiene el paradigma de programación orientada a objetos. Luego veremos cómo se accede a las propiedades y métodos de los objetos.

Mostramos cómo crear objetos sencillos que incluyen propiedades de distintos tipos. Veremos cómo definir los objetos de la manera más sencilla posible, a través de literales de objeto.

En este vídeo mostraremos que podemos tener arrays que contengan objetos. Veremos cómo podemos recorrer un array de objetos y hacer cosas con cada uno de ellos. Además veremos que las propiedades de los objetos bien podrían ser más complejas que simples tipos primitivos, por lo que podrás tener perfectamente objetos cuyas propiedades son otros objetos.

Recorridos a las propiedades de los objetos. Además abordaremos algunas nuevas características de Javascript cuando trabajamos con objetos como la desestructuración de objetos y el uso de spread operator y el rest operator.

Veremos cómo podemos incorporar funciones en los objetos para asociarles funcionalidades. De esta manera conseguiremos ver los objetos en toda su extensión, ya que originalmente no solo son agrupaciones de datos sino también incluyen las operaciones que pueden realizar, a menudo usando los propios datos almacenados en los objetos. Además veremos por primera vez la variable this, que hace referencia al objeto que recibe un método.

Veremos una breve introducción al paradigma de la programación orientada a objetos a través de la creación de clases que nos permitan crear objetos con sus propiedades y métodos de una manera sencilla, aprovechando las clases en Javascript.

En esta clase vamos a crear nuevos ejemplos que nos permitan practicar con objetos de manera que podamos afianzar los conocimientos de esta semana.

Mostramos los métodos más útiles de la clase Math, mediante los que podremos realizar operaciones matemáticas como redondeos, números aleatorios, etc.

Cómo lidiar con conversiones de datos en Javascript con funciones como parseInt() o parseFloat(), incluso la clase Number, con ejemplos comunes para validar entrada del usuario.

También son muy importantes los métodos de String que nos proporciona el lenguaje, para realizar diversas transformaciones en las cadenas de caracteres.

Dedicaremos una sección nueva para aprender métodos de array que no hemos visto todavía, lo que nos permitirá practicar un poco más con funcionalidades habituales como los filtrados y ordenados.

Seguimos viendo métodos de arrays tratando una serie de utilidades un poco más avanzadas que nos permiten hacer cosas como búsquedas, filtrados y ordenación de los elementos de los arreglos en Javascript. Estos son métodos un poco más avanzados que usan características de la programación funcional y que nos permitirán practicar un poco más con funciones anónimas y funciones flecha.

Veremos cómo puedes avanzar tu conocimiento en la disciplina de la programación y cómo continuar tu formación en Javascript de manera particular, ya que este curso es solamente el inicio de un largo recorrido que todavía tienes por delante.

En esta clase vamos a realizar una práctica final incorporando conocimientos aprendidos durante todo el curso.