Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Intro to JavaScript - November 8, 2018
Search
Slobodan Stojanović
November 08, 2018
Programming
0
110
Intro to JavaScript - November 8, 2018
Slobodan Stojanović
November 08, 2018
Tweet
Share
More Decks by Slobodan Stojanović
See All by Slobodan Stojanović
Advanced GraphQL Architectures: Serverless Event Sourcing and CQRS @ ReactSummit
slobodan
0
150
CofounderGPT - Can an AI be a better co-founder than a human?
slobodan
0
120
From 1 to 201 Lambda functions in production: Evolving a serverless startup architecture
slobodan
0
260
Evolving a serverless startup architecture - ArmadaJS 2022
slobodan
2
440
Serverless Office Hours | Serverless for Startups
slobodan
0
190
From 1 to 101 Lambda Functions in Production: Evolving a Serverless Architecture - Node Congress 2021
slobodan
1
300
Writing Testable Serverless Apps Using Hexagonal Architecture @ TestJS Summit 2021
slobodan
0
58
The Power of Serverless GraphQL with AppSync
slobodan
0
300
Writing testable serverless apps using hexagonal architecture with Hexagonal Architecture
slobodan
1
250
Other Decks in Programming
See All in Programming
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
220
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
870
今、知っておきたい! 生成AIエージェントの世界
elith
3
350
エンターテイメント業界で利用されるAWS
demuyan
0
210
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
870
Goのmultiple errorsについて (2024年4月版)
syumai
1
350
What We Can Learn From OSS
inouehi
0
420
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
260
Java 22 Overview
kishida
1
180
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
400
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
680
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Practical Orchestrator
shlominoach
181
9.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
647
58k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
The Mythical Team-Month
searls
215
42k
We Have a Design System, Now What?
morganepeng
42
6.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Producing Creativity
orderedlist
PRO
336
39k
KATA
mclloyd
14
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Transcript
JavaScript
Any application that can be written in JavaScript, will eventually
be written in JavaScript. Jeff Atwood, co-founder of StackOverflow
None
Šta je JavaScript?
JavaScript je dinamičan, objektno-orijentisan i slabo tipiziran programski jezik
JavaScript je jedan od najpopularnijih programskih jezika na Svetu!
programski ili skripting jezik? !
Zašto je JavaScript jedan od najpopularnijih programskih jezika i gde
se najčešće koristi?
Slobodan Stojanović CTO @ Cloud Horizon Organizator JS Belgrade Meetupa
Autor "Serverless Applications with Node.js" knjige github.com/stojanovic twitter.com/slobodan_
Istorija interneta
• Predložen 1962. • Kreiran 1969. • Poznat kao ARPANET
• Napravljen od strane ARPA (Advanced Research Projects Agency)
• 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
• FTP • Gopher • TCP/IP
ARPANET postaje Internet
Vint Cerf, Father of the Internet
World Wide Web
Predložen marta 1989. u CERNu od strane Tim Berners-Leea
None
Kreirao je prvi pretraživač (browser) 1990. WorldWideWeb
1993. NSCA mosaic pretraživač dodaje inline slike, boje i hiperlinkove
1993. NSCA mosaic pretraživač prvi koji se pokreće u grafičkom
interfejsu
Avgust 1995. Interner Explorer 1.0 baziran na Spyglass Mosaic pretraživaču
početak 1996. NETSCAPE 2 sa novim tehnologijama: frejmovi i JavaScript
Istorija JavaScripta
Osnivač Netscapea Marc Andreessen je verovao da je HTMLu potreban
“lepak” jezik
1995. zapošljavaju Brendana Eicha da implementira Scheme programski jezik u
Netscape Navigator
Istovremeno sarađuju sa Sun Microsystems da dodaju njihov jezik Java
kako bi mogli da se takmiče sa Microsoftom
Kompanija odlučuje da njihov skripting jezik treba da ima sličnu
sintaksu kao Java i da bude komplementaran sa njom
Brendan Eich kreira prototip za 10 dana u maju 1995.
Brendan Eich, creator of JavaScript
Mocha
LiveWire
LiveScript Netscape Navigator 2.0 beta 2
JavaScript Netscape Navigator 2.0 beta 3
Način na koji manipuliše formama, linkovima i sl. postao je
poznat kao DOM level 0
1996. ECMAScript standard od strane European Computer Manufacturers Association
1996. Netscape 3 i JavaScript 1.1
1997. Netscape 4 i DHTML
JavaScript 1.2 [ ] i { } Layer DOM Manipulacija
CSSom
1997. Internet Explorer 4 dozvoljava da se gotovo bilo koji
deo DOMa menja i uvodi filtere i tranzicije
W3C usvaja mnoge delove te sintakse i ona postaje deo
naredne DOM preporuke
sredinom 1998. Netscape 3 postaje Open Source i implementira JavaScript
1.3 ali zbog puno bugova gubi korisnike
1999. Microsoft IE5 Implementira W3C DOM 1 preporuku i dodaje
još puno stvari iz IE4
ECMAScript 3 / JavaScript 1.5* * JavaScript 1.4 je postojao
samo kao server side JS na Netscapeu
Microsoftova ekstenzija JavaScripta: JScript
W3C DOM Drvo sa HTML elementom kao korenom
2000. Opera 4
Pretraživači (5. generacija): Konqueror, ICEbrowser, Television…
2002. Mozilla projekat objavljuje Mozilla pretraživač sa Gecko i SpiderMonkey
Internet Explorer 6 Opera 7
None
Flash
None
None
https://www.creativebloq.com/features/best-flash-sites-ever
<! DOCTYPE html>
None
HTML5 Prvi draft 2008. Zvanično objavljen u Oktobru 2014.
“Thoughts on Flash” April 2008. Steve Jobs
Novembar 2011. Adobe najavljuje da odustaje od mobilne verzije Flasha
HTML5 donosi puno JavaScript APIja uključujući Canvas, WebGL, history, fileApi…
Javascript biblioteke
Manipulacija DOMom je teška. Ili je bar bila dok su
različiti pretraživači na različite načine implementirali standarde
To nas je dovelo do prvih većih JavaScript biblioteka
2004. dōjō toolkit
Februar 2005. Prototype $(), $F(), $$()…
Septembar 2006. MooTools (My Object-Oriented Tools)
Januar 2006. jQuery John Resig
John Resig, creator of jQuery
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");
$("#myelement").addClass("myclass");
document.getElementById("myelement").classList.add("myclass");
You might not need jQuery http://youmightnotneedjquery.com
JavaScript frameworks
Sa razvojem samog jezika pojavile su se i ozbiljnije biblioteke
SPA Single Page Applications
Oktobar 2010. Backbone.js MVP* (Model-View-Presenter)
Oktobar 2011. Angular 1 MVVM* (Model-View-Viewmodel)
Decembar 2011. Ember.js MVVM* (Model-View-Viewmodel)
Maj 2013. React “View library”
Maj 2016. Angular 2 RC1
Ostali: Vue.js CanJS, Meteor…
JavaScript i mobilne aplikacije
“Thoughts on Flash” Steve Jobs April 2008.
JavaScript vs Flash
JavaScript vs Native Mobile Apps
Septembar 2011. Mark Zuckerberg “Our biggest mistake was betting too
much on HTML5”
Hybrid Apps
2009. Nitobi Phonegap
2011. Adobe Phonegap
Phonegap postaje Apache Cordova
2015. React Native
Server side JavaScript
Videli smo da JavaScript postaje sve moćniji u pretraživaču i
na mobilnim uređajima. Ali to nije sve!
Decembar 1995. Server side JavaScript Netscape Enterprise Server
Maj 2009. Node.js zasnovan na V8
Za šta je Node.js dobar?
Real-time, REST APIs, Streaming, IoT…
Poznate biblioteke
Express.js Hapi.js Koa
socket.io
Grunt, Gulp, Browserify, Webpack…
Hoćeš da pišeš ES7? Nema problema. Babel
Jezici koji se kompajliraju u JavaScript
Kako popularnost JavaScripta raste tako se pojavljuje sve više jezika
koji se kompajliraju u JavaScript
Zašto?
Neki od jezika koji se kompajliraju u JavaScript
2009. CoffeeScript
2011. Dart
2012. TypeScript
2012. Elm
2013. PureScript
2013. asm.js
2016. ReasonML
WebAssembly
Ok, za šta je JavaScript dobar?
Web aplikacije (jedini radi u svakom pretraživaču bez pluginova)
Server side web aplikacije Real-time, APIs, Streaming…
Internet Of Things Raspbery Pi, Arduino, Tessel…
Mobilne aplikacije Mobile web, Cordova, Ionic, React Native…
Kako naučiti JavaScript?
Postoji ogromna količina resursa na internetu, evo nekih od njih
Sajtovi sa tutorijalima i kursevima
FreeCodeCamp.com
codecademy.com
udemy.com
Knjige
You Don't Know JS Kyle Simpson
Eloquent JavaScript Marijn Haverbeke
JavaScript: The Definitive Guide David Flanagan
JavaScript: The Good Parts Douglas Crockford
Korisni sajtovi
github.com
developer.mozilla.org
nodeschool.io
jschool.xyz
JavaScript zajednice u Srbiji
JS Belgrade
None
Mesečni meetupi
http://meetu.ps/e/FZDmZ/t28WG/f
Coffee.js
Besplatne radionice: NodeSchool, CodeRetreat, Serverless Camp…
meetup.com/JS-Belgrade-Meetup
slack.jsbelgrade.org 1000+ članova
Novi Sad JS
None
meetup.com/novisadjs
Pitanja?
None