JavaScript e Blockchain, onde eles se encontram

Transcript

1. Matheus Lima JavaScript e Blockchain, onde eles se encontram
5. https://medium.com/@matheusml
6. Capítulo 1: Web 1.0 x 2.0
7. Web 1.0 • 1996
8. Web 1.0 • 1996 • estática (HTML)
9. Web 1.0 • 1996 • estática (HTML) • read-only
10. Web 1.0 • 1996 • estática (HTML) • read-only • taxonomia
11. Web 1.0 • 1996 • estática (HTML) • read-only • taxonomia • protocolos abertos (descentralização)
12. Web 1.0 • 1996 • estática (HTML) • read-only • taxonomia • protocolos abertos (descentralização) • pouca inovação (pouco dinheiro)
14. Web 2.0 • 2004
15. Web 2.0 • 2004 • dinâmica (php, asp, etc)
16. Web 2.0 • 2004 • dinâmica (php, asp, etc) • read-write
17. Web 2.0 • 2004 • dinâmica (php, asp, etc) • read-write • busca, keywords, categorias, tags
18. Web 2.0 • 2004 • dinâmica (php, asp, etc) • read-write • busca, keywords, categorias, tags • protocolos fechados (centralização)
19. Web 2.0 • 2004 • dinâmica (php, asp, etc) • read-write • busca, keywords, categorias, tags • protocolos fechados (centralização) • muita inovação (muito dinheiro)
21. Problemas da Web 2.0 • Falta de privacidade
22. Problemas da Web 2.0 • Falta de privacidade • Monetização (regras mudam)
23. Problemas da Web 2.0 • Falta de privacidade • Monetização (regras mudam) • Termos de uso
24. Problemas da Web 2.0 • Falta de privacidade • Monetização (regras mudam) • Termos de uso • Monopólios
25. Problemas da Web 2.0 • Falta de privacidade • Monetização (regras mudam) • Termos de uso • Monopólios • Bolhas
26. Problemas da Web 2.0 • Falta de privacidade • Monetização (regras mudam) • Termos de uso • Monopólios • Bolhas = Centralização
27. Existe problema na centralização?
28. 1. Informação é dinheiro
29. 2. O número de usuários da internet subiu de 45 milhões para 3 bilhões
30. 3. Os usuários trocaram sua privacidade por comodidade
31. Resumindo: muitos dados, muitos usuários e zero privacidade =
37. Paradoxo
38. Paradoxo • Descentralizado, mas sem inovação
39. Paradoxo • Descentralizado, mas sem inovação • Centralizado, mas com inovação
40. É possível fazer um merge dos pontos positivos da Web 1.0 com os da Web 2.0?
41. Sim, é possível. Mas quais seriam os requisitos?
42. Requisitos para a Web 3.0:
43. Requisitos para a Web 3.0: • Protocolos abertos
44. Requisitos para a Web 3.0: • Protocolos abertos • Descentralização
45. Requisitos para a Web 3.0: • Protocolos abertos • Descentralização • Privacidade
46. Requisitos para a Web 3.0: • Protocolos abertos • Descentralização • Privacidade • Inovação
47. Tá bom, mas como fazer isso?
48. Capítulo 2: O Blockchain
49. MAS ANTES
50. Capítulo 1.1: Criptografia básica
51. hash(x) = y
52. hash(“front in sampa 2018”) = B5D2037AA740FA3D6064532969A783827DF4B298C3A6 77E131DB0BC0B4AC4945
53. hash(“front in sampa 2017”) = F3641B82D514E743172126A1E7F8EB87AA10C56CD322C26 3A7A38D74762AF3CC
54. hash({ language: ‘JavaScript’ }) = 62F5D1D580D6C81A0D8E5DD83931982BCF067AEED8AA BE0AB3DB81D2D244B8EF
55. hash(x) y
56. hash(x) y
57. Capítulo 2: O Blockchain
58. Block = Bloco
59. Block = Bloco Chain = Cadeia
60. Blockchain = Cadeia de Blocos
61. Blockchain = Corrente de Blocos
62. Blockchain = Série de Blocos
63. Blockchain = Sequência de Blocos
64. Ok. Mas o que é um Bloco?
65. Bloco #527324
66. Bloco #527324 Timestamp: 2018-06-13 21:43:25
67. Bloco #527324 Timestamp: 2018-06-13 21:43:25 PreviousHash: 0000...f478
68. Bloco #527324 Timestamp: 2018-06-13 21:43:25 PreviousHash: 0000...f478 Hash: 0000...7bae
69. Bloco #527324 Timestamp: 2018-06-13 21:43:25 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1KFH...DbYY }, { 87f3...3cff: 1jkX...app7 }, … ]
70. Como eu faço pra gerar um hash que comece com 4 zeros?
71. Força bruta (tentativa e erro)
72. hash({ language: ‘JavaScript’, nonce: 0 }) = C7T0...743F
73. hash({ language: ‘JavaScript’, nonce: 0 }) = C7T0...743F hash({ language: ‘JavaScript’, nonce: 1 }) = D536...FDDB
74. hash({ language: ‘JavaScript’, nonce: 0 }) = C7T0...743F hash({ language: ‘JavaScript’, nonce: 1 }) = D536...FDDB hash({ language: ‘JavaScript’, nonce: 2 }) = 31YA...0971
75. hash({ language: ‘JavaScript’, nonce: 0 }) = C7T0...743F hash({ language: ‘JavaScript’, nonce: 1 }) = D536...FDDB hash({ language: ‘JavaScript’, nonce: 2 }) = 31YA...0971 hash({ language: ‘JavaScript’, nonce: 3 }) = F398...4B06
76. hash({ language: ‘JavaScript’, nonce: 0 }) = C7T0...743F hash({ language: ‘JavaScript’, nonce: 1 }) = D536...FDDB hash({ language: ‘JavaScript’, nonce: 2 }) = 31YA...0971 hash({ language: ‘JavaScript’, nonce: 3 }) = F398...4B06 … hash({ language: ‘JavaScript’, nonce: 41087 }) = 0000...4B06
77. A quantidade de zeros para encontrar o hash do Bloco, se chama dificuldade do sistema
78. E cada zero adicionado, a dificuldade sobe de forma exponencial
79. dificuldade tempo (ms)
80. Esse processo de buscar o hash ideal que comece com um número de zeros se chama...
81. Mineração
82. A mineração nada mais é do que uma busca, por tentativa e erro, do hash ideal de cada Bloco
83. O minerador que encontra o hash ideal primeiro é recompensado financeiramente
84. Bloco #527324 Timestamp: 2018-06-13 21:43:25 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1KFH...DbYY }, { 87f3...3cff: 1jkX...app7 }, … ]
85. Bloco #527324 Timestamp: 2018-06-13 21:43:25 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1KFH...DbYY }, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763
86. https://bit.ly/2t36ItG
87. Ponto importante:
88. Ponto importante: • Encontrar o nonce correto é demorado e computacionalmente caro
89. Ponto importante: • Encontrar o nonce correto é demorado e computacionalmente caro • Mas verificar o resultado é rápido
90. Mas pra que tudo isso?
91. 1. Para limitar a quantidade de Blocos criados
92. 2. Para se alcançar consenso
93. Consenso?!
94. Consenso é a forma de garantir que os participantes não estão fraudando mesmo sem uma autoridade central
95. O Problema dos Generais Bizantinos:
96. 1. Os generais estão muito longe dos seus superiores (autoridade central)
97. 2. Para vencer a batalha todos precisam atacar ao mesmo tempo
99. No Blockchain, esse problema foi resolvido com a mineração
100. O primeiro minerador que encontrar o hash do Bloco, avisa a toda rede
101. E assim, o consenso no Blockchain é atingido
102. Todo esse processo se chama Proof of Work (prova de trabalho)
103. Graças a ele o clássico problema dos Generais Bizantinos foi resolvido
104. Por isso o Blockchain é descentralizado
105. Legal, entendi o que é um Bloco!
106. Mas e a Sequência de Blocos?
107. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1KFH...DbYY }, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
108. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1KFH...DbYY }, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
109. hash(“front in sampa 2017”) = F3641B82D514E743172126A1E7F8EB87AA10C56CD322C26 3A7A38D74762AF3CC
110. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1KFH...DbYY }, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
111. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...7bae Transactions: [ { 26c7...9225: 1oZ3... aEe1}, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
112. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...Cb4t Transactions: [ { 26c7...9225: 1oZ3... aEe1}, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
113. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...Cb4t Transactions: [ { 26c7...9225: 1oZ3... aEe1}, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
114. Bloco #527325 Timestamp: 2018-06-13 21:53 PreviousHash: 0000...7bae Hash: 0000...6e4ef Transactions: [ { 310a...e98a: 10kla...010a }, { affa...bcc3: 1KkA...B113 }, … ] Nonce: 482791030 ... Bloco #527324 Timestamp: 2018-06-13 21:43 PreviousHash: 0000...f478 Hash: 0000...Cb4t Transactions: [ { 26c7...9225: 1oZ3... aEe1}, { 87f3...3cff: 1jkX...app7 }, … ] Nonce: 348270763 ...
116. Ou seja, se eu quiser alterar qualquer valor de um Bloco eu tenho que alterar de todos os posteriores
117. E se minerar apenas um Bloco já é custoso, minerar múltiplos Blocos é inviável.
118. Por isso o Blockchain é imutável
119. Resumindo
120. 1. Os mineradores competem para encontrar um hash ideal de um Bloco antes de adicionar no Blockchain
121. 2. Isso requer um grande poder computacional
122. 3. Quando um minerador encontra o hash ideal, ele informa para toda a rede
123. 4. Validar que o hash ideal foi encontrado é extremamente fácil
124. Capítulo 3: O Ethereum
125. Tudo o que a gente discutiu até agora está relacionado ao Bitcoin
126. Mas existem outros Blockchains
127. E pra nós, desenvolvedores, o Blockchain do Ethereum é o que mais faz sentido
129. Qual a diferença em relação ao Bitcoin?
130. Enquanto o Bitcoin quer descentralizar o dinheiro mundial
131. O Ethereum quer ser o computador do mundo
132. Isso tudo graças a um conceito que pode ser uma enorme disrupção:
133. Smart Contracts (contratos inteligentes)
134. MAS ANTES
135. Capítulo 1.2: Contratos
136. 1. Ana quer vender seu imóvel
137. 2. Maria o quer comprar
138. Ana e Maria não se confiam
139. Então elas procuram um intermediário que ambas confiam
140. Como um cartório
141. O problema é que cartórios são caros, ineficientes e prestam um péssimo serviço.
142. E é aqui que entram os Smart Contracts
143. Um Smart Contract é contrato que ao invés de caneta e papel, funciona na base do código
145. Eles funcionam sem intermediários, “deployados” no Blockchain
147. O principal objectivo do Smart Contracts é:
148. Fazer com que indivíduos, que não se confiam, consigam fazer negócios de maneira segura, barata e sem intermediários
149. OPA, PERA AÍ...
156. O modelo de negócios das empresas de tecnologia atuais está em risco
157. Com o Ethereum, tudo que poderá ser descentralizado eventualmente será
158. OPA, PERA AÍ (2) ...
159. Problemas da Web 2.0 • Falta de privacidade • Monetização (regras mudam) • Termos de uso • Monopólios • Bolhas = Centralização
160. O Ethereum tem potencial para resolver esse problema
161. E se tornar a base da Web 3.0
162. Resumindo
163. 1. O Ethereum é um tipo diferente de Blockchain
164. 2. Nele, o foco é ser o computador do mundo
165. 3. É possível também a criação de Smart Contracts
166. 4. Com isso, é possível construir dApps (aplicações descentralizadas)
167. 5. E resolver o grande problema da Web 2.0: a centralização
168. Capítulo 4: O JavaScript
169. Tá, mas onde o JavaScript se encaixa nessa história toda?
170. web3.js
171. Uma biblioteca para se conectar ao Blockchain do Ethereum em JavaScript
177. truffle
178. Um framework completo para trabalhar com Ethereum e React
180. https://truffleframework.com/tutorials
181. blockstack
182. Um marketplace para dApps, onde os usuários são donos dos próprios dados
186. https://blockstack.org/tutorials
187. Resumindo
188. 1. web3.js Biblioteca que conecta o Ethereum no JavaScript
189. 2. truffle Framework completo, em React, para construir dApps
190. 3. blockstack Marketplace da nova web 3.0 para usar e desenvolver dApps
191. Capítulo 5: Conclusão
192. 1. A web 1.0 fracassou
193. 2. A web 2.0 está fracassando por causa da centralização
194. 3. O Blockchain resolve o problema da centralização
195. 4. O Ethereum vai ser um grande candidato para dominar a Web 3.0
196. 5. Os dApps podem impactar o modelo de negócios atual das grandes empresas de tecnologia
197. 6. Nós, desenvolvedores JavaScript, podemos construir dApps hoje
198. 7. Usando ferramentas maduras, já existentes
199. 8. Como o web3.js, truffle e o blockstack
200. @matheusml