Team:Glendale CC AZ/Protocols/Transformation
From 2013.igem.org
Line 1: | Line 1: | ||
- | {{:Team:Glendale_CC_AZ/main.css}} | + | {{:Team:Glendale_CC_AZ/main.css}} |
+ | <html> | ||
+ | <head> | ||
+ | <link | ||
+ | href="http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic" | ||
+ | rel="stylesheet" type="text/css"> | ||
+ | <link | ||
+ | href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,300italic" | ||
+ | rel="stylesheet" type="text/css"> | ||
+ | <meta charset="UTF-8"> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: rgb(230,230,230); | ||
+ | |||
+ | color: rgb(50,50,50); | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size: 112.5%; | ||
+ | line-height: 1.6em; | ||
+ | } | ||
- | == | + | /* ================ The Timeline ================ */ |
- | + | .timeline { | |
+ | position: relative; | ||
+ | width: 660px; | ||
+ | margin: 0 auto; | ||
+ | margin-top: 20px; | ||
+ | padding: 1em 0; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | p list { | ||
+ | text-align: left; | ||
+ | } | ||
+ | .timeline:before { | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | top: 0; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | width: 6px; | ||
+ | height: 100%; | ||
+ | margin-left: -3px; | ||
+ | background: rgb(80,80,80); | ||
+ | background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1))); | ||
+ | background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | |||
+ | z-index: 5; | ||
+ | } | ||
+ | |||
+ | .timeline li { | ||
+ | padding: 1em 0; | ||
+ | } | ||
+ | |||
+ | .timeline li:after { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .direction-l { | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .direction-r { | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .flag-wrapper { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | |||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .flag { | ||
+ | position: relative; | ||
+ | display: inline; | ||
+ | background: rgb(248,248,248); | ||
+ | padding: 6px 10px; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | font-weight: 600; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag { | ||
+ | -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | } | ||
+ | |||
+ | .direction-r .flag { | ||
+ | -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:before, | ||
+ | .direction-r .flag:before { | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | right: -40px; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | margin-top: -10px; | ||
+ | background: #fff; | ||
+ | border-radius: 10px; | ||
+ | border: 4px solid rgb(255,80,80); | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .direction-r .flag:before { | ||
+ | left: -40px; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | left: 100%; | ||
+ | top: 50%; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | margin-top: -8px; | ||
+ | border: solid transparent; | ||
+ | border-left-color: rgb(248,248,248); | ||
+ | border-width: 8px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .direction-r .flag:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | right: 100%; | ||
+ | top: 50%; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | margin-top: -8px; | ||
+ | border: solid transparent; | ||
+ | border-right-color: rgb(248,248,248); | ||
+ | border-width: 8px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .time-wrapper { | ||
+ | display: inline; | ||
+ | |||
+ | line-height: 1em; | ||
+ | font-size: 0.66666em; | ||
+ | color: rgb(250,80,80); | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .direction-l .time-wrapper { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .direction-r .time-wrapper { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .time { | ||
+ | display: inline-block; | ||
+ | padding: 4px 6px; | ||
+ | background: rgb(248,248,248); | ||
+ | } | ||
+ | |||
+ | .desc { | ||
+ | margin: 1em 0.75em 0 0; | ||
+ | |||
+ | font-size: 0.77777em; | ||
+ | font-style: italic; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | |||
+ | .direction-r .desc { | ||
+ | margin: 1em 0 0 0.75em; | ||
+ | } | ||
+ | |||
+ | /* ================ Timeline Media Queries ================ */ | ||
+ | |||
+ | @media screen and (max-width: 660px) { | ||
+ | |||
+ | .timeline { | ||
+ | width: 100%; | ||
+ | padding: 4em 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .timeline li { | ||
+ | padding: 2em 0; | ||
+ | } | ||
+ | |||
+ | .direction-l, | ||
+ | .direction-r { | ||
+ | float: none; | ||
+ | width: 100%; | ||
+ | |||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .flag-wrapper { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .flag { | ||
+ | background: rgb(255,255,255); | ||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:before, | ||
+ | .direction-r .flag:before { | ||
+ | position: absolute; | ||
+ | |||
+ | top: -30px; | ||
+ | left: 50%; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | margin-left: -9px; | ||
+ | background: #fff; | ||
+ | border-radius: 10px; | ||
+ | border: 4px solid rgb(255,80,80); | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:after, | ||
+ | .direction-r .flag:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | top: -8px; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | margin-left: -8px; | ||
+ | border: solid transparent; | ||
+ | border-bottom-color: rgb(255,255,255); | ||
+ | border-width: 8px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .time-wrapper { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | margin: 4px 0 0 0; | ||
+ | z-index: 14; | ||
+ | } | ||
+ | |||
+ | .direction-l .time-wrapper { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .direction-r .time-wrapper { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .desc { | ||
+ | position: relative; | ||
+ | margin: 1em 0 0 0; | ||
+ | padding: 1em; | ||
+ | background: rgb(245,245,245); | ||
+ | -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20); | ||
+ | -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20); | ||
+ | box-shadow: 0 0 1px rgba(0,0,0,0.20); | ||
+ | |||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | .direction-l .desc, | ||
+ | .direction-r .desc { | ||
+ | position: relative; | ||
+ | margin: 1em 1em 0 1em; | ||
+ | padding: 1em; | ||
+ | |||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 400px ?? max-width: 660px) { | ||
+ | |||
+ | .direction-l .desc, | ||
+ | .direction-r .desc { | ||
+ | margin: 1em 4em 0 4em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | font-size:50%; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family: "Source Sans Pro"; | ||
+ | font-size:1.6rem; | ||
+ | line-height: 2.3rem; | ||
+ | color:#444; | ||
+ | background: #fff; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #06c; | ||
+ | transition: color .3s; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #012c57; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6, h7 { | ||
+ | font-family: "Futura"; | ||
+ | line-height:2.6rem; | ||
+ | font-weight:normal; | ||
+ | color: #111; | ||
+ | } | ||
+ | |||
+ | .content-area { | ||
+ | width:850px; | ||
+ | padding:2rem; | ||
+ | margin:auto; | ||
+ | background: #f9f9f9; | ||
+ | } | ||
+ | |||
+ | .content-area h1 { | ||
+ | font-size: 2.7rem; | ||
+ | } | ||
+ | |||
+ | .content-area h2 { | ||
+ | font-size: 2.2rem; | ||
+ | } | ||
+ | |||
+ | .content-area h3 { | ||
+ | font-size: 2.7rem; | ||
+ | } | ||
+ | |||
+ | .content-area h4 { | ||
+ | font-size: 4.0rem; | ||
+ | } | ||
+ | |||
+ | .content-area h5 { | ||
+ | font-size: 1.4rem; | ||
+ | } | ||
+ | |||
+ | .content-area h6 { | ||
+ | font-size: 1.2rem; | ||
+ | } | ||
+ | |||
+ | .content-area aside { | ||
+ | float:right; | ||
+ | width:50%; | ||
+ | padding:2rem; | ||
+ | |||
+ | .blockquote { | ||
+ | font-family: Georgia, serif; | ||
+ | font-size: 18px; | ||
+ | font-style: italic; | ||
+ | width: 500px; | ||
+ | margin: 0.25em 0; | ||
+ | padding: 0.35em 40px; | ||
+ | line-height: 1.45; | ||
+ | position: relative; | ||
+ | color: #383838; | ||
+ | } | ||
+ | |||
+ | .blockquote:before { | ||
+ | display: block; | ||
+ | padding-left: 10px; | ||
+ | content: "\201C"; | ||
+ | font-size: 80px; | ||
+ | position: absolute; | ||
+ | left: -20px; | ||
+ | top: -20px; | ||
+ | color: #7a7a7a; | ||
+ | } | ||
+ | |||
+ | .blockquote cite { | ||
+ | color: #999999; | ||
+ | font-size: 14px; | ||
+ | display: block; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .blockquote cite:before { | ||
+ | content: "\2014 \2009"; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <title></title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="content-area"> <article> | ||
+ | </article> | ||
+ | <h4>Glendale Community College Arizona<img | ||
+ | style="width: 200px; height: 58px;" alt="GCC" | ||
+ | src="https://static.igem.org/mediawiki/2013/f/f1/Gcclogo.gif" align="right"> | ||
+ | </h4> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | <h5><p>Protocols</p><img style="border: 0px solid ; width: 400px; height: 200px;" alt="iGEM" src="https://static.igem.org/mediawiki/igem.org/1/19/Tubes2GCC.JPG" align="right"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/GrowthCurve">Growth Curve Assay</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/NaCl">NaCl Growth Curve Assay</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/SurivalGrowth">Survival Growth Assay</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/AlkalineLysis">Alkaline Lysis Plasmid Miniprep </a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/RestrictionDigest">Restriction Digest</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/DNAIsolation">DNA Isolation</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Bioinformatics">Bioinformatics</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Ligation">Ligation</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Transformation">Transformation</a></p> | ||
+ | |||
+ | |||
+ | <!--/.content-area--> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
+ | ==== Transformation Protocol ==== | ||
+ | |||
+ | Protocol from: http://parts.igem.org/Help:Protocols/Transformation | ||
- | == Materials == | + | ==== Materials ==== |
-Resuspended DNA | -Resuspended DNA | ||
-Competent cells (50ul per transformation) | -Competent cells (50ul per transformation) | ||
Line 19: | Line 485: | ||
-10pg/µl RFP Control (pSB1A3 w/ BBa_J04450) | -10pg/µl RFP Control (pSB1A3 w/ BBa_J04450) | ||
- | == Procedure == | + | ==== Procedure ==== |
1. Start thawing the competent cells on ice. | 1. Start thawing the competent cells on ice. |
Revision as of 02:06, 23 September 2013
Glendale Community College Arizona
Protocols
Growth Curve Assay NaCl Growth Curve Assay Survival Growth Assay Alkaline Lysis Plasmid Miniprep Restriction Digest DNA Isolation Bioinformatics Ligation TransformationTransformation Protocol
Protocol from: http://parts.igem.org/Help:Protocols/Transformation
Materials
-Resuspended DNA -Competent cells (50ul per transformation) -Ice -2ml tube (1 per a transformation) -42ºC water bath -SOC media -Petri dishes with LB agar and appropriate antibiotic (2 per transformation) -Spreader -37ºC incubator -10pg/µl RFP Control (pSB1A3 w/ BBa_J04450)
Procedure
1. Start thawing the competent cells on ice. Add 50 µL of thawed competent cells into pre-chilled 2ml tube, and another 50µL into a 2ml tube, labelled for your control.
2. Add 1 - 2 µL of the resuspended DNA to the 2ml tube. Pipet up and down a few times, gently. Make sure to keep the competent cells on ice.
3. Add 1 µL of the RFP Control to your control transformation.
4. Close tubes and incubate the cells on ice for 30 minutes.
5. Heat shock the cells by immersion in a pre-heated water bath at 42ºC for 60 seconds.
6. Incubate the cells on ice for 5 minutes.
7. Add 200 μl of SOC media (make sure that the broth does not contain antibiotics and is not contaminated) to each transformation.
8. Incubate the cells at 37ºC for 2 hours while the tubes are rotating or shaking.
9. Plate 20 µl and 200 µl of the transformation onto the dishes, and spread.
10. For the control, label two petri dishes with LB agar (AMP). Plate 20 µl and 200 µl of the transformation onto the dishes, and spread.
11. Incubate the plates at 37ºC for 12-14 hours, making sure the agar side of the plate is up.
12. You can pick a single colony, make a glycerol stock, grow up a cell culture and miniprep.
13. Count the colonies on the 20 μl control plate and calculate your competent cell efficiency.