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
JavaScript through ages
Search
Basia Madej
October 08, 2014
Technology
1
120
JavaScript through ages
JavaScript, Modern frameworks & Angular.js
Basia Madej
October 08, 2014
Tweet
Share
More Decks by Basia Madej
See All by Basia Madej
HTML with a little CSS
basiam
1
100
Angular.js for beginners
basiam
3
140
Other Decks in Technology
See All in Technology
Application Development WG Intro at AppDeveloperCon
salaboy
0
140
フルカイテン株式会社 採用資料
fullkaiten
0
40k
FOSS4G 2024 Japan コアデイ 一般発表25 PythonでPLATEAUのデータを手軽に扱ってみる
ra0kley
1
150
Windows Autopilot Deployment by OSD Guy
tamaiyutaro
0
420
強いチームと開発生産性
onk
PRO
31
10k
AWS Media Services 最新サービスアップデート 2024
eijikominami
0
170
Youは何しにJAWS-UGへ?
fukuchiiinu
1
110
B2B SaaS × AI機能開発 〜テナント分離のパターン解説〜 / B2B SaaS x AI function development - Explanation of tenant separation pattern
oztick139
2
190
DMARC 対応の話 - MIXI CTO オフィスアワー #04
bbqallstars
1
150
Terraform未経験の御様に対してどの ように導⼊を進めていったか
tkikuchi
2
400
地理情報データをデータベースに格納しよう~ GPUを活用した爆速データベース PG-Stromの紹介 ~
sakaik
1
140
Lambda10周年!Lambdaは何をもたらしたか
smt7174
2
100
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Bash Introduction
62gerente
608
210k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
The Invisible Side of Design
smashingmag
297
50k
A Tale of Four Properties
chriscoyier
156
23k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
400
A Philosophy of Restraint
colly
203
16k
It's Worth the Effort
3n
183
27k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Transcript
JavaScript through ages @basiamadej
None
1995 Netscape Brendan Eich JavaScript !== Java
• in the browser • scripting • lightweight • fast
• powerful • not that difficult • multi-paradigm
JavaScript - general • based on C syntax • (almost)
everything is an Object • Prototypes, not Classes
3 parts of client-side JS • syntax (ECMAScript 262 standard)
• access to Document Object Model (document) • access to Browser Object Model (window) ◦ location, history, screen, navigator, alert/confirm/prompt, timing
None
Events, events and events
• https://www.destroyallsoftware.com/talks/wat • http://wtfjs.com/ Popular bad things
Actual bad things • global variables • block syntax, no
block scope • eval(“1+1”) • phony Arrays • typeOf, NaN • poor bitwise operators
None
Prototype.js …...
jQuery • more friendly than vanilla JavaScript • for animations
• for stuff that look nice • plenty of plugins • for UX/UI people and designers • for small projects
None
None
Modern frameworks & libraries
• for Single Page Applications • developed by Google &
community • https://angularjs.org/
Cool things about Angular • directives • two-way data bindings
• Model-View-Whatever • jQLite & AngularUI • history/routes
Directives • ngApp • ngModel • ngBind • ngIf •
ngRepeat • ……. • …….
Two-Way Data Binding
Model-View-Whatever
Model-View-Controller
jQLite & AngularUI
History & Routes
None
None