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: Primeiros Passos
Search
Dmitry Rocha
July 18, 2015
Technology
0
81
Javascript: Primeiros Passos
Meus primeiros passos em Javascript no backend.
Dmitry Rocha
July 18, 2015
Tweet
Share
More Decks by Dmitry Rocha
See All by Dmitry Rocha
Crystal Lang - Introduction
dmitryrck
0
140
Docker (for developers)
dmitryrck
0
200
Introdução a testes automatizados
dmitryrck
0
52
Introdução a Linguagem Crystal
dmitryrck
0
290
Docker
dmitryrck
0
72
Scoola Talk
dmitryrck
0
62
Testes, testes everywhere
dmitryrck
0
52
Saltos no Vim - GURUPI
dmitryrck
0
51
Other Decks in Technology
See All in Technology
ナレッジワーク IT情報系キャリア研究セッション資料(情報処理学会 第88回全国大会 )
kworkdev
PRO
0
160
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
4
1.2k
JAWS DAYS 2026 楽しく学ぼう!ストレージ 入門
yoshiki0705
2
140
製造業ドメインにおける LLMプロダクト構築: 複雑な文脈へのアプローチ
caddi_eng
1
550
決済サービスを支えるElastic Cloud - Elastic Cloudの導入と推進、決済サービスのObservability
suzukij
2
580
[JAWSDAYS2026][D8]その起票、愛が足りてますか?AWSサポートを味方につける、技術的「ラブレター」の書き方
hirosys_
3
120
Claude Code Skills 勉強会 (DevelersIO向けに調整済み) / claude code skills for devio
masahirokawahara
1
13k
自動テストが巻き起こした開発プロセス・チームの変化 / Impact of Automated Testing on Development Cycles and Team Dynamics
codmoninc
3
1.3k
SRE NEXT 2026 CfP レビュアーが語る聞きたくなるプロポーザルとは?
yutakawasaki0911
0
210
聲の形にみるアクセシビリティ
tomokusaba
0
170
AIファーストを前提とした開発スタイルの変化
sbtechnight
0
280
最強のAIエージェントを諦めたら品質が上がった話 / how quality improved after giving up on the strongest AI agent
kt2mikan
0
130
Featured
See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
89
Statistics for Hackers
jakevdp
799
230k
Visualization
eitanlees
150
17k
The browser strikes back
jonoalderson
0
770
How to Talk to Developers About Accessibility
jct
2
150
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
200
SEO for Brand Visibility & Recognition
aleyda
0
4.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Claude Code のすすめ
schroneko
67
220k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
210
Transcript
Javascript: Primeiros Passos Dmitry Rocha GURUPI, PUG-PI, THC, … July
18, 2015 1 / 25
Mas primeiro: Javascript no backend E Primeiros passos 2 /
25
Meu projeto, minhas regras 1. Liberdade de escolha da tecnologia;
2. Esta parte do projeto: banco de dados somente leitura; 3. Servidor e banco de dados legado; 3 / 25
Eu não decidi fazer em javascript. 4 / 25
Eu fui… …marotamente tentando acessar o banco de dados via
js… 5 / 25
Eu fui… …marotamente tentando acessar o banco de dados via
js… …”vou renderizar uma notíciazinha aqui”… 6 / 25
Eu fui… …marotamente tentando acessar o banco de dados via
js… …”vou renderizar uma notíciazinha aqui”… …PUTZ: FIZ A PORRA TODA EM JS. 7 / 25
Javascript Básico + Testes 8 / 25
Javascript Básico + Testes $ npm init 9 / 25
Javascript Básico + Testes $ npm init $ npm install
mocha --save-dev 10 / 25
Javascript Básico + Testes $ npm init $ npm install
mocha --save-dev $ npm install expect.js --save-dev 11 / 25
Live coding ;) 12 / 25
Banco de Dados sequelizejs.com 13 / 25
Banco de Dados $ npm install sequelize 14 / 25
Live coding? Not today 1 var DataTypes = require('sequelize'); 2
var sequelize = new DataTypes('database', 'username', 3 'password', { 4 logging: false, port: 'port', host: 'host' 5 }); 6 var db = {}; 7 8 db.DataTypes = DataTypes; 9 db.sequelize = sequelize; 10 11 var news = sequelize['import'](__dirname + '/news'); 12 var section = sequelize['import'](__dirname + '/section'); 13 db.news = news; 14 db.section = section; 15 db.news.belongsTo(db.section, { foreignKey: 'secao_id' }); 16 17 module.exports = db; 15 / 25
Banco de Dados: ”model” 1 module.exports = function(sequelize, DataTypes) {
2 return sequelize.define('news', { 3 title: DataTypes.STRING, 4 content: DataTypes.TEXT, 5 status: DataTypes.INTEGER, 6 date: DataTypes.DATE, 7 'secao_id': DataTypes.STRING 8 }, { 9 tableName: 'noticias', 10 underscored: true, 11 timestamps: false, 12 scopes: { 13 'feed': { 14 where: { status: 1 }, 15 order: [ ['id', 'desc'] ], 16 limit: 20 17 }, 18 } 19 }); 20 }; 16 / 25
Banco de Dados: teste 1 process.env.NODE_ENV = 'test'; 2 var
expect = require('expect.js'); 3 describe('News', function(){ 4 before(function() { 5 this.db = require('../../models'); 6 7 this.news = { 8 title: 'Letters from Germany', slug: 'letters-from-germany', data: new Date() 9 }; 10 }); 11 12 beforeEach(function() { return this.db.news.destroy({ truncate: true }); }); 13 14 describe('create', function() { 15 it('should be persisted', function(done) { 16 return this.db.news.create(this.news).then(function(news) { 17 expect(news.isNewRecord).to.equal(false); 18 19 return done(); 20 }); 21 }); 22 23 it('has title', function(done) { 24 return this.db.news.create(this.news).then(function(news) { 25 expect(news.titulo).to.equal('Letters from Germany'); 26 27 return done(); 28 }); 29 }); 30 // … 31 }); 32 }); 17 / 25
Servidor Web expressjs.com 18 / 25
Servidor Web $ npm install express 19 / 25
Servidor Web: exemplo básico 1 var express = require('express'); 2
var app = express(); 3 4 app.get('/', function (req, res) { 5 res.send('Hello World!'); 6 }); 7 8 var server = app.listen(3000, function () { 9 var host = server.address().address; 10 var port = server.address().port; 11 12 console.log('Example app listening at http://%s:%s', host, port); 13 }); 20 / 25
Servidor Web: Gerador $ npm install express-generator -g 21 /
25
Servidor Web: Gerador $ npm install express-generator -g $ express
myapp --ejs 22 / 25
Servidor Web: Gerador $ npm install express-generator -g $ express
myapp --ejs Live showing, exemplo do gerador. 23 / 25
Mais informações no meu blog. Fiz duas postagens sobre uso
do sequelize com jasmine 1 e sequelize com mocha 2. 1Jasmine e Sequelize: Uma introdução - http://dmitryrck.github.io/jasmine-sequelize/ 2Mocha, expect.js e Sequelize: Uma introdução - http://dmitryrck.github.io/mocha-sequelize/ 24 / 25
25 / 25