Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Des builds front plus rapides

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

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
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
260
Atelier Datalab - volet technique
Avatar for Providenz - Laurent Paoletti providenz
0
76
Performance web (Brown bag lunch)
Avatar for Providenz - Laurent Paoletti providenz
0
42
Montée en charge
Avatar for Providenz - Laurent Paoletti providenz
0
40
Présentation de django
Avatar for Providenz - Laurent Paoletti providenz
0
44

Other Decks in Programming

See All in Programming
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
440
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
150
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
160
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
160
俺流レスポンシブコーディング 2025
Avatar for TAK tak_dcxi
14
9.5k
LLMで複雑な検索条件アセットから脱却する！！ 生成的検索インタフェースの設計論
Avatar for po3rin po3rin
4
960
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
310
マスタデータ問題、マイクロサービスでどう解くか
Avatar for Kato Keisuke kts
0
120
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
140
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
130
脳の「省エネモード」をデバッグする ～System 1（直感）と System 2（論理）の切り替え～
Avatar for HideyukiKitao panda728
PRO
0
120
認証・認可の基本を学ぼう前編
Avatar for kaza kouyuume
0
270

Featured

See All Featured
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
410
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
120
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
38
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
870
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
280
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.1k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
0
2.4k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
0
76

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