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
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
15
5.5k
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
ビジネスと現場活動をつなぐソフトウェアエンジニアリング~とあるスタートアッププロダクトの成長記録より~
mizunori
0
210
AndroidデバイスにFTPサーバを建立する
e10dokup
0
240
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
30分でわかる『アジャイルデータモデリング』
hanon52_
9
2.2k
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.1k
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
320
Ask! NIKKEIの運用基盤と改善に向けた取り組み / NIKKEI TECH TALK #30
kaitomajima
1
450
アジャイル開発とスクラム
araihara
0
160
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
0
120
Kubernetes x k6 で負荷試験基盤を開発して 負荷試験を民主化した話 / Kubernetes x k6
sansan_randd
2
730
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
RailsConf 2023
tenderlove
29
1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
A Philosophy of Restraint
colly
203
16k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
Designing for Performance
lara
604
68k
Agile that works and the tools we love
rasmusluckow
328
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
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