Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Angular y Bootstrap FINAL

    Enviado por

    Gustavo Poveda
    42 visualizações16 páginas
    Pequeña presentacion sobre angular js y bootstrap!

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Pequeña presentacion sobre angular js y bootstrap!

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    42 visualizações16 páginas

    Angular y Bootstrap FINAL

    Enviado por

    Gustavo Poveda
    Pequeña presentacion sobre angular js y bootstrap!

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 16

    Bootstrap

    ALE JAN D RO S AE N Z
    GUSTAVO P OVE DA
    M AUR IC IO ROM E RO
    SOF IA S AN C H E Z

    Title and Content Layout with List


    Add your first bullet point here
    Add your second bullet point here
    Add your third bullet point here

    Que es bootstrap?
    Poderoso framework desarrollado por dos trabajadores
    de twitter.
    Permite crear de forma sencilla webs de diseo
    adaptable (responsive design).
    Este tiene una extensa librera de botones, tipografas,
    formas que permiten una pagina mas llamativa.

    Ventajas de Bootstrap.
    Simplifica la maquetacion web.
    Se integra muy bien con las principaleslibreras
    JavaScript.
    Constante mantenimiento por parte de Twitter
    Permite utilizar muchos elementos web: desde iconos, mens
    desplegables, combinandoHTML5, CSS y JavaScript.

    Como implementar bootstrap?


    Si planeamos hostear la pagina en un servidor externo
    basta con copiar la direccin que nos provee bootstrap
    y pegarla en la cabecera de la pagina <head>

    Como Implementar bootstrap?

    Si planeamos hostear nuestra pagina desde un servidor


    propio, basta con bajar el bootstrap y ponerlo en algn
    sitio del servidor y hacer el llamado en el html.

    Cdigo de Bootstrap

    Sistema de Grid (mobile first)


    Bootstrap para realizar un sistema adaptable a
    cualquier dispositivo, usa un sistema de rejilla de 12
    columnas. Desde una columna para dispositivos
    mviles, hasta 12 para diseos mas amplios.

    Sistema de Grid (mobile first)


    tenemos 4 tamaos de cuadriculas, comenzando con los
    dispositivos de menor tamao.
    .col-xs-(numero de columnas): Phones =< 768px
    .col-sm-( numero de columnas): Tablet => 768px
    .col-md-( numero de columnas): Laptop/Desktop =>
    992px
    .col-lg-( numero de columnas): Large Desktop =>
    1200px

    Sistema de Grid (mobile first)

    Paginas que utilizan bootstrap

    Angular JS
    ALE JAN D RO S AE N Z
    GUSTAVO P OVE DA
    M AUR IC IO ROM E RO
    SOF IA S AN C H E Z

    Qu es Angular JS?
    Al igual que Bootstrap es un Framework, solo que en
    esta ocasin sirve para el desarrollo de aplicaciones
    web. Y es una librera escrita en Javascript.

    Ventajas y desventajas de Angular JS


    Contiene muchas libreras
    tiles para el desarrollo
    de aplicaciones web.
    AngularJS respaldado por
    Googley una gran y
    creciente comunidad.
    Proyectos totalmente
    opensource
    Demanda bastante alta

    La nomenclatura es un
    poco difcil.
    La documentacin oficial
    de angular es un poco
    incompleta
    Difcil migracin a otro
    framwork. Hasta que la
    muerte los separe

    Implementar Angular Js
    Al igual que con bootstrap existen varias maneras de
    implementarlo, sin embargo, la mas sencilla es
    utilizando el CDN (Content Delivery Network, red de
    servidores diseados para entregar en cach (de forma
    esttica) el contenido de los sitios web a los visitantes.)

    Ejemplos de angular JS

    Você também pode gostar