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
48

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
200
Back to front
Avatar for Providenz - Laurent Paoletti providenz
0
140
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
260
Atelier Datalab - volet technique
Avatar for Providenz - Laurent Paoletti providenz
0
74
Performance web (Brown bag lunch)
Avatar for Providenz - Laurent Paoletti providenz
0
40
Montée en charge
Avatar for Providenz - Laurent Paoletti providenz
0
36
Présentation de django
Avatar for Providenz - Laurent Paoletti providenz
0
43

Other Decks in Programming

See All in Programming
AkarengaLT vol.38
Avatar for hashimoto-kei hashimoto_kei
1
110
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
26
6.5k
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
140
なぜGoのジェネリクスはこの形なのか？ - Featherweight Goが明かす設計の核心
Avatar for QualiArts qualiarts
0
210
ソフトウェア設計の実践的な考え方
Avatar for 増田 亨 masuda220
PRO
4
620
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
240
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
17
3.1k
What's new in Spring Modulith?
Avatar for Oliver Drotbohm olivergierke
1
160
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
1.2k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
250
Webサーバーサイド言語としてのRustについて
Avatar for kaza kouyuume
0
2.8k
Le côté obscur des IA génératives
Avatar for Pascal Le Merrer pascallemerrer
0
150

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
990
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
880
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
920
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k

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