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
0
43
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
Tweet
Share
More Decks by Miere Liniel Teixeira
See All by Miere Liniel Teixeira
Arquitetura: Débito Técnico Zero
miere
0
62
Arquitetura: Débito Técnico Zero (with footnotes)
miere
3
82
From 30rpm to 1980rps
miere
0
58
SOLID on Legacy Code [pt BR]
miere
1
180
Let the development Flow [pt_BR]
miere
0
53
OOP - Begins
miere
0
61
OOP - Exercises - 01 - Rouba Monte
miere
0
56
Logic-free Markup for a team of drunk developers ( PT_BR )
miere
0
120
Other Decks in Programming
See All in Programming
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
990
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
1
560
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
11k
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
14
5.1k
Goで作る、開発・CI環境
sin392
0
240
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
800
VS Code Update for GitHub Copilot
74th
2
660
NPOでのDevinの活用
codeforeveryone
0
870
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
230
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
610
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
450
Deep Dive into ~/.claude/projects
hiragram
14
6.9k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Code Review Best Practice
trishagee
69
19k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Visualization
eitanlees
146
16k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
GitHub's CSS Performance
jonrohan
1031
460k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Site-Speed That Sticks
csswizardry
10
690
What's in a price? How to price your products and services
michaelherold
246
12k
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