SlideShare une entreprise Scribd logo
1  sur  47
Télécharger pour lire hors ligne
2012
Chromium: o navegador que
     mudou o mundo
          Palestrante:
     ALEXANDRE TELES




           Contatos:
   Gmail: ateles.1@gmail.com
    Telefone: (71)9152-6094
                               2
Chromium: o navegador que
          mudou o mundo



“O que fazemos por nós mesmos morre conosco; o que
   fazemos pelo outro e pelo mundo permanece e é
                      imortal.”
                                       Albert Pike




                                               3
Chromium: o navegador que
      mudou o mundo




Afinal, o que é o projeto “Chromium”?




                                   4
Chromium: o navegador que
     mudou o mundo




Espera aí! Você está dizendo que o
 Google Chrome não é da Google?




                                 5
Chromium: o navegador que
       mudou o mundo




Então, afinal, o que diferencia os dois
            navegadores?




                                     6
Chromium: o navegador que
     mudou o mundo
          Google Chrome


Flash Player integrado.
PDF viewer integrado.
Sistema de impressão integrada.
O nome do Google com logo diferente.
Codecs ACC e MP3

                                       7
Chromium: o navegador que
       mudou o mundo



Agora eu sei a diferença entre os dois.
 Mais e as licenças de software livre,
              como ficam?




                                    8
Chromium: o navegador que
     mudou o mundo




Então tá. Agora vamos falar do
          navegador!




                                 9
Chromium: o navegador que
     mudou o mundo




                        1
                        0
Chromium: o navegador que
       mudou o mundo
         O código do Chromium


   Códigos em C/C++ e Python escritos de
forma clara, concisa e bem documentada;
  Aplicação profunda do conceitos de OOP;
  Código limpo, sem rebarbas ou “gambiarras”;
  Otimização de código.


                                            1
                                            1
Chromium: o navegador que
     mudou o mundo




     Isso tudo para quê?




                           1
                           2
Chromium: o navegador que
     mudou o mundo
        Metas do Chromium




1ª – Ser um gerenciador de janelas com
             base em abas;




                                     1
                                     3
Chromium: o navegador que
     mudou o mundo
      Metas do Chromium




 2ª – Ser um “shell” para a web;




                                   1
                                   4
Chromium: o navegador que
     mudou o mundo
        Metas do Chromium




3ª – Possuir interface minimalista e
              amigável;




                                   1
                                   5
Chromium: o navegador que
     mudou o mundo
     Metas do Chromium




   4º – Ser seguro e estável;




                                1
                                6
Chromium: o navegador que
     mudou o mundo
       Metas do Chromium




5º – Ser e parecer leve e, acima de
            tudo, RÁPIDO.




                                  1
                                  7
Chromium: o navegador que
       mudou o mundo



  Somente a beleza do código não é
suficiente para atingir estas metas. O
          que mais foi feito?




                                    1
                                    8
Chromium: o navegador que
     mudou o mundo
Peças-chave no quebra-cabeças do
        projeto Chromium




1ª – Motor de renderização WebKit;




                                 1
                                 9
Chromium: o navegador que
     mudou o mundo
Peças-chave no quebra-cabeças do
        projeto Chromium




   2º – Suporte ao padrão SVG;




                                 2
                                 0
Chromium: o navegador que
      mudou o mundo
Peças-chave no quebra-cabeças do
        projeto Chromium




3ª – Suporte antecipado aos padrões
           HTML5 e CSS3;



                                 2
                                 1
Chromium: o navegador que
     mudou o mundo
Peças-chave no quebra-cabeças do
        projeto Chromium




 4º – Suporte avançado à WebGL;




                                  2
                                  2
Chromium: o navegador que
     mudou o mundo
Peças-chave no quebra-cabeças do
        projeto Chromium




    5º – Motor JavaScript V8.




                                2
                                3
Chromium: o navegador que
     mudou o mundo




 Motor? V8? Isso é um carro de
           corrida?




                                 2
                                 4
Chromium: o navegador que
     mudou o mundo




Isso não pode ser tão eficiente
           assim...




                                  2
                                  5
Chromium: o navegador que
      mudou o mundo




Tudo bem, tudo bem. Mas para mim
como usuário, o que isso significa?




                                  2
                                  6
Chromium: o navegador que
     mudou o mundo
       HTTP Pipeling




                        2
                        7
Chromium: o navegador que
     mudou o mundo




      DNS Prefetching




                        2
                        8
Chromium: o navegador que
     mudou o mundo




Gerenciamento individualizado de
           recursos




                                   2
                                   9
Chromium: o navegador que
       mudou o mundo



 Integração total com os serviços do
Google, incluindo sincronização entre
             dispositivos




                                   3
                                   0
Chromium: o navegador que
     mudou o mundo




E onde essa eficiência toda levou o
        projeto Chromium?




                                  3
                                  1
Chromium: o navegador que
     mudou o mundo




                        3
                        2
Chromium: o navegador que
       mudou o mundo



    Opa, meu faro para negócio
despertou! Como posso alcançar essa
     fatia enorme de mercado?




                                 3
                                 3
Chromium: o navegador que
       mudou o mundo
Como alcançar o mercado de usuários
           do Chromium




    1º – Desenvolvendo sites em
 conformidade com os padrões W3C



                                 3
                                 4
Chromium: o navegador que
       mudou o mundo
Como alcançar o mercado de usuários
           do Chromium




  2º – Desenvolvendo para a nuvem




                                    3
                                    5
Chromium: o navegador que
       mudou o mundo
Como alcançar o mercado de usuários
           do Chromium




 3º – Desenvolvendo aplicações Web
                ricas.



                                 3
                                 6
Chromium: o navegador que
       mudou o mundo
Como alcançar o mercado de usuários
           do Chromium




     4º – Desenvolva em WebGL




                                 3
                                 7
Chromium: o navegador que
       mudou o mundo
Como alcançar o mercado de usuários
           do Chromium




 5º – Conheça a Chrome Web Store e
       desenvolva Chrome apps



                                 3
                                 8
Chromium: o navegador que
       mudou o mundo
   Fatos sobre a Chrome Web Store


  Todos os 310 milhões de usuários do
Chrome (junho de 2012) tem acesso à ela;
  Integração total entre dispositivos;
  Integração com a Google Wallet in-app;
  Localizada em 42 linguagens diferentes.

                                         3
                                         9
Chromium: o navegador que
       mudou o mundo
No que a Chrome Web Store se baseia


  Tirar as aplicações de dentro do browser;
  Interfaces amigáveis e facilidade de uso;
  Aplicações offline por default (ou com
pouquíssima comunicação de rede);
  Uso intenso das APIs providas pelo
navegador.
                                           4
                                           0
Chromium: o navegador que
     mudou o mundo




O que são as Chrome apps afinal?




                               4
                               1
Chrome apps são um conjunto de código
HTML, JavaScript e recursos empacotados
 em um arquivo zip que, uma vez enviado à
Chrome Web Store será baixado no sistema
do usuário e estará lá: sempre pronto para
              ser executado.




                                       4
                                       2
Chromium: o navegador que
       mudou o mundo
   O que você pode fazer com uma
            Chrome app


   Construir e controlar aplicações multi-
janela;
  Interagir com outros aplicativos;
  Fazer requisições AJAX para sites de
terceiros (Cross-Site Scripting);
                                             4
                                             3
Chromium: o navegador que
       mudou o mundo




 Para tudo! Como desenvolvo estas
Chrome apps? Me parece um mercado
             promissor!



                               4
                               4
Chromium: o navegador que
     mudou o mundo
     Tipos de Chrome apps




Hosted apps;
Packaged apps ou extensions.




                               4
                               5
Chromium: o navegador que
          mudou o mundo



 “Não alcançamos a liberdade buscando a liberdade,
mas sim a verdade. A liberdade não é um fim, mas uma
                   consequência.”
                                         Léon Tolstói




                                                 4
                                                 6
Chromium: o navegador que
     mudou o mundo
          Palestrante:
     ALEXANDRE TELES




           Contatos:
   Gmail: ateles.1@gmail.com
    Telefone: (71)9152-6094
                               4
                               7

Contenu connexe

Tendances

WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.Nícholas André
 
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Ionic Framework - Parte 1 - Iniciando um Projeto mais RobustoIonic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Ionic Framework - Parte 1 - Iniciando um Projeto mais RobustoAlamo Saravali
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
Desenvolvendo chrome extensions
Desenvolvendo chrome extensionsDesenvolvendo chrome extensions
Desenvolvendo chrome extensionsRodolfo Dias
 
Usando Git na Unity - Gaming For All 2021
Usando Git na Unity - Gaming For All 2021Usando Git na Unity - Gaming For All 2021
Usando Git na Unity - Gaming For All 2021Erik Cruz
 
Developing_Browsers_Extensions
Developing_Browsers_ExtensionsDeveloping_Browsers_Extensions
Developing_Browsers_ExtensionsGabriel Godoy
 
Webdroid by cngsm
Webdroid by cngsmWebdroid by cngsm
Webdroid by cngsmCNGSM
 
WordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteWordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteFlávio Ricardo B. Meira
 
Testando uma aplicação AngularJS utilizando o Karma
Testando uma aplicação AngularJS utilizando o KarmaTestando uma aplicação AngularJS utilizando o Karma
Testando uma aplicação AngularJS utilizando o KarmaHenrique Limas
 
TDC2016SP - Flask para Web
TDC2016SP - Flask para WebTDC2016SP - Flask para Web
TDC2016SP - Flask para Webtdc-globalcode
 
Desenvolvimento inteligente com Google Chrome DevTools
Desenvolvimento inteligente com Google Chrome DevToolsDesenvolvimento inteligente com Google Chrome DevTools
Desenvolvimento inteligente com Google Chrome DevToolsFábio Assunção
 
Palestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livrePalestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livreGustavo Freitas
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
 
Construindo portlets para IBM WebSphere Portal – Parte 1
Construindo portlets para IBM WebSphere Portal – Parte 1Construindo portlets para IBM WebSphere Portal – Parte 1
Construindo portlets para IBM WebSphere Portal – Parte 1rodrigoareis
 

Tendances (20)

WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
 
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Ionic Framework - Parte 1 - Iniciando um Projeto mais RobustoIonic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
firefox-os-front-end
firefox-os-front-endfirefox-os-front-end
firefox-os-front-end
 
Curso de ReactJS
Curso de ReactJSCurso de ReactJS
Curso de ReactJS
 
Desenvolvendo chrome extensions
Desenvolvendo chrome extensionsDesenvolvendo chrome extensions
Desenvolvendo chrome extensions
 
Usando Git na Unity - Gaming For All 2021
Usando Git na Unity - Gaming For All 2021Usando Git na Unity - Gaming For All 2021
Usando Git na Unity - Gaming For All 2021
 
Developing_Browsers_Extensions
Developing_Browsers_ExtensionsDeveloping_Browsers_Extensions
Developing_Browsers_Extensions
 
Conhecendo o WordPress
Conhecendo o WordPressConhecendo o WordPress
Conhecendo o WordPress
 
Chrome OS
Chrome OSChrome OS
Chrome OS
 
Webdroid by cngsm
Webdroid by cngsmWebdroid by cngsm
Webdroid by cngsm
 
WordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteWordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu site
 
Testando uma aplicação AngularJS utilizando o Karma
Testando uma aplicação AngularJS utilizando o KarmaTestando uma aplicação AngularJS utilizando o Karma
Testando uma aplicação AngularJS utilizando o Karma
 
TDC2016SP - Flask para Web
TDC2016SP - Flask para WebTDC2016SP - Flask para Web
TDC2016SP - Flask para Web
 
Wordpress basico
Wordpress basicoWordpress basico
Wordpress basico
 
Desenvolvimento inteligente com Google Chrome DevTools
Desenvolvimento inteligente com Google Chrome DevToolsDesenvolvimento inteligente com Google Chrome DevTools
Desenvolvimento inteligente com Google Chrome DevTools
 
Palestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livrePalestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livre
 
Browsers
BrowsersBrowsers
Browsers
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
Construindo portlets para IBM WebSphere Portal – Parte 1
Construindo portlets para IBM WebSphere Portal – Parte 1Construindo portlets para IBM WebSphere Portal – Parte 1
Construindo portlets para IBM WebSphere Portal – Parte 1
 

En vedette

Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol chemineebio8
 
Les Meilleurs Extensions: Top 10 google chrome extensions
Les Meilleurs Extensions: Top 10 google chrome extensionsLes Meilleurs Extensions: Top 10 google chrome extensions
Les Meilleurs Extensions: Top 10 google chrome extensionsAbderrahim Sibari
 
Desenvolvimento de Extensões para o Google Chrome
Desenvolvimento de Extensões para o Google ChromeDesenvolvimento de Extensões para o Google Chrome
Desenvolvimento de Extensões para o Google ChromeSérgio Vilar
 
Personalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadoresPersonalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadoresTomás Martí
 
Mejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevTools
Mejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevToolsMejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevTools
Mejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevToolsIñaki Arenaza
 
Limpiar Windows, Internet Explorer y Chrome
Limpiar Windows, Internet Explorer y ChromeLimpiar Windows, Internet Explorer y Chrome
Limpiar Windows, Internet Explorer y ChromeJuan Astudillo
 
Sistema operativo google chrome os
Sistema operativo google chrome osSistema operativo google chrome os
Sistema operativo google chrome osKevin Melgar
 
Sistema operativo google chrome os
Sistema operativo google chrome osSistema operativo google chrome os
Sistema operativo google chrome osChristian Sanchez
 
Sistema Operativo Google Chrome OS
Sistema Operativo Google Chrome OSSistema Operativo Google Chrome OS
Sistema Operativo Google Chrome OSaleceles
 
Catalogue Aspirateur centralisé ZCV
Catalogue Aspirateur centralisé ZCV Catalogue Aspirateur centralisé ZCV
Catalogue Aspirateur centralisé ZCV Homexity
 
Planification de la gestion et de l’entretien d’infrastructures à...
Planification de la gestion et de l’entretien d’infrastructures à...Planification de la gestion et de l’entretien d’infrastructures à...
Planification de la gestion et de l’entretien d’infrastructures à...VisionGÉOMATIQUE2012
 
Tutorial google chrome
Tutorial google chromeTutorial google chrome
Tutorial google chromeFabiola López
 
Case 580 k_schema_hydraulique
Case 580 k_schema_hydrauliqueCase 580 k_schema_hydraulique
Case 580 k_schema_hydrauliqueelmandoub
 

En vedette (20)

Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
Une analyse simple de selectionner des aspects de grille de cheminee d'ethanol
 
Les Meilleurs Extensions: Top 10 google chrome extensions
Les Meilleurs Extensions: Top 10 google chrome extensionsLes Meilleurs Extensions: Top 10 google chrome extensions
Les Meilleurs Extensions: Top 10 google chrome extensions
 
BSI Lagebericht 2014
BSI Lagebericht 2014BSI Lagebericht 2014
BSI Lagebericht 2014
 
Desenvolvimento de Extensões para o Google Chrome
Desenvolvimento de Extensões para o Google ChromeDesenvolvimento de Extensões para o Google Chrome
Desenvolvimento de Extensões para o Google Chrome
 
Personalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadoresPersonalizar google chrome y añadir marcadores
Personalizar google chrome y añadir marcadores
 
Mejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevTools
Mejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevToolsMejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevTools
Mejora tu desarrollo web con Firefox Developer Edition y Google Chrome DevTools
 
Google chrome os
Google chrome osGoogle chrome os
Google chrome os
 
Limpiar Windows, Internet Explorer y Chrome
Limpiar Windows, Internet Explorer y ChromeLimpiar Windows, Internet Explorer y Chrome
Limpiar Windows, Internet Explorer y Chrome
 
Sistema operativo google chrome os
Sistema operativo google chrome osSistema operativo google chrome os
Sistema operativo google chrome os
 
Sistema operativo google chrome os
Sistema operativo google chrome osSistema operativo google chrome os
Sistema operativo google chrome os
 
1 google chrome presentación para ttt (méxico)
1 google chrome   presentación para ttt (méxico)1 google chrome   presentación para ttt (méxico)
1 google chrome presentación para ttt (méxico)
 
En 20 minutos ... Chrome Developer Tools
En 20 minutos ... Chrome Developer ToolsEn 20 minutos ... Chrome Developer Tools
En 20 minutos ... Chrome Developer Tools
 
Google chrome OS
Google chrome OS Google chrome OS
Google chrome OS
 
Google chrome os
Google chrome osGoogle chrome os
Google chrome os
 
Sistema Operativo Google Chrome OS
Sistema Operativo Google Chrome OSSistema Operativo Google Chrome OS
Sistema Operativo Google Chrome OS
 
Sonaca : La collaboration Universités-Entreprises
Sonaca : La collaboration Universités-EntreprisesSonaca : La collaboration Universités-Entreprises
Sonaca : La collaboration Universités-Entreprises
 
Catalogue Aspirateur centralisé ZCV
Catalogue Aspirateur centralisé ZCV Catalogue Aspirateur centralisé ZCV
Catalogue Aspirateur centralisé ZCV
 
Planification de la gestion et de l’entretien d’infrastructures à...
Planification de la gestion et de l’entretien d’infrastructures à...Planification de la gestion et de l’entretien d’infrastructures à...
Planification de la gestion et de l’entretien d’infrastructures à...
 
Tutorial google chrome
Tutorial google chromeTutorial google chrome
Tutorial google chrome
 
Case 580 k_schema_hydraulique
Case 580 k_schema_hydrauliqueCase 580 k_schema_hydraulique
Case 580 k_schema_hydraulique
 

Similaire à Chromium: o navegador que mudou o mundo

Chromium: o navegador que mudou o mundo
Chromium: o navegador que mudou o mundoChromium: o navegador que mudou o mundo
Chromium: o navegador que mudou o mundoAlexandre Teles
 
Chromium: o navegador que mudou o mundo.
Chromium: o navegador que mudou o mundo.Chromium: o navegador que mudou o mundo.
Chromium: o navegador que mudou o mundo.Alexandre Teles
 
[pt] Chromium - uma breve introdução
[pt] Chromium - uma breve introdução[pt] Chromium - uma breve introdução
[pt] Chromium - uma breve introduçãoMário Luan
 
Apresentacao internet (andrenizia)
Apresentacao   internet (andrenizia)Apresentacao   internet (andrenizia)
Apresentacao internet (andrenizia)André Santos
 
Curso noçoes sobre uso internet intranet
Curso noçoes sobre uso internet intranetCurso noçoes sobre uso internet intranet
Curso noçoes sobre uso internet intranetMaria Celina Rodrigues
 
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011Eduardo Souza
 
Apresentação Prof: Edson. Chrome OS
Apresentação Prof: Edson. Chrome OSApresentação Prof: Edson. Chrome OS
Apresentação Prof: Edson. Chrome OSdarlansi
 
Android: Uma nova maneira de pensar
Android: Uma nova maneira de pensarAndroid: Uma nova maneira de pensar
Android: Uma nova maneira de pensarcezarsignori
 
Apresentação sie ir-2014
Apresentação sie ir-2014Apresentação sie ir-2014
Apresentação sie ir-2014Renan Moreira
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...E-Commerce Brasil
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobileRWTH Aachen University
 
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgDesenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgBruno Fernandes "PorKaria"
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...tdc-globalcode
 

Similaire à Chromium: o navegador que mudou o mundo (20)

Chromium: o navegador que mudou o mundo
Chromium: o navegador que mudou o mundoChromium: o navegador que mudou o mundo
Chromium: o navegador que mudou o mundo
 
Chromium: o navegador que mudou o mundo.
Chromium: o navegador que mudou o mundo.Chromium: o navegador que mudou o mundo.
Chromium: o navegador que mudou o mundo.
 
[pt] Chromium - uma breve introdução
[pt] Chromium - uma breve introdução[pt] Chromium - uma breve introdução
[pt] Chromium - uma breve introdução
 
Apresentacao internet (andrenizia)
Apresentacao   internet (andrenizia)Apresentacao   internet (andrenizia)
Apresentacao internet (andrenizia)
 
Curso noçoes sobre uso internet intranet
Curso noçoes sobre uso internet intranetCurso noçoes sobre uso internet intranet
Curso noçoes sobre uso internet intranet
 
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
 
Android
Android Android
Android
 
Apresentação Prof: Edson. Chrome OS
Apresentação Prof: Edson. Chrome OSApresentação Prof: Edson. Chrome OS
Apresentação Prof: Edson. Chrome OS
 
Grupo 3
Grupo 3Grupo 3
Grupo 3
 
Android: Uma nova maneira de pensar
Android: Uma nova maneira de pensarAndroid: Uma nova maneira de pensar
Android: Uma nova maneira de pensar
 
Google Chrome
Google ChromeGoogle Chrome
Google Chrome
 
Apresentação sie ir-2014
Apresentação sie ir-2014Apresentação sie ir-2014
Apresentação sie ir-2014
 
Chome os
Chome osChome os
Chome os
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
A revolução do client side
A revolução do client sideA revolução do client side
A revolução do client side
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobile
 
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgDesenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cg
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
 

Chromium: o navegador que mudou o mundo

  • 2. Chromium: o navegador que mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 2
  • 3. Chromium: o navegador que mudou o mundo “O que fazemos por nós mesmos morre conosco; o que fazemos pelo outro e pelo mundo permanece e é imortal.” Albert Pike 3
  • 4. Chromium: o navegador que mudou o mundo Afinal, o que é o projeto “Chromium”? 4
  • 5. Chromium: o navegador que mudou o mundo Espera aí! Você está dizendo que o Google Chrome não é da Google? 5
  • 6. Chromium: o navegador que mudou o mundo Então, afinal, o que diferencia os dois navegadores? 6
  • 7. Chromium: o navegador que mudou o mundo Google Chrome Flash Player integrado. PDF viewer integrado. Sistema de impressão integrada. O nome do Google com logo diferente. Codecs ACC e MP3 7
  • 8. Chromium: o navegador que mudou o mundo Agora eu sei a diferença entre os dois. Mais e as licenças de software livre, como ficam? 8
  • 9. Chromium: o navegador que mudou o mundo Então tá. Agora vamos falar do navegador! 9
  • 10. Chromium: o navegador que mudou o mundo 1 0
  • 11. Chromium: o navegador que mudou o mundo O código do Chromium Códigos em C/C++ e Python escritos de forma clara, concisa e bem documentada; Aplicação profunda do conceitos de OOP; Código limpo, sem rebarbas ou “gambiarras”; Otimização de código. 1 1
  • 12. Chromium: o navegador que mudou o mundo Isso tudo para quê? 1 2
  • 13. Chromium: o navegador que mudou o mundo Metas do Chromium 1ª – Ser um gerenciador de janelas com base em abas; 1 3
  • 14. Chromium: o navegador que mudou o mundo Metas do Chromium 2ª – Ser um “shell” para a web; 1 4
  • 15. Chromium: o navegador que mudou o mundo Metas do Chromium 3ª – Possuir interface minimalista e amigável; 1 5
  • 16. Chromium: o navegador que mudou o mundo Metas do Chromium 4º – Ser seguro e estável; 1 6
  • 17. Chromium: o navegador que mudou o mundo Metas do Chromium 5º – Ser e parecer leve e, acima de tudo, RÁPIDO. 1 7
  • 18. Chromium: o navegador que mudou o mundo Somente a beleza do código não é suficiente para atingir estas metas. O que mais foi feito? 1 8
  • 19. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 1ª – Motor de renderização WebKit; 1 9
  • 20. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 2º – Suporte ao padrão SVG; 2 0
  • 21. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 3ª – Suporte antecipado aos padrões HTML5 e CSS3; 2 1
  • 22. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 4º – Suporte avançado à WebGL; 2 2
  • 23. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 5º – Motor JavaScript V8. 2 3
  • 24. Chromium: o navegador que mudou o mundo Motor? V8? Isso é um carro de corrida? 2 4
  • 25. Chromium: o navegador que mudou o mundo Isso não pode ser tão eficiente assim... 2 5
  • 26. Chromium: o navegador que mudou o mundo Tudo bem, tudo bem. Mas para mim como usuário, o que isso significa? 2 6
  • 27. Chromium: o navegador que mudou o mundo HTTP Pipeling 2 7
  • 28. Chromium: o navegador que mudou o mundo DNS Prefetching 2 8
  • 29. Chromium: o navegador que mudou o mundo Gerenciamento individualizado de recursos 2 9
  • 30. Chromium: o navegador que mudou o mundo Integração total com os serviços do Google, incluindo sincronização entre dispositivos 3 0
  • 31. Chromium: o navegador que mudou o mundo E onde essa eficiência toda levou o projeto Chromium? 3 1
  • 32. Chromium: o navegador que mudou o mundo 3 2
  • 33. Chromium: o navegador que mudou o mundo Opa, meu faro para negócio despertou! Como posso alcançar essa fatia enorme de mercado? 3 3
  • 34. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 1º – Desenvolvendo sites em conformidade com os padrões W3C 3 4
  • 35. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 2º – Desenvolvendo para a nuvem 3 5
  • 36. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 3º – Desenvolvendo aplicações Web ricas. 3 6
  • 37. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 4º – Desenvolva em WebGL 3 7
  • 38. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 5º – Conheça a Chrome Web Store e desenvolva Chrome apps 3 8
  • 39. Chromium: o navegador que mudou o mundo Fatos sobre a Chrome Web Store Todos os 310 milhões de usuários do Chrome (junho de 2012) tem acesso à ela; Integração total entre dispositivos; Integração com a Google Wallet in-app; Localizada em 42 linguagens diferentes. 3 9
  • 40. Chromium: o navegador que mudou o mundo No que a Chrome Web Store se baseia Tirar as aplicações de dentro do browser; Interfaces amigáveis e facilidade de uso; Aplicações offline por default (ou com pouquíssima comunicação de rede); Uso intenso das APIs providas pelo navegador. 4 0
  • 41. Chromium: o navegador que mudou o mundo O que são as Chrome apps afinal? 4 1
  • 42. Chrome apps são um conjunto de código HTML, JavaScript e recursos empacotados em um arquivo zip que, uma vez enviado à Chrome Web Store será baixado no sistema do usuário e estará lá: sempre pronto para ser executado. 4 2
  • 43. Chromium: o navegador que mudou o mundo O que você pode fazer com uma Chrome app Construir e controlar aplicações multi- janela; Interagir com outros aplicativos; Fazer requisições AJAX para sites de terceiros (Cross-Site Scripting); 4 3
  • 44. Chromium: o navegador que mudou o mundo Para tudo! Como desenvolvo estas Chrome apps? Me parece um mercado promissor! 4 4
  • 45. Chromium: o navegador que mudou o mundo Tipos de Chrome apps Hosted apps; Packaged apps ou extensions. 4 5
  • 46. Chromium: o navegador que mudou o mundo “Não alcançamos a liberdade buscando a liberdade, mas sim a verdade. A liberdade não é um fim, mas uma consequência.” Léon Tolstói 4 6
  • 47. Chromium: o navegador que mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 4 7