Primer Encuentro Js

JavaScript
Universidad de Córdoba
Ingeniería de Sistemas
Desarrollo Web
Msc. Pierre Peña Salgado

HERRAMIENTAS
1. Navegador (Chrome, Opera, Microsoft Edge, FireFox)
2. Editores (VisualStudioCode, Sublime, Atom. Brackets, Block de Notas)
Herramienta Consola Chrome Herramienta NodeJs, nos permite ejecutar Js sin navegador
INSTALANDO NodeJs
1. Abrimos la terminal y verificamos si lo tenemos instalado
Comando node –v,
validamos npm manejador de paquetes de node con el Comando: npm -v
Incorporando Código JavaScript
Pasos.
1. Abrimos Visual Studio Code

2. Abrimos Una Carpeta (Archivo + Abrir Carpeta) creamos una carpeta: Curso JS
3. Dentro de esta carpeta creamos otra carpeta llamada: 01-Fundamentos
4. Dentro de esta carpeta creamos un nuevo archivo llamado Index.html
5. Creamos un Tag <h1> en el Body para probarlo con cualquier mensaje
6. Corremos el archivo Index desde el navegador
7. Hay dos formas de poner código JavaScript en nuestra página, primero utilizando la
etiqueta <Script> , la otra forma es crear un archivo en la misma ruta donde esta el
archivo html con la extensión js (app.js)
Utilizar la terminal en windows
Pasos.
1. Abrimos la terminal (inicio + buscar + cmd)

2. Ejecutemos JS en la ventana de comandos hay que
verificar que esta instalado NodeJS
-> Creamos una Carpeta y copiamos el archivo app.js
-> ejecutamos con >node nombre.js <enter>
Notas sobre JavaScript
¿Qué es JavaScript?
JavaScript se conoce principalmente como el lenguaje de la mayoría de los
navegadores web modernos, y sus primeras características le dieron un poco de
mala reputación. Sin embargo, el lenguaje continuó evolucionando y mejorando.
JavaScript es un lenguaje de programación potente, flexible y rápido que se usa
ahora para el desarrollo web cada vez más complejo y más allá.
Dado que JavaScript sigue siendo el núcleo del desarrollo web, a menudo es el
primer lenguaje que aprenden los programadores autodidactos que están ansiosos
por aprender y construir. Estamos emocionados por lo que podrás crear con la base
de JavaScript que vas a obtener con nuestro curso. JavaScript potencia el
comportamiento dinámico en la mayoría de los sitios web.
En esta sección, aprenderás conceptos de codificación introductorios que incluyen

tipos de datos, comentarios, conversiones, mutaciones y otros temas más.
Asegúrate de seguir tu propio ritmo y de tomar notas. Esta base lo ayudará a
comprender los conceptos más complejos que veremos más adelante.
Variables y Tipos de Datos
• Para definir una variable en JS utilizamos la palabra reservada var
seguido del nombre de la variable
• No es necesario indicar el tipo de datos porque JS utiliza el tipado
dinámico (Js detecta el tipo dependiendo del valor que tenga en
ese momento).
Como se aplican las variables en el Código
• Definamos una variable de tipo string
var primernombre= ‘Unicor’;
Para utilizar la variable utilizamos el comando console.log(primernombre);
• Hagamos una variable de tipo numérica

var edad = 34;
var sueldo = 1800.99
console.log(edad);
console.log(sueldo);
• Una variable indefinida

var puestodetrabajo;
console.log(puestodetrabajo);
• Una variable volverla nula

tienetrabajo = null;
console.log(tienetrabajo);
Reglas en el Uso de • Una variable volverla nula
Variables tieneTrabajo = null;
console.log(tieneTrabajo);
• Definamos una variable de tipo Reglas:

string 1. Notación Húngara (No es
var primernombre= ‘Unicor’; obligatoria)
console.log(primernombre); 2. No se pueden utilizar palabras
reservadas
• Hagamos una variable de tipo Ej. Var null; o var function
numérica
var edad = 34; 3. Empezar por Letra
var sueldo = 1800.99 Ej. 5cajas (solo puedo utilizar _ o $)
console.log(edad);
console.log(sueldo);
• Una variable indefinida

var puestodeTrabajo;
console.log(puestodeTrabajo);
Comentarios en Js
// Comentario en una línea
/* Comentario por bloques */

Mutación de variables
• En una sola línea puedo declarar muchas variables
var primerNombre, edad, sexo;

primerNombre = 'María';
edad = 24;
sexo = "femenino";
esSoltero = false;
console.log ('El nombre es ' + primerNombre+ ' y su edad es ' + edad

+ ' ¿es soltero? ' + esSoltero);
edad = 'veinte';
console.log(edad);
Se hizo una mutación porque lo podemos cambiar de tipo de forma

directa o dinámica.
Operadores Aritméticos
var edadmaria, edadPablo, diferenciaEdad, sumaEdades, yearActual, yearmaria, yearPablo;
edadmaria = 34;
edadPablo = 28;
yearActual = 2022;
diferenciaEdad = edadmaria - edadPablo;

sumaEdades = edadmaria + edadPablo;
yearmaria = yearActual - edadmaria;

yearPablo = yearActual - edadPablo;
console.log(diferenciaEdad);
console.log(sumaEdades);
console.log("Año en que nació maria:" + yearmaria);
console.log("Año en que nació Pablo:" + yearPablo);
console.log(yearActual * 5);
console.log(yearActual / 2);
Operadores Lógicos y Unarios (incremento y
decremento)
/****
* Operadores Lógicos, unarios y de asignación
*/
//Lógicos < > <= >= ==
var edadAna, edadMaria, diferenciaEdad;

edadAna = 34;
edadMaria = 28;
var mayorAna = !(edadAna > edadMaria);

console.log(mayorAna);
mayorAna = !(edadAna == edadMaria);

//Unarios, ++Incremento, --Decremento

//edadAna++;
edadMaria--;
console.log(edadMaria);
console.log(++edadAna);
Operador Typeof
//Operador typeof
console.log(typeof edadMaria);
console.log(typeof edadAna);
console.log(typeof 'Maria es mayor que Ana');
Operadores de Asignación
//Asignación, +=, -=, *=, /=, %=

var a = 12;
var b = 5;
var c = a % 5; //Residuo o resto de una división

console.log(c);
a += b;
console.log(a);
Conoce más sobre los Operadores en JavaScript

Te dejo un enlace, en donde tienes toda la información relacionada a los operadores en
JavaScript, para que lo utilices de consulta cuando tengas alguna duda sobre el uso de alguno
de ellos:
https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Expressions_and_Operators
Ejercicios
//////////////////////////////////
Ejercicio de codificación 01.
/////////////////////////////////
Se tiene los siguientes datos:var pesoLuis = 72;var alturaLuis = 1.72;var

pesoCarlos = 89;var alturaCarlos = 1.75;
Utilizar la siguiente formula para calcular el IMC (Índice de masa corporal) de Luis
y de Carlos, IMC es igual al peso dividido entre la altura al cuadrado, luego
comparar e indicar si el IMC de Carlos es superior al de Luis.
Ejercicios
//////////////////////////////////
Ejercicio de codificación 02.
/////////////////////////////////
Un edificio de apartamentos quiere comprar un transformador eléctrico en

kilowats, tenienedo en cuenta de que cada apartamento en promedio tiene:
• Nombillos que consumen 6 wats c/u
• Computadores que consumen 12 wats c/u
• Neveras que consumen 24 wats c/u
• Lavadoras que consumen 80 wats c/u
• Y otros electrodomésticos que consumen 40 wats c/u
Calcular la capacidad que tiene que tener el trasnformador a comprar.

Primer Encuentro Js

Cargado por

Copyright:

Formatos disponibles

Primer Encuentro Js

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Primer Encuentro Js

Cargado por

Copyright:

Formatos disponibles

JavaScript

Msc. Pierre Peña Salgado

1. Abrimos Visual Studio Code

1. Abrimos la terminal (inicio + buscar + cmd)

En esta sección, aprenderás conceptos de codificación introductorios que incluyen

• Hagamos una variable de tipo numérica

• Una variable indefinida

• Una variable volverla nula

• Definamos una variable de tipo Reglas:

• Una variable indefinida

/* Comentario por bloques */

var primerNombre, edad, sexo;

console.log ('El nombre es ' + primerNombre+ ' y su edad es ' + edad

Se hizo una mutación porque lo podemos cambiar de tipo de forma

diferenciaEdad = edadmaria - edadPablo;

yearmaria = yearActual - edadmaria;

var edadAna, edadMaria, diferenciaEdad;

var mayorAna = !(edadAna > edadMaria);

mayorAna = !(edadAna == edadMaria);

//Unarios, ++Incremento, --Decremento

//Asignación, +=, -=, *=, /=, %=

var c = a % 5; //Residuo o resto de una división

Conoce más sobre los Operadores en JavaScript

Se tiene los siguientes datos:var pesoLuis = 72;var alturaLuis = 1.72;var

Un edificio de apartamentos quiere comprar un transformador eléctrico en

Calcular la capacidad que tiene que tener el trasnformador a comprar.

También podría gustarte