SlideShare ist ein Scribd-Unternehmen logo
1 von 117
Downloaden Sie, um offline zu lesen
Git of Parts
#balancedTeamLA
2/12/14
Rudy Jahchan
@rudy
Wolfie
carbon five
git
Kit of Parts
good 'nuff
Developers are idiots.
forgiveness, please.
I’m a developer.
I'm an idiot.
git
git is a tool for
developers
git is a tool for
developers EVERYONE!
We've built our cadence
on it.
Eliminate the "divide" by
having everyone use it.
Except I'm not going to
teach you it.
forgiveness, please
source: git-scm.com
source: atlassian.com/git/tutorial
source: try.github.io
git reflects
balanced team values.
Shared ownership.
(okay really happens by having everyone use it
but bear with me).
git is a versioning
system.
Just not on a file by file basis; it's your entire
project.
Commit
A snapshot.
Series of Commits
Series of Commits
Series of Commits
Series of Commits
Series of Commits
Series of Commits
And you can roll them back!
Series of Commits
And you can roll them back!
Series of Commits
And you can roll them back!
Small, frequent changes.
Contrast against the large, bloated, risky all or
nothing release.
Branches
Branches
Branches
Branches
Branches
Branches
Branches
Branches
bug/fix-name-123

master

feature/login-42

Branches

They are also named.
Many experiments.
Branches can be features, A/B variations,
whatevs!
Merge it Back
Merge it Back
Merge it Back
Pull Request
Have others check out your work, comment on it,
and approve its inclusion.
Encourages
collaboration.
What if I break
something?
Pull and Push to Repos
Your copy is a repo!
Pull and Push to Repos
Your copy is a repo!
Pull and Push to Repos
Your copy is a repo!
Pull and Push to Repos
Your copy is a repo!
Pull and Push to Repos
Your copy is a repo!
Safe Space
What should designers
work on?
What should designers
work on?
Anything you want!
Though I suggest …
Kit of Parts
Nicole Sullivan
@stubbornella
source: stubbornella.org
Object Oriented CSS
Web Components
A single location
defining all components.
Clearly defines the HTML, CSS, and Javascript.
Bootstrap
getbootstrap.com
Our Kit of Parts
It is not just style guide!
It is a living part of the
app.
Uses the SAME resources as the entire app.
Changes to Kit-of-Parts
affects entire app.
The Bootstrap Team
The Bootstrap Team
uses
The Bootstrap Team
uses

Bootstrap
The Bootstrap Team
uses

Bootstrap
to build
The Bootstrap Team
uses

Bootstrap
to build

The Bootstrap Site
The Bootstrap Team
Yo dawg, I
hearduses like
you
Bootstrap …
Bootstrap

to build

The Bootstrap Site
Pro-tip: Only accessible
in development & UAT.
We mount it under the path /kit-of-parts
Dev can compose new
UX from it.
Allows them to move forward if they can't get a
design pair.
good 'nuff
Chris Nodder
@uxgrump
EQ
Dev

EQ
Dev

UX

EQ
Dev

UX

good 'nuff
Dev

UX

good 'nuff

User
Dev

UX

good 'nuff
"It needs to be pixel
perfect."
Pairing
Navigator and Driver
Developer left to own
devices to decide UI.
source: codinghorror.com
good 'nuff
"Developers can not
design."*
* generalization. forgiveness, please.
"That's a lot of setup,
where do I start?"
"Git" of Parts
Tools used
HTML & CSS

Tools used
Haml & SASS

HTML & CSS

Tools used
Github
Github
Pages
Web-site for your
project!
[github-name].github.io/[project]
master

gh-pages

Create gh-pages branch
Add files
Add files
index.html
Add files
index.html
kit-of-parts.pdf
Add files
index.html
kit-of-parts.pdf
lol_cat.png
Add files
index.html
kit-of-parts.pdf
lol_cat.png
fashionable.css
Push it to Github
source: carbonfive.github.com/vimtronner
Get git
Thanks!
rudy@carbonfive.com
@rudy

Weitere ähnliche Inhalte

Was ist angesagt?

Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!
Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!
Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!
Tsuji Yuko
 
Tech presentaion
Tech presentaionTech presentaion
Tech presentaion
ryanlp_nav
 

Was ist angesagt? (20)

Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!
Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!
Qiita Engineer Summit 2021 LT 食べログでフロントエンドのリプレースやっていってます!
 
Running jenkins in a public cloud - common issues and some solutions
Running jenkins in a public cloud - common issues and some solutionsRunning jenkins in a public cloud - common issues and some solutions
Running jenkins in a public cloud - common issues and some solutions
 
An introduction to Git.
An introduction to Git.An introduction to Git.
An introduction to Git.
 
Tech presentaion
Tech presentaionTech presentaion
Tech presentaion
 
GitHub Features Presentation
GitHub Features PresentationGitHub Features Presentation
GitHub Features Presentation
 
Evaluation part 3
Evaluation part 3Evaluation part 3
Evaluation part 3
 
React native
React nativeReact native
React native
 
AngularJS
AngularJSAngularJS
AngularJS
 
Google Developer Day 2010 Japan: 「App Engine 開発者コミュニティ「appengine ja night」とフレ...
Google Developer Day 2010 Japan: 「App Engine 開発者コミュニティ「appengine ja night」とフレ...Google Developer Day 2010 Japan: 「App Engine 開発者コミュニティ「appengine ja night」とフレ...
Google Developer Day 2010 Japan: 「App Engine 開発者コミュニティ「appengine ja night」とフレ...
 
Headless BDD
Headless BDDHeadless BDD
Headless BDD
 
BDD using Behat, Selenium,Sahi and SauceLabs
BDD using Behat, Selenium,Sahi and SauceLabsBDD using Behat, Selenium,Sahi and SauceLabs
BDD using Behat, Selenium,Sahi and SauceLabs
 
First Real Pull Request Ever
First Real Pull Request EverFirst Real Pull Request Ever
First Real Pull Request Ever
 
Experiences building apps with React Native @DomCode 2016
Experiences building apps with React Native @DomCode 2016Experiences building apps with React Native @DomCode 2016
Experiences building apps with React Native @DomCode 2016
 
React Native "A Bad Idea Or A Game Changer" at Code Mania 101
React Native "A Bad Idea Or A Game Changer" at Code Mania 101React Native "A Bad Idea Or A Game Changer" at Code Mania 101
React Native "A Bad Idea Or A Game Changer" at Code Mania 101
 
How GitHub impacts our career life?
How GitHub impacts our career life?How GitHub impacts our career life?
How GitHub impacts our career life?
 
How to add fun to development process
How to add fun to development processHow to add fun to development process
How to add fun to development process
 
Part 4 of Git, Illuminated
Part 4 of Git, IlluminatedPart 4 of Git, Illuminated
Part 4 of Git, Illuminated
 
GitHub Introduction
GitHub IntroductionGitHub Introduction
GitHub Introduction
 
Griffon: what's new and what's coming
Griffon: what's new and what's comingGriffon: what's new and what's coming
Griffon: what's new and what's coming
 
Continous integration with github actions by Peter Grainger
Continous integration with github actions by Peter GraingerContinous integration with github actions by Peter Grainger
Continous integration with github actions by Peter Grainger
 

Ähnlich wie Git of Parts

Github github-github
Github github-githubGithub github-github
Github github-github
fusion2011
 
Git basics a starter on git and its ecosystem
Git basics  a starter on git and its ecosystemGit basics  a starter on git and its ecosystem
Git basics a starter on git and its ecosystem
François D'Agostini
 

Ähnlich wie Git of Parts (20)

sbt: the incredible machine
sbt: the incredible machinesbt: the incredible machine
sbt: the incredible machine
 
Gitting better
Gitting betterGitting better
Gitting better
 
Introduction to git and Github
Introduction to git and GithubIntroduction to git and Github
Introduction to git and Github
 
Github github-github
Github github-githubGithub github-github
Github github-github
 
Automate Yo' Self
Automate Yo' SelfAutomate Yo' Self
Automate Yo' Self
 
Git workflows presentation
Git workflows presentationGit workflows presentation
Git workflows presentation
 
Lean Engineering: How to make Engineering a full Lean UX partner
Lean Engineering: How to make Engineering a full Lean UX partnerLean Engineering: How to make Engineering a full Lean UX partner
Lean Engineering: How to make Engineering a full Lean UX partner
 
Git essential training & sharing self
Git essential training & sharing selfGit essential training & sharing self
Git essential training & sharing self
 
Building resuable and customizable Vue components
Building resuable and customizable Vue componentsBuilding resuable and customizable Vue components
Building resuable and customizable Vue components
 
Git basics a starter on git and its ecosystem
Git basics  a starter on git and its ecosystemGit basics  a starter on git and its ecosystem
Git basics a starter on git and its ecosystem
 
Git usage (Basics and workflow)
Git usage (Basics and workflow)Git usage (Basics and workflow)
Git usage (Basics and workflow)
 
Git hooks
Git hooksGit hooks
Git hooks
 
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
 
Bulletproof design systems using storybook
Bulletproof design systems using storybookBulletproof design systems using storybook
Bulletproof design systems using storybook
 
Collaborative development with git
Collaborative development with gitCollaborative development with git
Collaborative development with git
 
Git best practices 2016
Git best practices 2016Git best practices 2016
Git best practices 2016
 
Introduction to Git (even for non-developers)
Introduction to Git (even for non-developers)Introduction to Git (even for non-developers)
Introduction to Git (even for non-developers)
 
Top 10 web development tools in 2022
Top 10 web development tools in 2022Top 10 web development tools in 2022
Top 10 web development tools in 2022
 
Intro to Github
Intro to GithubIntro to Github
Intro to Github
 
Keeping your build tool updated in a multi repository world
Keeping your build tool updated in a multi repository worldKeeping your build tool updated in a multi repository world
Keeping your build tool updated in a multi repository world
 

Kürzlich hochgeladen

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Kürzlich hochgeladen (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 

Git of Parts