En este repositorio se encuentran archivos en lenguaje c de procesamiento digital de señales, todos estos códigos son realizando mediante el sofware code composer studio (CSS) especificamente la tarjeta LaunchPad F28379D que se usará a lo largo del semestre.

¿Sabías que hay otras maneras de representar colores en CSS? Una de estas formas se llama código hexadecimal, o código hex (hex code) para abreviar. Generalmente usamos decimales, o números de base 10, los cuales utilizan los símbolos del 0 al 9 para representar cada dígito. Los números hexadecimales (o hex) son números de base 16. Esto significa que utilizan dieciseis símbolos distintos. Al igual que en los números decimales, en hexadecimal los símbolos 0-9 representan los valores de cero a nueve. Luego A,B,C,D,E,F representan los valores de diez a quince. Todos estos símbolos juntos, de 0 a F, pueden representar un dígito en hexadecimal, lo que da un total de 16 valores posibles. Puedes encontrar más información sobre los números hexadecimales aquí. En CSS, podemos representar colores utilizando 6 dígitos hexadecimales, dos para los componentes de rojo (R), verde (G) y azul (B). Por ejemplo, #000000 corresponde al color negro, y también es el valor más bajo posible. Puedes encontrar más información sobre sistema de colores RGB aquí. body { color: #000000; } Reemplaza la palabra black en el "background-color" (color de fondo) de nuestro elemento body con su código hexadecimal equivalente, #000000.

INTRO Empezamos el repaso del contenido del segundo trimestre aprendiendo los conceptos fundamentales de IONIC. Como veremos en profundidad, IONIC es un framework basado en Componentes Web que nos ayuda a realizar no solo páginas web, sino también aplicaciones híbridas para móviles y tablets con diferentes sistemas operativos. Se trata simplemente que lo investiguéis y os hagáis una idea de sus posibilidades. En esta primera práctica lo veréis de forma aislada, aunque la verdadera potencia de IONIC se muestra cuando se mezcla con algún framework de desarrollo en JavaScript como Angular o React. ---------------------- Ideas fundamentales: ---------------------- -IONIC es, en principio, un conjunto de nuevas etiquetas que podéis incluir en vuestra páginas como si se trataran de etiquetas HTML. Son nuevas etiquetas que se denominan Componentes Web (Al igual que Angular). -Al igual que pasa con un control de un formulario .NET, podéis considerar un Componente Web como una etiqueta especial que tiene dos cosas unidas: un aspecto visual modificable y un comportamiento sin necesidad de escribir el código. ---------------------- Para empezar: ---------------------- - Para que el navegador reconozca esas nuevas etiquetas tenéis que enlazar a una librería, al igual que se hace con JQuery o BootStrap. Cuando se hacen proyectos de IONIC mezclados con Angular el proceso de instalación es más complejo. Pero lo que yo os pido, que es usar solo IONIC en una página web, es muy simple. En la página oficial podéis ver el código para enlazar a la librería: https://ionicframework.com/docs/intro/cdn Este es el código que necesitáis insertar en la cabecera de vuestra página: <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script> <script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css"/> - Una vez referenciada, podemos añadir estos nuevos componentes a nuestras páginas. Tenemos plantillas, botones, controles de formularios, tarjetas, etc; todas con un aspecto muy profesional. Podemos también mediante atributos modificar sus comportamientos y estilos visuales. - Podemos acceder a todos estos nuevos elementos desde JavaScript a igual que lo hemos hecho con el resto de etiquetas HTML (getElement...). - Lo más interesante de esta práctica es que intentéis desarrollar vuestra capacidad de lectura de una documentación técnica. Es más sencillo de lo que pudiera parecer. Tenéis ejemplos y códigos de uso de cada componente. https://ionicframework.com/docs/components ---------------------- LA PRÁCTICA: ---------------------- 1- Realizad una pequeña aplicación en JavaScript como la de la imagen adjunta. Se trata de un pequeño formulario donde podéis introducir el nombre de un curso y la puntuación que le dais de 1 a 5. Con un botón "Add" añadimos el curso a una lista.La parte visual la conseguiréis utilizando componentes IONIC en lugar de etiquetas HTML. El comportamiento lo programaréis, como habitualmente, usando JavaScript. 2.Intentad que la vista de la página se adapte automáticamente al tamaño de las pantallas donde se visualice.

<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <link rel="stylesheet" href="estilos.css"> <title>MILU postres</title> </head> <body> <header class="header"> <h1 class="titulo text-center my-4">MILU <span>postres</span></h1> <nav class="navbar navbar-expand-lg navbar-black justify-content-center"> <p> <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" aria-controls="collapseExample"> </a> <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="true" aria-controls="collapseExample"> </button> </p> <div class="collapse" id="collapseExample"> <div class="card card-body"> <nav class="navegacion-principal nav justify-content-between container flex-lg-row text-center"> <a href="" class="nav-link">inicio</a> <a href="" class="nav-link">nosotros</a> <a href="" class="nav-link">productos</a> <a href="" class="nav-link">tienda</a> <a href="" class="nav-link">contacto</a> </nav> </div> </div> </nav> </header> <div class="imagen-principal imagen-bg container-fluid"></div> <img src=""> <section class="categorias container nt-4"> <h2 class="text-center titulo"> PRODUCTOS QUE OFRECEMOS </h2> <div class="row nt-4 justify-content-center"> <div class="col-8 col-md-4 mb-4"> <img src="../imagenes/3349cd7bc81e15db16bc9b92bbcb3efe2b6ea305.XL2.jpg" class="img-fluid"> <a href="" class="text-center d-block ">Brownie</a> </div> <div class="col-8 col-md-4 mb-4"> <img src="../imagenes/48-image_web.jpg" class="img-fluid"> <a href="" class="text-center d-block ">Alfajores</a> </div> <div class="col-8 col-md-4 mb-4"> <img src="../imagenes/unnamed.jpg" class="img-fluid"> <a href="" class="text-center d-block">Tartaras de fresa </a> </div> <div class="col-8 col-md-4 mb-4"> <img src="../imagenes/8-pionono.jpg" class="img-fluid"> <a href="" class="text-center d-block ">Pionono</a> </div> <div class="col-8 col-md-4 mb-4"> <img src="../imagenes/empanadas.jpg" class="img-fluid"> <a href="" class="text-center d-block ">Empanadas</a> </div> <div class="col-8 col-md-4 mb-4"> <img src="../imagenes/23752d1db4d256720347e46ffc7e45c0.jpg" class="img-fluid"> <a href="" class="text-center d-block ">Bombones personalizados</a> </div> </div> </section> <div class="conteiner-fluid nosotros bg-primary "> <div class="row align-items-center"> <div class="col-md-8 img-nosotros imagen-bg"> <img class="foto2" src="../PROYECTO/91350827_103889404595215_1436595281234755584_n.png"class="img-fluid" > <div class="col-md-6 text-nostros text-light "> <div class="contenido"> <h2 class="mb-4 titulo display-4">¿Quienes somos?</h2> <p>Somos una pequeña empresa familiar que se dedica a la reposteria venimos de generacion en generacion dedicandonos a esto hacemos todo tipo de postres y perzonalizados. </p> <p>Espero lo que haya emcontrado en nuestra pagina sea de su agrado y aver llegado a ustedes y conoscan la variedad de nuestros productos.</p> </div> </div> </div> </div> </div> <section class="container productos mt-4"> <h2 class="text-center"> PAQUETES DE PROMOCION </h2> <div class="row mt-4"> <div class="col-md-6 nb-4 mb-nd-0"> <img src="../imagenes/peach-cupcakes-2-3.jpg" class="img-fluid"> <div class="info-producto bg-primary text-center text-light"> <h3 class="text.center mb-2">Tcupcakes</h3> <p>Muchas personas suelen confundirlos con los muffins pero no son lo mismo, los cupcakes son diferentes ya que estos son muy esponjositos la ¡PROMOCION! empieza de hoy </p> <p class="font-weight-bold">s/24.00 </p> <a href="" class="btn btn-success nb-2 btn-lg text-uppercase font-weight-bold">agregar al carrito</a> </div> </div> <div class="col-md-6 nb-4 mb-nd-0"> <img src="../imagenes/receta-facil-de-pie-de-limon.jpg" class="img-fluid"> <div class="info-producto bg-primary text-center text-light"> <h3 class="text.center mb-2">Pie Limon</h3> <p>Son muy ricos y empalagosos riquisimo para compartir en fmailia y lo tenemos en una gran ¡PROMOCION! aprovecha ahora </p> <p class="font-weight-bold">s/8.00 </p> <a href="" class="btn btn-success nb-2 btn-lg text-uppercase font-weight-bold">agregar al carrito</a> </div> </div> <div class="row mt-4 justify-content-center"> <div class="col-md-6 col-lg-4 mb-md-4"> <img src="../imagenes/frontal-2577.webp" class="img-fluid"> <div class="info-producto bg-primary text-center text-light"> <h3 class="text-center mb-2">Torta de chantilly</h3> <p>La torta helada es deliciosa y llamativa por sus diseños no pierdas mas esta oportunidad compralo yaaa!</p> <p class="font-weight-bold">s/34.00 </p> <a href="" class="btn btn-success nb-2 btn-lg text-uppercase font-weight-bold">agregar al carrito</a> </div> </div> <div class="col-md-6 col-lg-4 mb-md-4"> <img src="../imagenes/ver_imagen.jpg" class="img-fluid"> <div class="info-producto bg-primary text-center text-light"> <h3 class="text-center mb-2">Torta helada</h3> <p>La torta helada es deliciosa por su sabores y presentaciones no pierdas mas esta oportunidad compralo yaaa!</p> <p class="font-weight-bold">s/13.00 </p> <a href="" class="btn btn-success nb-2 btn-lg text-uppercase font-weight-bold">agregar al carrito</a> </div> </div> <div class="col-md-6 col-lg-4 mb-md-4"> <img src="../imagenes/p_4_8_48-Torta-de-Moka.jpg" class="img-fluid"> <div class="info-producto bg-primary text-center text-light"> <h3 class="text-center mb-2">Torta moca</h3> <p>La torta es deliciosa por su sabor a chocolate no pierdas mas esta oportunidad compralo yaaa!</p> <p class="font-weight-bold">s/40.00 </p> <a href="" class="btn btn-success nb-2 btn-lg text-uppercase font-weight-bold">agregar al carrito</a> </div> </div> </div> </div> </section> <footer class="conteines-fluid footer text-center pt-4 gb-4"> <div class="row"> <div class="col-md-12 pb-2"> <a href="https://web.facebook.com/Prostres-y-Dulces-Milu-Ica-103877564596399">Facebook</a> </div> <div class="col-md-12"> <div class="conteiner d-flex justify-content-center"> <h5 class="text-center">copyritght postres MILU <a href=""> milagros gonzales espinoza</a>GRACIAS POR SU VISITA</h5> </div> </div> </div> </footer> <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script> <!-- Option 2: jQuery, Popper.js, and Bootstrap JS <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script> --> </body> </html>