Scribd
Cargar
18 vistas7 páginas

Notas - CPB

NOTAS de programacion

Cargado por

NayeliZapata
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
18 vistas7 páginas

Notas - CPB

NOTAS de programacion

Cargado por

NayeliZapata
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

PROGRAMACION:

En JS:
ParseInt: Convierte los números flotantes que son los decimales en
números enteros.
Document.write(); es para mostrar el resultado de forma de texto
Alert: para envíar notificaciones o ventanas emergentes
Prompt: para preguntar o extraer información del usuario
ParseFloat: pone los decimales
(peso_final.toFixed(2)); 2 decimales

El DOM: nuestro lugar de trabajo en la web


En programación hay algo llamado Objetos donde tienen variables,
funciones, etc.
El contenido de nuestro html: DOCUMENT
Cada una de las pestañas internamente: WINDOW
El navegador entero tiene opciones: NAVIGATOR
El objeto document tiene cada uno de los elementos que va controlar
internamente, donde están los formularios, donde están las imágenes,
donde están los videos, donde están los títulos, donde el usuario
interactua.
Concepto:
Document Object Model: Forma interamente Chrome,Firefox, etc. Donde
organiza una estructura especial en html. (Arbol de html)

Document.write(“Hola estudiante);
Objeto función string
(escribe esto en este documento)
Cuando las funciones son parte de un objeto se llama métodos.
Var ruta = window.location;
Variable
Objeto
Cuando una variable es parte de un objeto, se le conoce atributo o
propiedad.

Charset= colección de letras

Dibujando en el DOM

Para dibujar en html y js. Se representa de la siguiente manera:


<canvas>
0,0 200x

200y

<canvas width=”300” height=”300” id=””></canvas>

Id: poner nombre para identificador donde js va encontrar la etiqueta.


No pueden tener espacios.
Para llegar y obtener el objeto en html.
Var d = document.getElementById
Funciones en JavaScript
Las funciones (function) se carga antes que todas las líneas de código de
js, nos sirve para escribir código que vamos a re-usar muchas veces.
*los parámetros de una función, son variables dentro de la función y solo
funcionan dentro de ella
Ciclos While
Los ciclos son piezas de código que se repiten hasta que se cumple una
condición.

L++ (el más más sirve para sumar 1)

For
For tiene 3 parametro es un ciclo que primero depara cual es la variable
que itera, posterior no se separan los parámetros con coma si no con
punto y coma. Luego colocas la condición mientras l < líneas. Y se puede
ejecutar cada vez que hay un ciclo.
For(1 = 0; l < líneas; 1++)

Eventos y Formularios en HTML y JavaScript


Eventos: Son funciones cuando algo ocurre (cuando abre el sitio web).
El evento más común es el click, tocar el teclado. También el cambiar de
pestañas, el evento de que un dato cargo y llego a tu sitio web.
-Crear algoritmo:
Actual = 2020
Nacimiento = Edad
-Tu año de nacimiento y te decimos:
2080 – año colocar de tu edad.
Enviar.cuando( click, edad);
Función edad () {
Edad =2080- año
Document.write (edad);
}

El Id: es para acceder a la variable y referirse para js.

Js lee el código busca donde hay funciones o clases, las monta en la


memoria RAM para ser ejecutadas y solo ocurre cuando son invocadas
AddEventListenner: es una función para cuando de click esta escuchando
un evento, funciona igual que getElementById.
Ejemplo: boton.AddEventListenner. (“click”, dibujoPorClick);

Boton = Elemento
AddEventListener= función
Click: evento
DibujoPorClick: solo se está referenciando cuando tiene () se ejecuta, sin
embargo, sin paréntesis solo se considera como una referencia.
El UTF-8: nos ayuda para agregar tildes y ñ en abcdario español
Br: es un salto de línea
Id: identificar etiquetas
Para poder dibujar en 2d y en 3d se utiliza con canvas y con el elemento
= d.getcontext(“2d);
Hay funciones que reciben un parámetro e igual hay algunas que no
funcionan con parámetros.
Los ciclos do, while y for:
El ciclo for tiene 3 parametros separados por punto y coma.
El perimero es la variable que arranca el ciclo
El segundo la condición en la que se ejecuta
Y el tercero una instrucción que va a ocurrir cada vez que un ciclo sea
completado.
La console.log(son mensajes de supuración a la computadora sin que la
gente la vea, para ver como funciona la aplicación por dentro);

PRACTICAS DE BUEN DESARROLLO


 Empezar con minúscula y posterior mayúscula en la siguiente
palabra
 Cuando una variable no cambia su valor o casi no se cambia se
escribe en mayúsculas.

Los eventos son opcionales pero si uno le pone un parámetro, la variable


se va a llenar de datos, la pasa internamente a la función.

document.addEventListener("keyup", dibujarTeclado);

function  dibujarTeclado(evento) 
{
    console.log("Tecla oprimida");
}
Este código nos ayuda para manipular las teclas, el Keyup nos permite
interactuar cuando la tecla se oprime y se suelta. En el caso de keydown
es otra forma de interactuar sin embargo al dejar presionada la tecla
repite muchas líneas de código.

Switch: Es una instrucción hace más fácil de leer los casos específicos.
switch(evento.keyCode) {
        case teclas.DOWN: 
        console.log('ABAJO');
        break;
        
    }

El switch también funciona como el else en la cual se tiene otra opción


aparte del elemento. Y se conoce como default

Funciones matemáticas y números aleatorios en Js.


-las funciones matemáticas existen un gran objeto una clase estática, se
llama Math, Math es una colección de funciones especiales que permiten
hacer operaciones matemáticas complejas.
Math.ceil (redondear para arriba)
Math.floor (redondear para abajo)
W= math.randomC);
Math random es una función del objeto clase estatica math que devuelve
el número entre 1 y 0 pero nunca es 1 o 0 (son aproximaciones) esto
recordar que se maneja en porcentajes
Return: es una palabra reservada de js es una instrucción que retorna a
la línea de código que invoco la función aleatorio al valor que retorna.
División, módulo y residuo en JavaScript
El modulo es lo que sobra.
Mod.
Primero debes conocer cómo calcular el residuo de una división, ahora puedes
llevar esto a código
 
Recuerda:
 
 Para calcular el módulo puedes usar %
 
 Los programas dividen los programas complejos en problemas pequeños
 
 La operación lógica and (y) se escribe en JavaScript con &&

El código se ejecuta primero las operaciones matemáticas, posterior las


comparaciones y al final las instrucciones

Signo de interrogación: no
&& = significa “y”

También podría gustarte