ashliprada9a
ashliprada9a
Clases de informática
9 posts
Don't wanna be here? Send us removal request.
ashliprada9a · 2 years ago
Text
Condicionales If, Else if, Else
¿Para qué sirven los condicionales?
Sirven para controlar el flujo de ejecución de un programa, ya que cuando se escriben códigos, generalmente es necesario que se ejecutan algunas acciones solo cuando sucedan ciertas condiciones.
Miremos algunos ejemplos con distintos condicionales:
-Condicionales:
Tumblr media
-Saludo según horas:
var hora = 10
if (hora<=12) {
Document.write ("Buenos días")
{ ese if (hora < 18)}
document.write("Buenas tardes")
{ else }
document.write("Buenas noches")
}
-Condicional Switch:
Tumblr media
El ejercicio se dividía en tres, el primero era sobre ver si la edad de la persona es apta para entrar a un bar o si no, el segundo trataba sobre un descuento dependiendo del color de la balota y el tercero y último una mini caja registradora, veamos sus códigos:
//EJERCICIO UNO
var edad = prompt("Ingrese su edad")
if (edad >= 18) {
  document.write("Bienvenido al restaurante Bar")
} else {
  document.write("Lo siento, no tiene la edad requerida para ingresar")
}
document.write("<br>")
document.write("<br>")
//EJERCICIO DOS
var bolita = prompt("Ingrese el color de la bolita")
if (bolita == "amarilla") {
  document.write("Tiene el 50% de descuento")
} else if (bolita == "morada") {
  document.write("Tiene el 30% de descuento ")
} else {
  document.write("No tiene descuento")
}
document.write("<br>")
document.write("<br>")
//EJERCICIO TRES
var frutas = prompt("Ingrese el nombre de la fruta")
switch (frutas) {
  case "6 uvas":
    document.write(5000)
    break;
  case "8 bananos":
    document.write(7000)
    break;
  case "3 mandarinas":
    document.write(3000)
    break;
  case "5 mangos":
    document.write(6000)
    break;
  case "1 sandía":
    document.write(2500)
    break;
  case "10 fresas":
    document.write(11000)
    break;
  case "4 kiwiws":
    document.write(8000)
    break;
  case "5 peras":
    document.write(3500)
    break;
  case "6 manzanas":
    document.write(7600)
    break;
  case "9 papayas":
    document.write(4000)
    break;
}
Resultado final de los ejercicios anteriores:
Edad= 55.
Balota= amarilla.
Fruta= 9 papayas.
Tumblr media
0 notes
ashliprada9a · 2 years ago
Text
Operadores relacionales y lógicos
En la sesión número siete vamos a hablar sobre los operadores relacionales y lógicos, los cuales sirven para comparar dos valores y al final su valor va a ser verdadero o falso. Digamos:
X == Y
X != Y
X > Y
X < Y
X >= Y
X <= Y
Podemos hacer los códigos de estos de la siguiente manera:
-Elementos iguales :
var a = 80
var b = 80
document.write ( "El valor de a es igual al valor de B " + (a==b))
-Elementos diferentes:
var f = 99
var e = 33
document.write (" El valor de f es diferente al valor de e " + (f!==e))
-Elementos mayor que:
var t = 55
var y = 30
document.write ("El valor de t es mayor que y " + (t>y))
document.write ("El valor de t es mayor o igual que y " + (t>=y))
-Elementos menor que:
var g = 2
var j = 9
document.write ("El valor de g es menor que j " + (g<j))
document.write ("El valor de g es menor o igual que j " + (g<=j))
Para poner a prueba lo aprendido, tuvimos que hacer un reto muy sencillo que consistía en un bono de alimentación de $118.000 para los colombianos en la canasta familiar, el ejercicio queda así:
Tumblr media
Tumblr media
0 notes
ashliprada9a · 2 years ago
Text
Creación de objetos
Luego de vacaciones, retomamos el tema de Java Script y comenzamos a ver la creación de objetos, ya sean carros, personas animales, etc.
¿Qué es un objeto?: Es una colección de datos relacionados, que generalmente constan de algunas variables y funciones, que se denominan propiedades y métodos.
En Java Script encontramos dos tipos de datos:
-Datos primitivos: Son la bases sobre las cuales se construyen las variables. Encontramos los números, caracteres, cadenas y booleanos.
-Objetos: Pueden ser datos primitivos, arreglos o otros objetos. Poseen propiedades, ejemplo; marca, modelo, color, peso, etc.
Veamos como sería la creación de un objeto tomando como ejemplo un automóvil:
Tumblr media
Para conocer el contenido de los objetos, podemos realizar lo siguiente:
-Por medio de puntos : document.write(automóvil.nombre + "<br>")
-Por medio de corchete cuadrados: document.write(automóvil ["modelo"] + ("<br>")
Encontramos diversas maneras de crear objetos, y las que vimos en la sesión son las siguientes:
-Forma literal: Var persona3 = {nombre: "Juan Álvarez ", edad: 32}
Document.write(persona.edad + "<br>")
-En múltiples casos: var persona1= {
nombre: "Luna Pérez"
edad:78
}
Document.write(persona1 ["nombre"] + "<br>")
-Usando Object genérico:
Var persona5 = new Object ()
Persona5.nombre="Mario Villa"
Document.write(persona5 ["nombre"] + "<br>")
-Usando un constructor:
Function Persona (nom,edad,prof) {
this.nombre=nom
this.edad= edad
this.profesión= prof
}
Var Lucas= new Persona ("Lucas Lesmes", 34, "doctor")
Document.write(Lucas.profesión + "<br>")
En los objetos también podemos cambiar, agregar, eliminar los elementos que pongamos al momento de programar:
-Cambiar propiedades: Lucas.edad=44
-Agregar propiedades: Lucas.profesión = function () {return (this.profesion + " y profesor") }
-Borrar propiedades: delete Lucas.edad
Sabiendo esto, podemos realizar la actividad para la sesión número seis en donde vamos a crear varios objetos con distintos métodos:
Tumblr media
Eso sería todo, muchas gracias por leer, nos vemos en otra sesión, ¡adiós!.
0 notes
ashliprada9a · 2 years ago
Text
Funciones
En esta sesión, tuvimos la oportunidad de usar y entender las funciones que son un conjunto de instrucciones que realizan una tarea o calculan un valor.
¿Cómo lo usamos?
-Necesitamos llamar la función de la siguiente manera : function nombreFunción ( ) { }.
-Dentro de las comillas se escribe la palabra return que sirve para dar indicaciones.
Para entender mejor miremos un ejemplo:
function suma (a,b){
    return a+b
}
console.log(suma(2,3))
Tumblr media
Veamos otros ejemplos:
Ejemplo 1:
function resta (a,b){
  return a-b
}
console.log(resta(10,5))
Ejemplo 2:
function x(a,b,c){
    return a*b-c
}
console.log(x(2,3,1))
Ejemplo 3:
function x(a,b,c){
    return a*b-c
}
console.log(x(2,3,1))
Ejemplo 4 :
function i(a,b,c){
    return a/b*c
}
console.log(x(10,2,4))
Para ver si entendimos o no el tema de Funciones, hicimos la sesión número cinco, que es la última del segundo periodo.
Tumblr media Tumblr media
Muchas gracias por llegar hasta acá, nos veremos en un próximo blog ,chaooo.
0 notes
ashliprada9a · 2 years ago
Text
Operadores matemáticos
Vamos a hablar sobre los operadores matemáticos, es algo muy pero muy sencillo pero la verdadera pregunta es : ¿Cómo usarlos?.
Pues bien, para usar los operadores matemáticos en JavaScript debemos escribir algunos comandos para realizar operaciones, ya sea suma, resta, multiplicación, división e incluso hacer una potencia.
A continuación mostraré los comandos a usar para cada operación:
-Suma
Var suma = 25+18
Document.write(suma)
-Resta
Var a = 5
Var b =10
Document.write (a-b)
-Divisón
Document.write (a/b)
-Multiplicación
Document.write (a*b)
-Potencia
Document.write (a**b)
Ya teniendo los comandos, ¿Cómo haríamos para pedir al usuario qué ingrese un valor? Utilizando el método Prompt, este muestra un cuadro en la pantalla donde el usuario podrá añadir un valor.
Ejemplo : var c = prompt ("Ingrese un número")
Var d = prompt ("Ingrese un segundo número")
Var rta = c+d
Console.log (rta)
Podemos usar dos método más , los cuales son:
-Método Parseint = se usa para convertir una cadena a un valor numérico.
Ejemplo: var c = parseint (prompt ("ingrese un número"))
-Método Math= permite realizar numerosas operaciones y funciones matemáticas. Unas funciones del método Math son:
Math.ceil ()= permite convertir al entero más cercano por encima.
Ejemplo: f = Math.ceil (4.2) = 5
Math.floor ( ) = convierte un entero más próximo por debajo.
Ejemplo: f = Math.floor ( 4.8 )
Math.random ( ) = produce números aleatorios.
Podemos ver todo lo aprendido en este ejercicio donde le pedíamos al usuario que ingresara valores para poder realizar distintas operaciones, también hicimos aproximaciones.
Tumblr media Tumblr media
Gracias por su atención.
0 notes
ashliprada9a · 2 years ago
Text
Cadenas
El día 02 de mayo de 2023 vimos que eran las cadenas, diferentes tipos de métodos con las variables y muchas cosas más.
Para comenzar, ¿ Qué es una cadena?: una cadena es aquella que manipula una secuencia de caracteres. Estos arreglos o cadenas comienzan desde cero.
Se puede llamar un elemento del arreglo escribiendo su posición: console.log (superhéroes [ 0]);.
De igual forma, podemos reemplazar: superhéroes [ 0] = "Dcotor Strange"
Ahora pasemos a conocer los métodos vistos en clase y también vamos como los puse en práctica.
-Método Join = une todo los elementos de una matriz.
Var i = Superheroes.join("*")
console.log(i)
-Método shift: elimina el elemento en el índice cero.
Superheroes.shift();
-Método unshift=  Inserta los valores proporcionados al inicio de un objeto del tipo array.
Superheroes.unshift("Batman" , "Superman");
-Método pop= elimina la primera cadena de la pila.
Superheroes.po();
-Método push = añade uno o más elemntos al final de un array.
Superheroes.push("Thor ", "Storm"):
-Método lenght= nos indica el número de datos que hay dentro de la variable.
Console.log(Superheroes.lenght);
-Método splice= toma una posición, borra un elemento y crea un nuevo elemento. Tiene dos tipos:
1 ) Superheroes.splice :(2,0, "Wolverine");
2 ) Borrar estructura: borra una pocisión y un elemento. Superheroes.splice(1,2)
Para llevar esto en práctica, hicimos la sesión tres, que trataba sobre un zoológico.
Tumblr media
Tumblr media
Muchas gracias por llegar hasta aquí, nos vemos en otra ocasión.
0 notes
ashliprada9a · 2 years ago
Text
Tipos de variables y concatenaciones
El día de hoy aprendimos cosas muy básicas y principales para poder programar, las cuales fueran las variables y las concatenaciones, pero... ¿Qué son?. Las variables son un elemento vacío que espera ser usado para almacenar un valor, y las concatenaciones son la unión de distintas variables.
¿Cómo se declara una variable en Java Script?
Rta: Usando la palabra var.
Teniendo en cuenta lo anterior existen cinco tipos de variables, las cuales son:
1 Variables indefinidas: no tienen un dato en específico.
-Var name;
2 Variables tipo entero: solo se le asignan número enteros.
-Var x=17;
3 Variables tipo carácter: solamente usando letras y estas deben estar dentro de comillas.
-Var text ="Hola";
4 Variables tipo Booleano: tienen dos posibles asignaciones "true" o "false".
-Var verdadero= true;
-Var falso = false;
¿Cómo podemos ver esta variable en la consola?
Así: console.log (Boolean(x));
5 Variables tipo arreglo: son usadas para almacenar varios valores dentro de una variable.
-Var meses= ["Enero" Febrero" ,Marzo" ]:
Ahora, ¿Cómo podemos hacer una concatenación?: podemos hacer una concatenación de la siguiente manera: document.write(a+número); o también document.write(text + "tengo " + x + " años");.
Teniendo en cuenta lo anterior, para el reto Steam de esta semana tuvimos que crear las variables de nombre,apellido, edad y profesión de nuestros padres, hermano(s), dos tíos paternos y dos maternos; dos primos paternos y dos maternos; nuestros abuelos paternos y maternos.
Teníamos que mostrar esta información mediante una concatenación a través de la consola y la pantalla. Pero para que no quedarán pegados usamos el document.write("<br>").
Este es el resultado final:
Tumblr media Tumblr media
Muchas gracias por ver, nos vemos la siguiente semana.
¡Adiós!
0 notes
ashliprada9a · 2 years ago
Text
Java Script
En la clase de informática el día 18 de abril de 2023 aprendimos y vimos conceptos y comandos que se pueden llevar a cabo en Java Script.
Algunos de estos conceptos y comandos son:
-¿Qué es un programa?: Es un conjunto de instrucciones que se le da a un sistema para que ejecute cosas.
-¿Qué necesitamos para escribir un programa?: Para entendernos con un ordenador se utilizan los lenguajes informáticos.
-¿Cuál es la razón principal de ser de Java Script?: Las páginas web.
-Document.write ("Hola mundo"); = permite mostrar un mesaje.
-Console.log ("Clase de JavaScript"); = permite ver en la consola.
-Alert ( ). = muestra una alerta en la pantalla.
Para llevar acabo lo que aprendimos anteriormente, realizamos la sesión número uno de Arukay ( es un sistema de aprendizaje que le enseña a los estudiantes pensamiento computacional y programación) , para esto debíamos hacer el ejercicio de escribir en la consola el conjunto de instrucciones para llevar a cabo nuestro deporte favorito.
Este ejercicio lo hicimos en Visual Studio Code.
Tumblr media
Primero descargamos la aplicación y luego creamos algunas carpetas que fueron "JavaScript", "session01" y "source". Creamos los siguiente documentos index.html y index.js.
Tumblr media
Luego, tuvimos que poner información y comandos en index.js y index.html.
Index.js.
Tumblr media
Index.html.
Tumblr media
Después de haber realizado los pasos necesarios para llevar acabo este sesión número uno, podíamos ver el resultado final, para esto, debíamos guardar el archivo y podíamos ver el ejercicio resuelto.
Tumblr media Tumblr media Tumblr media Tumblr media
Muchas gracias por ver, espero verlos en el siguiente blog =).
1 note · View note
ashliprada9a · 2 years ago
Text
Navegación de archivos y carpetas
El día de hoy 11 de abril de 2023, trabajamos en la clase de informática el tema de "Navegación de archivos y carpetas" ,donde pudimos aprender a crear carpetas sin necesidad de usar el mouse.
Primero utilizamos el control+shit+n, pero luego vimos otra posibilidad.
¿Qué hicimos?: usamos algunos comandos y utilizamos la aplicación de "Símbolo de sistema".
Tumblr media
Estos comando son:
-Cd_nombre del directorio= sirve para cambiar de directorio.
-Md_nombre del directorio= permite crear.
-Dir_nombre del directorio= hace que visualicemos lo que llevamos.
-Cd..= permite devolserse.
-Tree= se encarga de mostrar lo que llevamos.
Para llevar a cabo estos comando, hicimos un ejercicio sobre algunos objetos electrónicos, a continuación mostraré el resultado:
Tumblr media
1 note · View note