3- FUNDAMENTOS DE PROGRAMACION

•

SIN SIGLA

0

angelic082914

13/3/2024

¡Este material tiene más páginas!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Programación I

56.417 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

FUNDAMENTOS DE 
PROGRAMACION
ING. Daniel Sánchez - dasanchez@itla.edu.do
TEMAS ANTERIORES
FUNDAMENTOS DE PROGRAMACION 2
• Definición de algoritmo.
• Descomposición de problemas en pasos más pequeños.
• Tipos de Datos y Variables:
o Enteros, decimales,caracteres, booleanos.
o Declaración y asignación de variables.
• Operadores y Expresiones:
o Operadores aritméticos, relacionales y lógicos.
o Construcción de expresiones.
• Estructuras de control: secuenciales, condicionales y bucles.
TEMAS
FUNDAMENTOS DE PROGRAMACION 3
• Programas
• Flujo de trabajo
• HTML
• Entrada de datos por teclado.
• Condicionales:
o Estructuras condicionales simples.
o Estructuras condicionales compuestas.
o Estructuras condicionales anidadas.
• Operadores lógicos && (y) en las estructuras condicionales.
• Operadores lógicos || (o) en las estructuras condicionales.
• Estructuras switch.
• Estructura repetitiva (while)
• Concepto de acumulador.
• Estructura repetitiva (do/while)
• Estructura repetitiva (for)
PROGRAMAS
FUNDAMENTOS DE PROGRAMACION 4
• Git https://github.com/
• Laragon https://laragon.org/download/
• PHPMyAdmin https://www.phpmyadmin.net/
• Visual Studio Code: https://code.visualstudio.com/
o Composer
o ENV
o Json Tools
o Laravel Artisan
o Laravel Snippets
o PHP
o Php cs fixer
o PHP intelephense
o PHP profiler
o Sublime Text Keymap and Settings
https://github.com/
https://laragon.org/download/
https://www.phpmyadmin.net/
https://code.visualstudio.com/
FLUJO DE TRABAJO
FUNDAMENTOS DE PROGRAMACION 5
• CEO - chief executive officer
• Project Manager
• Scrum master
• Dev team
o Frontend
o Backend
• Seller team
• Clients
FLUJO DE TRABAJO
FUNDAMENTOS DE PROGRAMACION 6
HTML
FUNDAMENTOS DE PROGRAMACION 7
HTML, que significa Lenguaje de Marcado de Hipertexto en inglés, es el estándar utilizado para 
crear y diseñar documentos en la World Wide Web. Es la base del desarrollo web y se utiliza para 
estructurar el contenido en las páginas web. HTML consta de un conjunto de elementos, cada uno 
representado por etiquetas, que definen la estructura y la semántica de una página web.
• Elementos: Los documentos HTML están compuestos por elementos, que se definen mediante 
etiquetas HTML. Las etiquetas van encerradas entre corchetes angulares, como <etiqueta>. 
Los elementos pueden anidarse unos dentro de otros.
• Atributos: Las etiquetas pueden contener atributos, que proporcionan información adicional 
sobre un elemento. Los atributos se incluyen dentro de la etiqueta de apertura y suelen tener la 
forma de pares nombre/valor, como atributo="valor".
• Estructura: Un documento HTML típico tiene una estructura básica que incluye una declaración 
<!DOCTYPE html>, un elemento <html> que contiene un <head> y un <body>.
HTML
FUNDAMENTOS DE PROGRAMACION 8
• <!DOCTYPE html> declara el tipo de 
documento y la versión de HTML.
• <html> es el elemento raíz.
• <head> contiene información meta sobre 
el documento, como el título.
• <body> contiene el contenido real de la 
página web.
• <h1> y <p> son elementos de encabezado 
y párrafo, respectivamente.
ETIQUETAS
FUNDAMENTOS DE PROGRAMACION 9
• <html>: Define el comienzo y el final del documento HTML.
• <head>: Contiene meta-información sobre el documento, como el título, enlaces a hojas de 
estilo, scripts, entre otros.
• <title>: Define el título del documento que aparecerá en la pestaña del navegador.
• <body>: Contiene el contenido principal del documento HTML, como texto, imágenes, enlaces, 
etc.
• <h1>, <h2>, ..., <h6>: Etiquetas de encabezado que definen títulos de diferentes niveles, siendo 
<h1> el más importante y <h6> el menos.
• <p>: Define un párrafo de texto.
• <a>: Crea un enlace (hipervínculo) a otra página o recurso.
• <img>: Inserta una imagen en la página web.
• <ul>, <ol>, <li>: <ul> para listas no ordenadas, <ol> para listas ordenadas, y <li> para 
elementos de lista.
• <div>: Define una división o sección en el documento, a menudo utilizada para aplicar estilos 
con CSS.
ETIQUETAS
FUNDAMENTOS DE PROGRAMACION 10
• <span>: Similar a <div>, pero para pequeñas secciones de texto o contenido.
• <br>: Inserta un salto de línea dentro del texto.
• <hr>: Crea una línea horizontal para separar secciones de contenido.
• <table>, <tr>, <td>: Para crear tablas. <table> define la tabla, <tr> las filas y <td> las celdas.
• <form>, <input>, <button>: Utilizados para crear formularios interactivos. <form> define el 
formulario, <input> crea campos de entrada, y <button> botones.
• <iframe>: Permite incrustar contenido externo, como páginas web o videos.
• <script>: Permite incluir scripts de JavaScript en el documento.
ENTRADA DE DATOS POR TECLADO. 
FUNDAMENTOS DE PROGRAMACION 11
Para la entrada de datos por teclado tenemos el método prompt. Cada vez que necesitamos 
ingresar un dato con este método aparece una ventana donde cargamos el valor. Hay otras 
formas más sofisticadas para la entrada de datos en una página HTML.
CONDICIONALES
FUNDAMENTOS DE PROGRAMACION 12
# Simples
let edad = 18;
If( edad >= 18){
console.log("Eres mayor");
}
# Compuestas
let edad = 18;
If( edad >= 18){
console.log("Eres mayor");
}else{
console.log("Eres menor");
}
# anidadas
let edad = 18;
If( edad >= 18){
console.log("Eres mayor");
}else if(edad >= 14){
console.log("Eres adolecente");
}else{
console.log("Eres menor");
}
OPERADORES LÓGICOS && (Y) EN LAS 
ESTRUCTURAS CONDICIONALES
FUNDAMENTOS DE PROGRAMACION 13
El operador &&, traducido se lo lee como "Y". Se emplea cuando en una estructura condicional se 
disponen dos condiciones.
1. V&&V=??
2. V&&F=??
3. F&&V=??
4. F&&V=??
OPERADORES LÓGICOS || (O) EN LAS 
ESTRUCTURAS CONDICIONALES.
FUNDAMENTOS DE PROGRAMACION 14
Traducido se lo lee como "O". Si la condición 1 es Verdadera o la condición 2 es Verdadera, luego 
ejecutar la rama del Verdadero.
1. V&&V=??
2. V&&F=??
3. F&&V=??
4. F&&V=??
ESTRUCTURAS SWITCH
FUNDAMENTOS DE PROGRAMACION 15
La instrucción switch es una 
alternativa para remplazar en 
algunas situaciones los if/else if.
De todos modos se puede aplicar 
en ciertas situaciones donde la 
condición se verifica si es igual a 
cierto valor. No podemos 
preguntar por mayor o menor.
ESTRUCTURA REPETITIVA (WHILE)
FUNDAMENTOS DE PROGRAMACION 16
Una estructura repetitiva permite ejecutar una instrucción o un conjunto de instrucciones 
varias veces.
CONCEPTO DE ACUMULADOR
FUNDAMENTOS DE PROGRAMACION 17
En programación, el término "acumulador" generalmente se refiere a una variable que se 
utiliza para acumular o almacenar resultados parciales a medida que se procesan datos 
en un bucle o iteración. Este concepto es comúnmente utilizado en situaciones donde se 
necesita llevar un registro acumulativo de información, como sumar valores, contar 
elementos, o realizar algún otro cálculo iterativo.
CONCEPTO DE ACUMULADOR
FUNDAMENTOS DE PROGRAMACION 18
X Valor Suma
1 0 0
2 5 5
3 16 21
4 7 28
5 10 38
6 2 40
ESTRUCTURA REPETITIVA (DO/WHILE)
FUNDAMENTOS DE PROGRAMACION 19
La sentencia do/while es otra estructura repetitiva, la cual ejecuta al menos una vez su 
bloque repetitivo, a diferencia del while que puede no ejecutar el bloque.
ESTRUCTURA REPETITIVA (FOR)
FUNDAMENTOS DE PROGRAMACION 20
La estructura for en programación es un tipo de bucle que se utiliza para iterar sobre una 
secuencia de elementos, como una lista, un rango de números o cualquier otra estructura 
iterable.
for (let f = 1; f <= 10; f++) {
 document.write(f + " ");
}
PROXIMOS TEMAS
FUNDAMENTOS DE PROGRAMACION 21
• Dev Team
o Definición de Desarrollo de Backend y Frontend.
• Git
• PHP
o Estructuras de control: secuenciales, condicionales y bucles.
o Funciones
o Formularios
o Conexión con base de datos
	Slide 1: Fundamentos de Programacion
	Slide 2: Temas anteriores
	Slide 3: Temas
	Slide 4: Programas
	Slide 5: Flujo de trabajo
	Slide 6: Flujode trabajo
	Slide 7: HTML
	Slide 8: HTML
	Slide 9: Etiquetas
	Slide 10: Etiquetas
	Slide 11: Entrada de datos por teclado. 
	Slide 12: Condicionales
	Slide 13: Operadores lógicos && (y) en las estructuras condicionales 
	Slide 14: Operadores lógicos || (o) en las estructuras condicionales. 
	Slide 15: Estructuras switch 
	Slide 16: Estructura repetitiva (while)
	Slide 17: Concepto de acumulador
	Slide 18: Concepto de acumulador
	Slide 19: Estructura repetitiva (do/while)
	Slide 20: Estructura repetitiva (for)
	Slide 21: Proximos temas