-
Notifications
You must be signed in to change notification settings - Fork 2
/
design.html
311 lines (248 loc) · 18.1 KB
/
design.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="en" dir="ltr" class="client-nojs">
<head>
<meta charset="UTF-8" />
<title>Design</title>
<link rel="stylesheet" type="text/css" href="css/nav.css">
<link rel="stylesheet" type="text/css" href="css/painter.css">
<link rel="stylesheet" type="text/css" href="./css/new1.css">
<link rel="stylesheet" type="text/css" href="./css/page/design.css">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/layer/3.1.1/layer.js"></script>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script>
window.addEventListener('scroll', function() {
let top = window.scrollY
console.log(top)
if (top > 200) {
$('.main').css('transform', 'translateY(-300px)')
} else {
$('.main').css('transform', 'translateY(0%)')
}
})
</script>
</head>
<body>
<div id="loading">
<div class='loadingX' style="background-color: #abc2ea;">
<img src="./image/lodding_3.gif" height=100% width=100%>
</div>
</div>
<script>
document.onreadystatechange = function() {
if (document.readyState === "complete") {
setTimeout(
function() {
// document.querySelector("#loading").style.opacity = "0%";
document.querySelector("#loading").style.display = "none";
document.querySelector("#globalWrapper").style.display = "block";
}, 3000)
}
}
</script>
<div id='globalWrapper'>
<div id="content" class="mw-body" role="main" style="background-color: white">
<div id="HQ_page">
<div id="bodyContent">
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr">
<section class="menu-section-area">
<!-- Navigation -->
<nav class="menu">
<div style="height: 0px;width: 0px;position: relative;">
<img src="./image/logo.png" width="50px" height="50px" style="position:absolute;top:-14px;">
</div>
<ol>
<li class="menu-item"><a href="./index.html">Home</a></li>
<li class="menu-item">
<a href="#0">Project
<svg version="1.1" class="plus-icon" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="10" y1="9" x2="17" y2="9" />
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="9" y1="9" x2="9" y2="1" />
<g id="lineGroup_1">
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="1" y1="9" x2="8" y2="9" />
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="9" y1="17" x2="9" y2="9" />
</g>
</svg>
</a>
<ol class="sub-menu">
<li class="sub-menu-item"><a href="./description.html">Description</a></li>
<li class="sub-menu-item"><a href="./design.html">Design</a></li>
<li class="sub-menu-item"><a href="./results.html">Results</a></li>
<li class="sub-menu-item"><a href="./supplement.html">Supplement</a></li>
<li class="sub-menu-item"><a href="./protocol.html">Protocol</a></li>
</ol>
</li>
<li class="menu-item"><a href="./lab_notebook.html">Lab notebook</a></li>
<li class="menu-item">
<a href="#0">Team
<svg version="1.1" class="plus-icon" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="10" y1="9" x2="17" y2="9" />
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="9" y1="9" x2="9" y2="1" />
<g id="lineGroup_1">
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="1" y1="9" x2="8" y2="9" />
<line fill="none" stroke-width="4" stroke-linecap="round"
stroke-miterlimit="10" x1="9" y1="17" x2="9" y2="9" />
</g>
</svg>
</a>
<ol class="sub-menu">
<li class="sub-menu-item"><a href="./team.html">Team</a></li>
<li class="sub-menu-item"><a href="./collaboration.html">Collaboration</a>
</li>
</ol>
</li>
</nav>
<!-- Navigation -->
</section>
<div class="img1"></div>
<div class="lnav">
<ul class="navul" style="margin-left: 0;padding: 0;">
<li id="nav2" class="uli cntli">
<a href="#h1">Overview</a>
</li>
<li id="nav2" class="uli cntli">
<a href="#h2">Strain</a>
</li>
<li id="nav2" class="uli cntli">
<a href="#h3">Screening</a>
</li>
<li id="nav3" class="uli cntli">
<a href="#h4">Reference</a>
</li>
</ul>
</div>
<div class="content">
<div class="main" style="color: black;">
<aside>
<div id="h1" style="width:100%">
<h1><br /><br /> Overview
</h1>
<p>We create mutants through error prone PCR, site directed mutation and PACE (Phage-assisted continuous evolution). Among them, mutants produced by error-prone PCR and site directed mutation are screened by fluorescence,and
mutants produced by PACE are screened by the device of PACE. </p>
<img src="./image/design7.png" style="width: 80%;"><br />
<img src="./image/design6.png" style="width: 80%;"><br />
</div>
<h1 id="h2"><br /><br /> Strain
</h1>
<p>TyrRS specifically recognizes tyrosine and catalyzes the formation of tyrosyl-tRNA. During the Screening by Fluorescence,to avoid affecting the normal function of the original TyrRS in cells, we applied the modified
TyrRS to the orthogonal translation system. This modified TyrRS catalyzes the aminoacylation of an artificial tRNA whose anticodon is UAG. Therefore, <i>E.
coli</i> C321 ΔA muts-T7 strain was chosen as the host, in whose genome the UAG codons have been replaced by other stop codon, in order to avoid the incorporation of Tyr in UAG anticodon. The orthogonal TyrRS
and modified strain enable the incorporation of noncanonical amino acids without interfering with the normal growth of
<I> E. coli</I>. </p>
<img src="./image/design5.png" style="width: 80%;"><br />
<h1 id="h3"><br /><br /> Screening by Fluorescence
</h1>
<p>In order to select aaRS variants with potential capability of L-DOPA incorporation, sfGFP Y66-S205C containing the L-DOPA incorporation was applied as a reporter. It can emit green fluorescence (absorption peak at Ex=450
nm/Em=500 nm) with residue Y66 while emitting orange fluorescence (absorption peak at Ex=535 nm/Em=585 nm) with residue DOPA66. The intensity of orange fluorescence is positively proportional to the increase of
L-DOPA incorporation. Thereby aaRS variants’ specificity and activity of binding L-DOPA could be quantified. </p>
<img src="./image/design4.png" style="width: 60%;">
<p>
Through the above design, we can use the fluorescence value to represent the potential capability of L-DOPA incorporation of aaRS. We measure the fluorescence after induced expression of fluorescent protein to screen out mutant strains with high orange
MFI. In general, the fluorescence intensity is positively correlated with the reproduction of the strains (the expression amount of sfGFP) and the L-DOPA incorporation efficiency. However, considering the influence
of background fluorescence intensity on instrument detection, we usually consider data with low OD600 to be unreliable. Therefore, the variants with high MFI/OD600 but too low OD600 will be eliminated. The variants
MFI/OD600 was higher than that of the control group, and the colony reproduction was at a reasonable level (1. 0
< OD600< 1. 4). They are considered benign mutants to bind L-DOPA strongly. </p>
<br> <img src="./image/design3.png" style="width: 60%;">
<h1><br /><br /> Screening by PACE
</h1>
<p>
PACE is a high-throughput and time-saving strategy<sup>1,2</sup>. During PACE, phage infection and target gene activity are coupled. Host cells are infected with phages containing target genes in a flowing
lagoons. On account of the induction of MP, the mutations in the whole genome of <i>E. coli</i> could be significantly increased, so as to establish a mutation library for the target gene. Only phages carrying
the desired variants could better trigger the expression of
<i>gⅢ</i> in host cells, which enabled themselves to propagate normally and exist stably in the lagoon.
</p>
<img style="width: 80%;" src="./image/design2.png" width="400px">
<p>Based on this, we designed a specific PACE system for directed evolution of TyrRS. The system evolves TyrRS through positive and negative selections. During the positive selection, the desired TyrRS mutant can
bind L-DOPA to the amber suppressor tRNA, thereby allowing the complete translation of the amber terminator-containing T7 RNAP to initiate the expression of <i>gⅢ</i>, which in turn enables the phage to
complete its propogation normally. During the negative selection, using tyrosine instead of L-DOPA as the enzyme substrate, the undesired TyrRS mutant can bind tyrosine to tRNA, so that T7 RNAP can be translated
normally, and then the <i>gⅢ-neg</i> can be expressed, which fails the propagation of the phages, even if <i>gⅢ</i> expresses normally. Thus, TyrRS mutants that catalyze the binding of tyrosine to tRNAs
are washed out from the lagoon. Through the positive and negative screening, we hope to increase the affinity of TyrRS for L-DOPA and decrease the binding capacity of TyrRS for tyrosine.
</p>
<br>
<img style="width: 90%;" src="./image/design1.png" width="700px" height="300px">
<br>
<div id="h4" style="text-align:left;">
</br>
<h1 style="text-align:left;line-height: 30px; ">Reference
</h1>
<p>1 K. M. Esvelt, J. C. Carlson, D. R. Liu, A system for the continuous directed evolution of biomolecules. Nature 472, 499-U550 (2011). https://10. 1038/nature09929
</p>
<p>
2 S. M. Miller, T. Wang, D. R. Liu, Phage-assisted continuous and non-continuous evolution. Nature Protocols 15, 4101-4127 (2020). https://10. 1038/s41596-020-00410-3
</p>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer " style="position:absolute;right:0;left:0;margin:0 auto;width: 100%;height: 400px;background-color: black;margin-top: -200px;position: relative;">
<div class="container" style="width:100%;height:100%;background-color: black;width: 100%;font-size: 14px;">
<div class="footer-img" style="position:absolute;left: 0;">
<img src="./image/footer.jpg" width="600px" height="230px">
</div>
<div class="footer-content" style="text-align: center;right: 0;height: 100%;width: 50%;background-color: black;top: 0;">
<ul class="footer-content-ul">
<li class="first">
<a href="./index.html" style="font-size: 21px;">HOME</a>
</li>
</ul>
<ul>
<li class="first">
<a href="./description.html" style="font-size: 21px;">PROJECT</a>
</li>
<li>
<a href="./description.html">Description</a>
</li>
<li>
<a href="./design.html">Design</a>
</li>
<li>
<a href="./results.html">Results</a>
</li>
<li>
<a href="./supplement.html">Supplement</a>
</li>
<li>
<a href="./protocol.html">Protocol</a>
</li>
</ul>
<ul class="footer-content-ul">
<li class="first">
<a href="./lab_notebook.html" style="font-size: 18px;">LAB NOTEBOOK</a>
</li>
</ul>
<ul class="footer-content-ul">
<li class="first">
<a href="./team.html" style="font-size: 21px;">TEAM</a>
</li>
<li>
<a href="./team.html">Team</a>
</li>
<li>
<a href="./collaboration.html">Collaboration</a>
</li>
</ul>
</div>
<div class="footer-row">
<div class="col-md-12 " style="margin-top: -30px; ">
<p style="text-align: center;font-size: 16px; color: white;">Copyright © 2022 NAU All rights reserved.
</p>
</div>
</div>
</div>
</div>
<script src="./js/longli.js "></script>
</body>
</html>