Aprende Ciencias de la Computación con JavaScript Parte 1, Lo Básico

Introducción

JavaScript es un lenguaje que podemos usar para escribir programas que se ejecutan en un navegador o en un servidor utilizando Node. Gracias a Node, puedes usar JavaScript para crear aplicaciones web completas como Twitter o juegos como Agar.io.  

Esta es la primera lección de una serie de cuatro partes en la que le enseñaré los fundamentos de programación que necesitará para que pueda aprender a crear sus propias aplicaciones. En la parte 1, te presentaré la sintaxis de JavaScript y ES6. ES6 significa ECMAScript 6, que es una versión de JavaScript..

Contenido

  • Instalación y configuración
  • Diseñando un programa
  • Sintaxis
  • Variables
  • Tipos de datos
  • revisión
  • Recursos

Instalación y configuración

Primero, configuraremos nuestro entorno de desarrollo para que podamos ejecutar nuestro código en nuestra propia computadora. Alternativamente, puede probar ejemplos de código en un editor en línea como repl.it. Prefiero que comiences a escribir y ejecutar código en tu computadora para que puedas sentirte como un verdadero programador. Además, quiero que uses Node para que puedas ponerlo en tu currículum e impresionar a tu empleador.  

Primero, necesitará un editor de texto para escribir su código. Recomiendo Texto sublime. A continuación, descargue e instale Node en su computadora. Puede obtener el software en el sitio web Node.js. Confirme la instalación trabajada escribiendo el comando nodo -v desde su terminal. Si todo está bien, verá el número de versión de su instalación de Node. 

Una de las cosas que puede hacer con Node es ejecutar el código JavaScript desde su terminal. Esto tiene lugar en lo que se llama un REPL. Para probarlo, ingresa el comando nodo en tu terminal. 

A continuación, vamos a imprimir el mensaje "Hola, Mundo". Escriba lo siguiente en la terminal:

> console.log ("Hola, Mundo"); 

Para salir del REPL, presione Control-C dos veces. Usar el REPL es útil cuando se quieren probar afirmaciones simples como el ejemplo anterior. Esto puede resultar más conveniente que guardar el código en un archivo, especialmente si está escribiendo un código desechable. 

Para ejecutar un programa que haya escrito en un archivo, en su terminal ejecute el comando nombre de archivo de nodo, dónde nombre del archivo se sustituye por el nombre de su archivo JavaScript. No tienes que escribir el js Extensión del nombre de archivo para ejecutar el script. Y debes estar en el directorio raíz donde vive el archivo..

Probemos un ejemplo. Crea un archivo llamado hola.js. En el interior, pondremos el siguiente código:

console.log ("Hola, Mundo");

Ejecuta el código desde el terminal:

$ nodo hola

Si todo está bien, verá el texto "Hola, Mundo" en el terminal. A partir de ahora, puede probar los ejemplos de código de este tutorial utilizando el REPL del nodo o guardándolos en un archivo..  

Diseñando un programa

Antes de escribir cualquier código, debe tomarse el tiempo para comprender el problema. ¿Qué datos necesitas? ¿Cuál es el resultado? ¿Qué pruebas necesita pasar su programa?? 

Cuando entienda los requisitos del programa, puede escribir los pasos para resolverlo. Los pasos son tu algoritmo. Tu algoritmo no es código. Se trata de instrucciones simples en inglés (reemplace el inglés con su idioma nativo) para resolver el problema. Por ejemplo, si desea escribir un algoritmo para cocinar ramen superior, podría verse así:

  1. Retire la tapa de la taza.
  2. Paquete de condimento vacío en una taza.
  3. Llenar la taza con agua.
  4. Microondas en alto durante 2 minutos.
  5. Enfriar por 1 minuto.

Sí, tenía hambre cuando pensaba en esto. Y no, esto no es algo que realmente se le daría como un problema de programación. Aquí hay un ejemplo de un problema que es más práctico. Es un algoritmo para calcular el promedio de una lista de números..

  1. Calcula la suma de todos los números..
  2. Obtener el número total de números.
  3. Divide la suma por el total..
  4. Devolver el resultado.

Comprender el problema y crear un algoritmo son los pasos más importantes en la programación. Cuando se sienta confiado en su algoritmo, debe escribir algunos casos de prueba. Las pruebas mostrarán cómo debe comportarse tu código. Una vez que tienes tus pruebas, luego escribes el código y lo modificas hasta que tus pruebas pasan. Dependiendo de qué tan complejo sea su problema, cada uno de los pasos en su algoritmo debe desglosarse aún más.  

Tarea

Escribe un algoritmo para calcular el factorial de un número. El factorial de un número * n * es el producto de todos los enteros de 1 a * n *. Por ejemplo, 4! (4 factorial) es 1 x 2 x 3 x 4 = 24.  

Sintaxis

Un programa es similar al idioma con el que hablamos. La única diferencia es que un lenguaje de programación está destinado a comunicarse con la computadora (y con otros programadores que tienen que usarla). Las reglas para construir el programa son su sintaxis. Los programas consisten en declaraciones. Una declaración puede ser considerada como una oración. En JavaScript, debe poner un punto y coma al final de una declaración. Ejemplo:

a = 2 + 2; 

Las declaraciones consisten en expresiones. Las expresiones son como las partes del sujeto / predicado de una oración. En un lenguaje de programación, las expresiones tienen un valor. Las expresiones consisten en palabras clave como varpara cuales son el vocabulario incorporado del lenguaje; datos como un número o una cadena; y operadores como + y =. Ejemplo:

2 + 2 

Aquí hay una lista de operadores aritméticos:

  • + - Adición
  • - - Sustracción 
  • ** - Exposiciónción
  • * - Multiplicación
  • / - División
  • % - Recordatorio
  • ++ - Incremento
  • -- - Decremento

El operador restante devuelve el resto después de dividir dos números. Por ejemplo, 4% 2 devuelve 0, y 5% 3 devuelve 2. El operador de resto se usa comúnmente para averiguar si un valor es par o impar. Incluso los valores tendrán un resto 0.  

Tarea

Encuentra el valor de las siguientes expresiones. Primero escriba sus respuestas y luego verifíquelas en su REPL.

  • 9% 3
  • 3% 9
  • 3% 6
  • 3% 4
  • 3% 3
  • 3% 2

Variables

Una variable es un nombre que representa un valor en la memoria de la computadora. Cualquier valor que nos gustaría almacenar o utilizar una y otra vez se debe colocar en una variable. Una forma de crear variables es con el var palabra clave. Pero la forma preferida es usar el dejar o const palabras clave. Aquí hay algunos ejemplos del uso de let para crear variables:

Declarar una variable:

dejar un

Declarar e inicializar una variable:

deja a = 1;

Reasignando una variable:

a = 2;

Las constantes son variables que no pueden cambiar. Solo se pueden asignar una vez. Las constantes que tienen objetos o matrices como valores todavía pueden modificarse porque se asignan por referencia. Las variables no tienen un valor; en su lugar, apuntan a la ubicación del objeto. Ejemplo:

const a = foo: 1, bar: 2; a.baz = 3; console.log (a); // muestra foo: 1, barra: 2, baz: 3 

Sin embargo, esto le dará un error:

const a = foo: 1, bar: 2; a = ; console.log (a); 

Tipos de datos

Los tipos de datos tienen reglas sobre cómo pueden ser operados. Por ejemplo, si sumamos dos números, obtenemos su suma. Pero si agregamos un número con una cadena, obtenemos una cadena. Aquí hay una lista de los diferentes tipos de datos:

  • No definido: una variable a la que no se le ha asignado un valor
  • Nulo: sin valor
  • Booleano: una entidad que tiene el valor verdadero o falso
  • Cadena: una secuencia de caracteres
  • Símbolo: una clave única e invariable.
  • Número: valores enteros y decimales
  • Objeto: una colección de propiedades.

Una cadena es un tipo de datos que consta de caracteres. Una cadena estará rodeada de comillas simples o dobles. Las cadenas también tienen métodos que puedes usar para realizar acciones en ellas. Los siguientes son algunos ejemplos de acciones que puede realizar en cadenas.

Determine si una cadena comienza con una subcadena:

"Hola, Mundo" .startsWith ("Hola"); //cierto 

Determine si una cadena termina con una subcadena:

"Hello, World" .endsWith ("World"); //cierto

Determine si una subcadena está ubicada en algún lugar de una cadena:

"Hola, Mundo" incluye ("Mundo"); //cierto

Repita una cadena un número específico de veces:

"Hola" .repetir (3); //Hola hola hola

Podemos convertir una cadena en una matriz con el operador de propagación: ...

dejar que str = [... "hola"]; console.log (str); //[ 'Hola' ]

Los literales de plantilla son un tipo especial de cadena que utiliza comillas invertidas: ". Podemos usarlos para insertar variables dentro de una cadena como esta:

dejar nombre = "Mundo"; dejar saludo = 'Hola, $ nombre'; console.log (saludo); //Hola Mundo 

Podemos crear cadenas multilínea como esta:

' 

Hola Mundo

'

revisión

Hemos visto cómo configurar nuestro entorno de desarrollo utilizando Node. El primer paso para la programación es escribir los pasos para resolver el problema. Esto se llama el algoritmo. El código real constará de muchas declaraciones. Las declaraciones son las instrucciones del programa y se componen de expresiones. Las expresiones son útiles en nuestro programa si las asignamos a variables. Las variables se crean con el dejar o const palabra clave. 

En la parte 2, explicaré condicionales.. 

Recursos

  • repl.it
  • Texto sublime
  • Node.js
  • Especificación ES6
  • No sabes JS: ES6 y más allá