format_list_bulleted

Mis practicas

Para esta unidad II se realizaron varias prácticas para hacer un sistema web

swap_calls

Uso de Materialize

Presentación de Materialize CSS, el framework CSS que permite a los desarrolladores crear diseños de sitios y aplicaciones web con las guías de Material Design. Material Design es una guía de estilo, una propuesta de diseño detallada sobre cómo deben de ser las interfaces de usuario en las aplicaciones de dispositivos Android. Esas mismas guías de diseño las podemos usar para crear sitios web usables, donde las personas se sientan cómodamente, por tener interfaces que están acostumbradas a utilizar comúnmente.

queue_play_next

Uso de Css y Javascript

CSS, en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado
JavaScript 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



Universidad Tecnológica de la sierra Hidalguense

Dirección de Tecnologías de la Información y Comunicación

Asignatura:

Aplicaciones Web

Tema:

Practicas de Unidad II

Alumno:

ENRIQUE HERNÁNDEZ SERNA

Orientador:

ING. Luis Alberto Ruiz Aguilar

Grupo:

3 DSM TI-G1

Cosas utilizadas en esta unidad II

Framework Materialize more_vert
¿Qué es?close

Es un Framework para desarrolladores Frontend, que agiliza el trabajo para maquetar y crear vistas en un proyecto, este Framework trabaja bajo el concepto y diseño de Material Design de Google. Este Framework nos ofrece una set de utilidades y componentes listos para implementarlos en nuestro proyecto, entre los elementos que nos ofrece son, cardas, menús, botones, breadcrumbs, colecciones, iconos, paginación entre otros..

Base de datos-Firebase more_vert
¿Qué es?close

Firebase es un conjunto de herramientas orientadas a la creación de aplicaciones de alta calidad, al crecimiento de los usuarios y a ganar más dinero. Personalmente describo la plataforma como una suite de diferentes aplicaciones que nos harán más fácil el desarrollo de nuestra aplicación. .






















Javascript more_vert
¿Qué es?close

JavaScript (JS) es un lenguaje de programación ligero, interpretado, o compilado justo-a-tiempo (just-in-time) con funciones de primera clase. Si bien es más conocido como un lenguaje de scripting (secuencias de comandos) para páginas web, y es usado en muchos entornos fuera del navegador, tal como Node.js, Apache CouchDB and Adobe Acrobat. JavaScript es un lenguaje de programación basado en prototipos, multi-paradigma, de un solo hilo, dinámico, con soporte para programación orientada a objetos, imperativa y declarativa (por ejemplo programación funcional)

Css-(Cascading Style Sheets) more_vert
¿Qué es?close

CSS (en inglés Cascading Style Sheets) es lo que se denomina lenguaje de hojas de estilo en cascada y se usa para estilizar elementos escritos en un lenguaje de marcado como HTML. CSS separa el contenido de la representación visual del sitio. CSS fue desarrollado por W3C (World Wide Web Consortium) en 1996 por una razón muy sencilla. HTML no fue diseñado para tener etiquetas que ayuden a formatear la página. Está hecho solo para escribir el marcado para el sitio.

Aqui estan todas las practicas hechas en la unidad II

Simbologia de archivos usados

Html-5

css

Js

Nota:En las primeras practicas nose usaron archivos externos de css, se hicieron los estilos desde el mismo archivo html usando la etiqueta. style
Los codigos de inicializacion de Javascript de materialize se pegaron en los mismos html

Practica 1 - sesion 4 elementos basicos Html5

Practica 2 - sesion 5 elementos basicos Html5

Practica 3 - sesion 6 elementos basicos Html5

Practica 3 - sesion 6 Archivo css

Practica 4 - sesion 7 elementos basicos Html5

Practica 4 - sesion 7 Archivo css

Practica 5 - sesion 8 pagina web sin_framework

Practica 5 - sesion 8 pagina web con_framework

Practica 6 - sesion 9 uso de columnas materialize

Practica 7 - sesion 10 uso de columnas, parrafos y imagen materialize

Practica 8 - sesion 11 uso de parrafos, imagenes y videos materialize

Practica 9 - sesion 12 sombras(shadowa), tablas, encabezados, Blockquote, Clase flow-text en materialize

Practica 10 - sesion 13 uso de Javascript 1

Practica 11 - sesion 14 uso de Javascript 2

Practica 11 - sesion 14 Archivo Javascript

Practica 12 - sesion 15 uso de Javascript 3

Practica 12 - sesion 15 Archivo css

Practica 12 - sesion 15 Archivo Javascript

Practica 13 - sesion 16 carrusel de imagenes con materialize

Practica 13 - sesion 16 carrusel de imagenes sin materialize, pero con Javascript

Practica 13 - sesion 16 carrusel de imagenes sin materialize, Archivo css

Practica 13 - sesion 16 carrusel de imagenes sin materialize, Archivo Javascript usado

Practica 14 - sesion 17 Media de Materialize (Material Box y video)

Practica 15 - sesion 18 Media de Materialize (slider), Botones (modal)

Practica 16 - sesion 19 paralax y tabs con materialize

Practica 17 - sesion 20 Formulario sin materialize

Practica 17 - sesion 20 Formulario con materialize

Practica 18 - sesion 21 Formulario de Registro

Practica 19 - sesion 22 Formulario de Registro y Detalles personales

Practica 20 - sesion 23 Formulario Bienvenidos, Por favor Registrate :V

Practica 20 - sesion 23 Formulario Bienvenidos, Archivo JavaScript usado

Practica 21 - sesion 24 Formulario Materialize

Practica 21 - sesion 24 Formulario Materialize, Archivo Javascript usado

Practica 22 - sesion 25 solo se pego el link de firebase

Practica 22 - sesion 25 solo se pego el link de inicializacion firebase, Archivo Javascript usado

Practica 23 - sesion 26 conexion a firebase y impresion de encabezado

Practica 23 - sesion 26, Archivo Javascript usado

Practica 24 - sesion 27 Formulario de Registro - Uso de push y firebase

Practica 24 - sesion 27 Formulario de Registro - Uso de push y firebase, Archivo Javascript usado

Practica 24 - sesion 27 Formulario de Registro - Uso de sent y firebase

Practica 24 - sesion 27 Formulario de Registro - Uso de Sent y firebase, Archivo Javascript usado

Practica 25 - sesion 28 Conexion a firebase y formulario Agregar Productos

Practica 25 - sesion 28 Conexion a firebase y formulario, Archivo Javascript usado