Intro to JavaScript - November 8, 2018

Transcript

1. JavaScript
2. Any application that can be written in JavaScript, will eventually be written in JavaScript. Jeff Atwood, co-founder of StackOverflow
4. Šta je JavaScript?
5. JavaScript je dinamičan, objektno-orijentisan i slabo tipiziran programski jezik
6. JavaScript je jedan od najpopularnijih programskih jezika na Svetu!
7. programski ili skripting jezik? !
8. Zašto je JavaScript jedan od najpopularnijih programskih jezika i gde se najčešće koristi?
9. Slobodan Stojanović CTO @ Cloud Horizon Organizator JS Belgrade Meetupa Autor "Serverless Applications with Node.js" knjige github.com/stojanovic twitter.com/slobodan_
10. Istorija interneta
11. • Predložen 1962. • Kreiran 1969. • Poznat kao ARPANET • Napravljen od strane ARPA
 (Advanced Research Projects Agency)
12. • Konektovao 4 kompjutera u SAD • 1965. uspešno konektovali 2 preko
 telefonskog sistema • Do 1972. povezano puno Univerziteta i
 kreirani su email, telnet i newsgroup
 protokoli
13. • FTP • Gopher • TCP/IP
14. ARPANET postaje Internet
15. Vint Cerf, Father of the Internet
16. World Wide Web
17. Predložen marta 1989.
 u CERNu od strane
 Tim Berners-Leea
19. Kreirao je prvi pretraživač (browser) 1990.
 WorldWideWeb
20. 1993. NSCA mosaic pretraživač dodaje inline slike, boje i hiperlinkove
21. 1993. NSCA mosaic pretraživač prvi koji se
 pokreće u grafičkom interfejsu
22. Avgust 1995. Interner Explorer 1.0 baziran na Spyglass Mosaic pretraživaču
23. početak 1996. NETSCAPE 2 sa novim tehnologijama: frejmovi i JavaScript
24. Istorija JavaScripta
25. Osnivač Netscapea Marc Andreessen je verovao da je HTMLu
 potreban “lepak” jezik
26. 1995. zapošljavaju Brendana Eicha da implementira Scheme programski jezik u Netscape Navigator
27. Istovremeno sarađuju sa Sun Microsystems da dodaju njihov jezik Java kako bi mogli da se takmiče sa Microsoftom
28. Kompanija odlučuje da njihov skripting jezik treba da ima sličnu sintaksu kao Java i da bude komplementaran sa njom
29. Brendan Eich kreira prototip za 10 dana u maju 1995.
30. Brendan Eich, creator of JavaScript
31. Mocha
32. LiveWire
33. LiveScript Netscape Navigator 2.0 beta 2
34. JavaScript Netscape Navigator 2.0 beta 3
35. Način na koji manipuliše formama, linkovima i sl. postao je poznat kao DOM level 0
36. 1996. ECMAScript standard od strane European Computer Manufacturers Association
37. 1996. Netscape 3 i JavaScript 1.1
38. 1997. Netscape 4 i DHTML
39. JavaScript 1.2 [ ] i { } Layer DOM Manipulacija CSSom
40. 1997. Internet Explorer 4 dozvoljava da se gotovo bilo koji deo DOMa menja i uvodi filtere i tranzicije
41. W3C usvaja mnoge delove te sintakse i ona postaje deo naredne DOM preporuke
42. sredinom 1998. Netscape 3 postaje Open Source i implementira JavaScript 1.3 ali zbog puno bugova gubi korisnike
43. 1999. Microsoft IE5 Implementira W3C DOM 1 preporuku i dodaje još puno stvari iz IE4
44. ECMAScript 3 / JavaScript 1.5* * JavaScript 1.4 je postojao samo kao server side JS na Netscapeu
45. Microsoftova ekstenzija
 JavaScripta: JScript
46. W3C DOM Drvo sa HTML elementom kao korenom
47. 2000. Opera 4
48. Pretraživači (5. generacija): Konqueror, ICEbrowser, Television…
49. 2002. Mozilla projekat objavljuje Mozilla pretraživač sa Gecko i SpiderMonkey
50. Internet Explorer 6 Opera 7
52. Flash
55. https://www.creativebloq.com/features/best-flash-sites-ever
56. <! DOCTYPE html>
58. HTML5 Prvi draft 2008. Zvanično objavljen u Oktobru 2014.
59. “Thoughts on Flash” April 2008. Steve Jobs
60. Novembar 2011. Adobe najavljuje da odustaje od mobilne verzije Flasha
61. HTML5 donosi puno JavaScript APIja uključujući
 Canvas, WebGL, history, fileApi…
62. Javascript biblioteke
63. Manipulacija DOMom je teška.
 Ili je bar bila dok su različiti pretraživači na različite načine implementirali standarde
64. To nas je dovelo do prvih većih JavaScript biblioteka
65. 2004. dōjō toolkit
66. Februar 2005. Prototype $(), $F(), $$()…
67. Septembar 2006. MooTools (My Object-Oriented Tools)
68. Januar 2006. jQuery John Resig
69. John Resig, creator of jQuery
70. function addClass(node, class) { if (!node.length) node = [node]; for (var n = 0, m = node.length; n < m; n++) { if ((" " + node[n].className + " ").indexOf(" "+class+" ") >= 0) { node.className += " " + class; } } } // apply myclass to all nodes addClass(document.getElementById("myelement"), "myclass");
71. $("#myelement").addClass("myclass");
72. document.getElementById("myelement").classList.add("myclass");
73. You might not need jQuery http://youmightnotneedjquery.com
74. JavaScript frameworks
75. Sa razvojem samog jezika pojavile su se i ozbiljnije biblioteke
76. SPA
 Single Page Applications
77. Oktobar 2010. Backbone.js
 MVP*
 (Model-View-Presenter)
78. Oktobar 2011. Angular 1
 MVVM*
 (Model-View-Viewmodel)
79. Decembar 2011. Ember.js
 MVVM*
 (Model-View-Viewmodel)
80. Maj 2013. React
 “View library”
81. Maj 2016. Angular 2
 RC1
82. Ostali: Vue.js CanJS, Meteor…
83. JavaScript i mobilne aplikacije
84. “Thoughts on Flash” Steve Jobs April 2008.
85. JavaScript vs Flash
86. JavaScript vs Native Mobile Apps
87. Septembar 2011. Mark Zuckerberg “Our biggest mistake was betting too much on HTML5”
88. Hybrid Apps
89. 2009.
 Nitobi Phonegap
90. 2011.
 Adobe Phonegap
91. Phonegap postaje
 Apache Cordova
92. 2015.
 React Native
93. Server side JavaScript
94. Videli smo da JavaScript postaje sve moćniji u pretraživaču i na mobilnim uređajima.
 Ali to nije sve!
95. Decembar 1995. Server side JavaScript Netscape Enterprise Server
96. Maj 2009. Node.js zasnovan na V8
97. Za šta je Node.js dobar?
98. Real-time, REST APIs, Streaming, IoT…
99. Poznate biblioteke
100. Express.js Hapi.js Koa
101. socket.io
102. Grunt, Gulp, Browserify, Webpack…
103. Hoćeš da pišeš ES7?
 Nema problema.
 Babel
104. Jezici koji se kompajliraju u JavaScript
105. Kako popularnost JavaScripta raste tako se pojavljuje sve više jezika koji se kompajliraju u JavaScript
106. Zašto?
107. Neki od jezika koji se kompajliraju u JavaScript
108. 2009. CoffeeScript
109. 2011. Dart
110. 2012. TypeScript
111. 2012. Elm
112. 2013. PureScript
113. 2013. asm.js
114. 2016. ReasonML
115. WebAssembly
116. Ok, za šta je JavaScript dobar?
117. Web aplikacije (jedini radi u svakom pretraživaču bez pluginova)
118. Server side web aplikacije Real-time, APIs, Streaming…
119. Internet Of Things Raspbery Pi, Arduino, Tessel…
120. Mobilne aplikacije Mobile web, Cordova, Ionic, React Native…
121. Kako naučiti JavaScript?
122. Postoji ogromna količina resursa na internetu, evo nekih od njih
123. Sajtovi sa tutorijalima i kursevima
124. FreeCodeCamp.com
125. codecademy.com
126. udemy.com
127. Knjige
128. You Don't Know JS Kyle Simpson
129. Eloquent JavaScript Marijn Haverbeke
130. JavaScript: The Definitive Guide David Flanagan
131. JavaScript: The Good Parts Douglas Crockford
132. Korisni sajtovi
133. github.com
134. developer.mozilla.org
135. nodeschool.io
136. jschool.xyz
137. JavaScript zajednice u Srbiji
138. JS Belgrade
140. Mesečni meetupi
141. http://meetu.ps/e/FZDmZ/t28WG/f
142. Coffee.js
143. Besplatne radionice: NodeSchool,
 CodeRetreat, Serverless Camp…
144. meetup.com/JS-Belgrade-Meetup
145. slack.jsbelgrade.org 1000+ članova
146. Novi Sad JS
148. meetup.com/novisadjs
149. Pitanja?