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
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.5k
AWSでRAGを実現する上で感じた3つの大事なこと
ymae
3
1k
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
現場で役立つAPIデザイン
nagix
29
10k
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
6
1.4k
アジャイル開発とスクラム
araihara
0
160
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
140
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
自動テストの世界に、この5年間で起きたこと
autifyhq
10
7.1k
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
SCSAから学ぶセキュリティ管理
masakamayama
0
140
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
328
21k
What's in a price? How to price your products and services
michaelherold
244
12k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Side Projects
sachag
452
42k
Code Reviewing Like a Champion
maltzj
521
39k
The Cult of Friendly URLs
andyhume
78
6.2k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
We Have a Design System, Now What?
morganepeng
51
7.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
A Philosophy of Restraint
colly
203
16k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
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