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 for the REST of Us (pt_BR)
Search
Miere Liniel Teixeira
May 17, 2012
Programming
56
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
JavaScript for the REST of Us (pt_BR)
Palestra ministrada para a equipe da Informant e ContaAzul em maio de 2012.
Miere Liniel Teixeira
May 17, 2012
More Decks by Miere Liniel Teixeira
See All by Miere Liniel Teixeira
Arquitetura: Débito Técnico Zero
miere
0
75
Arquitetura: Débito Técnico Zero (with footnotes)
miere
3
99
From 30rpm to 1980rps
miere
0
78
SOLID on Legacy Code [pt BR]
miere
1
200
Let the development Flow [pt_BR]
miere
0
73
OOP - Begins
miere
0
75
OOP - Exercises - 01 - Rouba Monte
miere
0
79
Logic-free Markup for a team of drunk developers ( PT_BR )
miere
0
140
Other Decks in Programming
See All in Programming
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
850
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
260
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
1.6k
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
590
Foundation Models frameworkで画像分析
ryodeveloper
1
610
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
860
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
780
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.8k
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
360
FDEが実現するAI駆動経営の現在地
gonta
2
280
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
240
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
pkshadeck
PRO
0
180
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3k
Exploring anti-patterns in Rails
aemeredith
3
460
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
240
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
700
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
640
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Measuring & Analyzing Core Web Vitals
bluesmoon
9
960
Transcript
JavaScript ... for the rest of us!
Why the hype about JavaScript? • Web Application Distributed Processing
• Face the Server Side Development Approach • Improve Web User Experience • Browsers War's Protagonist
... but at early stages was JavaScript a document.getElementById based
language?
JavaScript Designed to be a procedural programming language!
Procedural Programming... simply contain a series of computational steps to
be carried out.
JavaScript ... but it also have structs like C programming
language!
OKAY I'M IMPRESSED.
BUT WAIT! JavaScript can also provide a powerful a OOP
programming environment!
NOW I'M CONFUSED! ¬¬
The world needs heroes to bring JavaScript to "braços da
galera"
Today Heroes • jQuery ( 2006 ) • MooTools (
2006 ) • YUI ( 2006 ) • Dojo Toolkit ( 2004 ) • ExtJS ( 2007 ) • ActiveWidgets ( 2004/5 ) • Prototype • Scriptaculous • ... other thousands implementations.
JavaScript Structures... ...are also known as JavaScript Objects, writen in
JavaScript Object Notations (JSON).
JavaScript Classes... ...are any callable functions.
Its variables... ... are always a reference to a memory
instantiated object.
When everything is reference... ... data integrity inside application can
be a little odd.
As Procedural Programming... ...JavaScript functions have no maintainer class, no
parent class... nothing but a code stack!
Buzzword CLOSURE
Closure NOT JUST A TECHNIQUE, BUT A GOOD PRACTICE
Default API • Window public functions • Array, String, Boolean,
RegExp, Function, Date, Object... • Some Browsers specific classes • DOM Layer 1 • DOM Layer 2
By default we got no • Scope namespaces / packages
• No simple class implementations • No threads • No event driven architecture • ... just a low level API to handle browsers' things.
Frameworks? WHEN YOU NEED TO WORK WITH ONE OF THAT
FEATURES, YOU BETTER FIND A FRAMEWORK.
THE END JAVASCRIPT BECOME MORE SIMPLER WHEN YOU KNOW HOW
IT WAS DESIGNED. Autor: Miere Teixeira E-mail:
[email protected]
/
[email protected]
Twitter: @miere