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
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
680
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.2k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
96

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