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
35
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
57
Arquitetura: Débito Técnico Zero (with footnotes)
miere
3
70
From 30rpm to 1980rps
miere
0
53
SOLID on Legacy Code [pt BR]
miere
1
170
Let the development Flow [pt_BR]
miere
0
47
OOP - Begins
miere
0
55
OOP - Exercises - 01 - Rouba Monte
miere
0
50
Logic-free Markup for a team of drunk developers ( PT_BR )
miere
0
110
Other Decks in Programming
See All in Programming
哲学史とモデリング
tanakahisateru
2
430
酒飲んでたらテックリードになった話
spbaya0141
0
210
TypeScriptでもLLMアプリケーション開発 / LLM Application In Typescript
rkaga
5
1.3k
Amazon Aurora Serverless v2が意外と高かった話と、AWS Database Migration Serviceの話
satoshi256kbyte
1
110
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
270
TypeScriptのパフォーマンス改善
yajihum
14
5.1k
Sheets API使ってみた
toshi0383
2
180
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
160
otelcol receiver 自作RTA / Pepabo Tech Conference #22 春のSREまつり
arthur1
0
960
Effectで作る堅牢でスケーラブルなAPIゲートウェイ / Robust and Scalable API Gateway Built on Effect
yasaichi
7
1.2k
Enjoy Creative Coding with Ruby (RubyKaigi2024)
chobishiba
0
440
JavaScript Closure
asoluka
0
2k
Featured
See All Featured
Designing with Data
zakiwarfel
96
4.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Web Components: a chance to create the future
zenorocha
306
41k
We Have a Design System, Now What?
morganepeng
43
6.8k
Typedesign – Prime Four
hannesfritz
36
2.1k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Designing for Performance
lara
601
67k
For a Future-Friendly Web
brad_frost
172
9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
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