Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mini-Curso sobre Bootstrap 3

4,668 views

Published on

Slides de apoio para um mini-curso de Twitter Bootstrap 3 realizado em 10/5/2014 na DevRioClaro!

Published in: Technology
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Mini-Curso sobre Bootstrap 3

  1. 1. Mini Curso Bootstrap #DEVRIOCLARO – 10/05/2014
  2. 2. Oi (^.^)/  “Palestrante”  Diego Doná  Desenvolvedor Web @ Sismat Consultoria & TI  Bacharel em Sistemas de Informação pela Faculdade Salesiana Dom Bosco de Piracicaba  Likes: C#, Entity Framework, Desenvolvimento Web, Tênis de mesa (não é ping pong!!!)  Dislikes: Bugs, Bugs Intermitentes, Bugs zombies (enterra-se um, surgem 3)
  3. 3. Planejamento! Nas eras mitológicas... A chegada do CSS! CSS e “seus” problemas Frameworks de CSS Bootstrap
  4. 4. Nas eras mitológicas... H.T.M.L. Texto. Texto. Bastante texto.  Tinha link, mas era texto.
  5. 5. Nas eras mitológicas...  http://info.cern.ch/hypertext/WWW/TheProject.html
  6. 6. Nas eras mitológicas...  Recomendo:  http://broadcast.rackspace .com/blog/HTMLtimeline/in dex.html
  7. 7. Nas eras mitológicas...
  8. 8. Nas eras mitológicas...  O HTML evoluiu...  Vieram as imagens...  Tabelas...  ... o deturpo semântico das tabelas :(  Tabelas são para dados tabulares, não para separar imagem de texto!  Vieram os web designers...
  9. 9. Nas eras mitológicas...
  10. 10. A chegada do CSS!  Proposta de melhorar a aparência, usabilidade e manutenibilidade dos sites
  11. 11. A chegada do CSS!  Em teoria... Menos stress! Mais produtividade e qualidade! Mais liberdade! Tudo de bom!
  12. 12. A chegada do CSS!
  13. 13. A chegada do CSS!  Cascading Style Sheet (CSS1) é aprovado pela W3C em 1996  Browsers iniciam a implementação  CSS2 vem em 1998  Revisão em 2011 (CSS2.1)  Maior parte implementado pelos navegadores atuais  CSS3 vem em 1999 (WTF!)  Em 2014, ainda estamos na fase de implementação!
  14. 14. CSS e “seus” problemas
  15. 15. CSS e “seus” problemas  A implementação dos navegadores podem diferir  Layouts vão podem parecer “quebrados” em testes  “Funciona no IE, mas no FireFox o menu desapareceu...”
  16. 16. CSS e “seus” problemas http://www.w3counter.com/globalstats.php - Acesso em: 07/05/2014
  17. 17. CSS e “seus” problemas Pequena demonstração...
  18. 18. Vários problemas em manter os sites funcionando em todos os browsers
  19. 19. Logo as pessoas resolveram criar algumas ferramentas...
  20. 20. Frameworks de CSS
  21. 21. Frameworks de CSS Soluções vem de discussões...
  22. 22. Frameworks de CSS USAR OU NÃO USAR, EIS A QUESTÃO... ...QUE NÃO DEVE SER GENERALIZADA.
  23. 23. Frameworks de CSS  Vantagens  Facilidade  Padrões robustos  Comunidade  Muitas ferramentas  Desvantagens  Restrições  Semântica alheia  Curva de aprendizado  Muitas ferramentas
  24. 24. Bootstrap
  25. 25. Bootstrap Framework de CSS... ... Front End... ... Responsivo... ... Mobile First...  ... Só não faz café. Ainda.
  26. 26. Bootstrap  Originalmente, ferramenta interna do Twitter  “Twitter Blueprint”  Meros mortais ganharam acesso em 2011  Mais de 20 releases  Atualmente na versão 3.x
  27. 27. Bootstrap  Vamos ver ao vivo!
  28. 28. Bootstrap Temas customizados!  https://wrapbootstrap.com/
  29. 29. Conclusão Aprendizado fácil Boa documentação Suporte aos navegadores recentes Mais que CSS, Front End!
  30. 30. Referências e Reverências  http://getbootstrap.com  http://css-tricks.com/what-are-the-benefits-of-using-a-css- framework/  http://speckyboy.com/2011/03/14/discussing-the-pros-and-cons-of- using-a-css-framework/
  31. 31. Referências e Reverências  http://blog.artversion.com/web-design-company/the-importance-of- web-user-interface-design/  http://www.cssneuse.net/the-history-of-css.php  http://www.design-laorosa.com/2012/01/history-websites-at-their- infancy-10.html  http://www.wdtonline.com/wdtMagazine/MemberWorks/WiserWays/cs shtml.htm  http://sites.jmu.edu/wrtcworkshop/evolution-of-communication/

×