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
Improving your code with Linter tools
Search
Bruno Genaro
March 20, 2015
Technology
0
69
Improving your code with Linter tools
Bruno Genaro
March 20, 2015
Tweet
Share
More Decks by Bruno Genaro
See All by Bruno Genaro
Renderizando Componentes React no Servidor
brunogenaro
1
320
The future of React with Universal web applications
brunogenaro
0
110
The future of React with Universal web applications
brunogenaro
0
120
Understand Front-End Roles
brunogenaro
1
150
Why did I build my website using ReactJS?
brunogenaro
0
48
Essential JavaScript libraries to improve your workflow
brunogenaro
0
68
Consuming Third Party Data With JSONP
brunogenaro
0
100
Improving your Sublime Text 3 workflow
brunogenaro
0
180
Other Decks in Technology
See All in Technology
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
190
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
360
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
220
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
890
バイブコーディングと継続的デプロイメント
nwiizo
2
430
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
150
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
330
AWSにおけるTrend Vision Oneの効果について
shimak
0
130
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
4
600
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
450
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
270
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
460k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Designing for Performance
lara
610
69k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
The Cult of Friendly URLs
andyhume
79
6.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Rails Girls Zürich Keynote
gr2m
95
14k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Producing Creativity
orderedlist
PRO
347
40k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Transcript
Improving your code with Linter tools Bruno Genaro
What is a Linter tool? • Analyses your code
• Checks poten?al errors • Bad habits • Best prac?ces • Consistency mistakes
Why should we use? • Be familiar with best prac?ces
• Create our own best prac?ces and paBerns • Consistent code across mul?ple applica?ons • Maintainable code / Easy debug
Let’s talk about JavaScript • JSLint (Douglas Crockford -‐ JavaScript:
The Good Parts) • JSHint (The famous one) • JSCS • ESLint (The preBy younger guy, good to write ES6)
JSHint • Helps you to write more reliable and consistent
JavaScript code. • Checks your code for a number of common errors • Never forget a semicolon anymore!!! • Customizable configura?on using .jshintrc file • hBp://jshint.com/docs/op?ons/
Good .jshintrc examples: • Airbnb: hBps://github.com/airbnb/javascript/blob/ master/linters/jshintrc • HTML5
Boilerplate: hBps://github.com/h5bp/ html5boilerplate.com/blob/master/.jshintrc • Yeoman Ember.js Generator: hBps://github.com/ yeoman/generator-‐ember/blob/master/.jshintrc • Bootstrap: hBps://github.com/twbs/bootstrap/blob/ master/js/.jshintrc
Let’s code like a boss!