ADOPTA MASCOTAS

HTML

HTML es un lenguaje de marcado que posibilita definir la estructura de nuestro documento mediante etiquetas. Este lenguaje ofrece una gran adaptabilidad, una estructuración lógica y es fácil de interpretar tanto por humanos como por máquinas.

Codigo base	Codigo minimo para realizar pruebas con HTML
Conceptos basicos	Basicos Estructura Comentarios Etiquetas Atributos Secciones
Editores	Editor online W3schools Editor online OneCompile Notepad ++ Visual Studio Code
Secciones	Head Body Scripts Recursos Estilos
Textos	Parrafos Encabezados Estilos de escritura
Tablas	Tabla Estructura Encabezados
Formularios	Input Botones
ACTIVIDAD FINAL
Crea un documento HTML que realice lo siguiente : Titulo H4 : Plantilla HTML Titulo H3 : Textos Linea HR Parrado P : "Nombre " en negritas seguido del nombre alumno Linea HR Titulo H3 : Tabla Tabla [que presente un calendario] 1 renglon de cabecera con los dias de la semana 5 renglones con dias del mes Octubre 2024 Linea HR Titulo H3 : Formulario Campo de texto Identificador : Temperatura_Valor Title : "Escriba la temperatura" Sugerencia : "temperatura" Campo de fecha Identificador : Temperatura_Fecha Title : "Seleccione el dia" Boton Identificador : Btn_Actualizar Leyenda : Actualizar informacion Title : "Presione para actualizar"

JAVASCRIPT

Requerimientos obligatorios:

Creación y modificacion de la plantilla basica HTML5
Conocimiento para añadir textos, tablas y formularios

JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript.

Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.

Tema	Tareas	Secciones
JavaScript resumen		Resumen del lenguaje JavaScript
Introduccion	1	Introduccion Que es JavaScript Que no es JavaScript Versiones de JavaScript JavaScript dentro HTML
Sintaxis	1	Comentarios Palabras reservadas
Variables	1	Variables Nombre de las variables Notacion de las variables Sintaxis de una variable
Tipos de datos	3	Tipos Numeros Cadenas Booleanos Undefined Null Objetos Arrays
Fundamentos	8	document.write() JavaScript modificando el DOM Consola del navegador Interaccion : alert , prompt, confirm Operadores basicos
Fundamentos 2	6	Comparaciones Operador ternario Operadores logicos
Fundamentos 3	4	Bucles: while y for Switch
Fundamentos 4	3	Funciones
Fundamentos 5	2	Expresiones de funcion La función puede asignarse como se hace con un valor Ambito anidado Funciones Callback Funciones Flecha
Recordatorio	-	Estructura de codigo Variables Interaccion Operadores Bucles Funciones
Malas practicas de codigo	-	Codigo ultra-reducido Variables de una letra Abreviaturas Sinonimos Reutilizar Sobreponer externas
Requerimientos para continuar: HTML5, Lectura de las secciones previas de JavaScript. Realizar todas las actividades previas de JavaScript.
Arrays	3	Declaracion push/pop shift/unshift
Arrays 2	5	Multidimension Recorrido include join indexOf splice
Arrays 3	1	ForEach Resumen de metodos
Arrays 4	1	Aplicando todo lo conocido
Requerimientos para continuar: HTML5: Etiquetas textos, tablas y formularios. JavaScript: Realizar todos las "actividades" previas. Array [Vacio / Añadir, Contar , Retirar]
Objetos 1	1	Introduccion Que es un objeto Como acceder Crear objetos Instanciar objetos
Objetos 2	2	Literales Crear nuevas propiedades y metodos
Objetos 3	2	Fechas y horas
Objetos 4	8	Aplicando todo lo conocido
Requerimientos para continuar: HTML5: Etiquetas textos, tablas y formularios. JavaScript: Fundamentos [sintaxis, variables, tipos de datos, comparaciones, bucles y funciones] Array [crear , añadir, contar y retirar] Objetos [crear, propiedades y sus valores ]
Almacenamiento	4	Local Storage Local vs Session Almacenar Sobre escribir Recuperar Informacion de objetos Borrar
Requerimientos para continuar: HTML5: Etiquetas textos, tablas y formularios. JavaScript: Fundamentos [sintaxis, variables, tipos de datos, comparaciones, bucles y funciones] Array [crear , añadir, contar y retirar] Objetos [crear, propiedades y sus valores ] LocalStorage [crear , añadir, contar y retirar]
Consideracion importantes	1	El incremento de complejidad requiere que se estructure el script con secciones con la finalidad de hacerlo facil de desarrollar y modificar. En esta sección se explica detalladamente las partes del script, asi como un ejemplo completo.
Objetos del DOM	3	¿DOM ? ¿Para que sirve? Control del documento Acceso a los objetos del DOM Acceso por identificador Acceso por selector Conjunto de selectores Acceso por CSS Jerarquia
Ejemplos JS	4	Boton = Alert Boton + Input Boton + Div Sobre un objeto
Ejemplos JS	6	Aplicar clases Retirar clases Alternar clases
Ejemplo JS	7	Tabla dinamica

Bootstrap

Bootstrap es un framework multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como extensiones de JavaScript adicionales. A diferencia de muchos frameworks web, solo se ocupa del desarrollo front-end.

Primeros pasos	1	Acceso a CDN Preparando la pagina Ejemplo
Rejillas	-	Rejillas Caracteristicas de la rejilla Desplazando Ejemplo
Tipografia	-	Acceso a los recursos Preparando la pagina Ejemplo

JQuery

jQuery es una biblioteca multiplataforma de JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web.

JQuery resumen	Resumen de metodos y como usar JQuery
Codigo base	Codigo minimo para realizar pruebas con JQuery

HTML + Bootstrap = APP UI/IU

La UI (User Interface), traducida al español como Interfaz de Usuario, se refiere al conjunto de elementos visuales y funcionales que permiten a los usuarios interactuar con un sistema o aplicación digital, como son los botones, formularios, menús, iconos, barras de desplazamiento y otros componentes gráficos que facilitan la navegación y la ejecución de tareas dentro de una interfaz.

000

Plantilla inicial

Estructura basica HTML5

001

App 01 Añadiendo los complementos

Todo lo anterior
Se añade : Hoja de estilos :Iconos
Se añade : Hoja de estilos :Bootstrap
Se añade : JavaScript :Jquery
Se añade : JavaScript :Bootstrap

002

App 02 Agregando el titulo

Todo lo anterior
Se añade : Una fila con una renglon
Se añade : La configuracion de la columna basado en el tamaño del dispositivos.

003

App 03 Creando un panel

Todo lo anterior
Se añade : Una fila con configuración adaptable.
Se añade : Un panel tipo "advertencia".

004

App 04 Formulario

Todo lo anterior
Dentro del panel añade un formulario
Se añade : Campo de ingreso de nombre de mascota

050

App 50 %

DOCUMENTACION EN LINEA

HTML

JAVASCRIPT

Bootstrap

JQuery

HTML + Bootstrap = APP UI/IU

App de prueba