Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Des builds front plus rapides

Avatar for Providenz - Laurent Paoletti Providenz - Laurent Paoletti
June 17, 2015
Programming
0
50

Des builds front plus rapides

Talk donné à /dev/var/10 le 9 juin 2015

Avatar for Providenz - Laurent Paoletti

Providenz - Laurent Paoletti

June 17, 2015
Tweet

More Decks by Providenz - Laurent Paoletti

See All by Providenz - Laurent Paoletti
Introduction au machine learning
Avatar for Providenz - Laurent Paoletti providenz
0
210
Back to front
Avatar for Providenz - Laurent Paoletti providenz
0
150
Machine Learning for the rest of us
Avatar for Providenz - Laurent Paoletti providenz
1
190
Brunch, le builder pour les developpeurs pressés
Avatar for Providenz - Laurent Paoletti providenz
0
160
Postgresql la plateforme de vos données
Avatar for Providenz - Laurent Paoletti providenz
0
270
Atelier Datalab - volet technique
Avatar for Providenz - Laurent Paoletti providenz
0
76
Performance web (Brown bag lunch)
Avatar for Providenz - Laurent Paoletti providenz
0
44
Montée en charge
Avatar for Providenz - Laurent Paoletti providenz
0
47
Présentation de django
Avatar for Providenz - Laurent Paoletti providenz
0
45

Other Decks in Programming

See All in Programming
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.9k
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
230
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
カスタマーサクセス業務を変革したヘルススコアの実現と学び
Avatar for Tomoyuki Hamaguchi _hummer0724
0
710
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k

Featured

See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
250
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
440
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
93
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
310
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
87
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k

Transcript

  1. DES BUILDS FRONT PLUS RAPIDES @providenz

  2. libsass > compass ~10x à 100x http://libsass.org/

  3. autoprefixer https://github.com/postcss/autoprefixer

  4. BRUNCH.IO

  5. CONVENTION over CONFIGURATION TASKS BUILD

  6. CONFIG PAR DÉFAUT

  7. SIMPLE RAPIDE WHY* *ça veut dire pourquoi

  8. concaténation enrobage source maps minification surveillance notification

  9. INSTALL npm install -g brunch

  10. brunch new <skeleton-URL> [dir] brunch new gh:brunch/dead-simple à la main

    CRÉATION

  11. brunch-config.coffee brunch-config.js CONFIG

  12. app assets vendor public STRUCTURE

  13. npm install -g plugin c’est (souvent) suffisant PLUGINS

  14. brunch watch brunch watch —server brunch w -s DEV

  15. brunch build [—production] (autoprefixer etc) BUILD

  16. http://brunch.io https://github.com/brunch/brunch-guide

  17. Browsersync

  18. Browsersync · features live reload interaction sync multi navigateurs editeur

    agnostique

  19. Browsersync · install npm install browser-sync

  20. Browsersync

  21. Démo

  22. Merci @providenz