-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
302 lines (278 loc) · 13.9 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>React Native Training - Professional Private and Classroom React Native Training</title>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86549528-1', 'auto');
ga('send', 'pageview');
</script>
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel='shortcut icon' href='/static/favicon.png' type='image/x-icon'/ >
<link rel='stylesheet' href='/static/app.css' >
<link rel='stylesheet' href='/node_modules/normalize.css/normalize.css'>
<link rel="stylesheet" href="/static/fa/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/sweetalert.css">
<script src='/static/sweetalert.min.js'></script>
<script src='/static/jquery.min.js'></script>
<script src='/static/app.js'></script>
</head>
<body>
<!-- begin hero -->
<div class='hero'>
<div class="container">
<!-- nav container -->
<div class='nav-container'>
<div style="padding: 0px 20px">
<a href="/">
<div class='nav'>
<img src='/static/react.png' class='icon' />
<p class='logo'>react native training</p>
</div>
</a>
</div>
<div class='nav2'>
<p style="display: none;">About</p>
<p class='scrolltoprivatetraining'>On Site Training</p>
<p class='scrolltoworkshops'>Workshops</p>
<p class='scrolltoonline'><a target="_blank" href="https://github.com/react-native-training">Open Source</a></p>
<p><a href="https://medium.com/react-native-training" target="_blank">Blog</a></p>
</div>
<div class="clearfix"></div>
</div>
<!-- end nav container -->
<!-- hero copy -->
<div class='main-title-container'>
<p class='main-title'>
MASTER REACT NATIVE QUICKLY
</p>
<p class='main-subtitle'>
React Native Training is a hands on learning experience, covering everything from the fundamentals to advanced React Native development techniques by the most experienced React Native developers in the world.
</p>
<p class='main-subtitle-button scrolltous'>
About Us
</p>
</div>
<!-- end hero copy -->
</div>
</div>
<!-- begin hero -->
<!-- begin mid -->
<div class='mid'>
<div>
<p>LEARN</p>
<p>Get React Native training from the basics to cutting edge development techniques. We offer real-life examples and interactivity to provide a robust and hands-on training experience. For an example overview of what you will learn, check out the <a target="_blank" href="http://reactnative.training/reactnativefundamentals.pdf" class="yellow-link">React Native Fundamentals</a> general overview.</p>
</div>
<div>
<p>BUILD</p>
<p>When you are finished, you will have learned everything you need to know in order to start building high quality and performant cross platform applications using the React Native framework. We cover in depth topics ranging from installation to deployment and everything in between.</p>
</div>
<div>
<p>CONNECT</p>
<p>Meet and stay in touch with the instructors, who you can follow up with in the future to ask questions and get help as you may progress in your career. All attendees are given access to our Slack channel where they can reach out before and after scheduled trainings for follow up guidance when they need our help.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<!-- end mid -->
<!-- begin yellow breaker -->
<div class='breaker'>
<p>Learn React Native from the ground up. Get up and running and start building mobile apps in the shortest amount of time possible.</p>
</div>
<!-- end yellow breaker -->
<!-- begin details -->
<div class='workshops'>
<p class='workshop-main-title' id='onsitetraining'>ON SITE TRAINING</p>
<div class='workshop-list'>
<p class='corporate-training-copy'>
Our private on site training aims to get your developers up and running as quickly as possible. The training covers all of the most important areas of the framework, dives deep into the fundamentals and important APIs, and addresses any challenges that are common that may slow down development time.<br /><br />Trainings are tailored to each individual team and company.
</p>
<a href="mailto:[email protected]">
<div class="corporate-button-container">
<p class='main-subtitle-button corporate'>
Learn More
</p>
</div>
</a>
<a href="http://reactnative.training/reactnativefundamentals.pdf" target="_blank">
<div class="corporate-button-container pdf-button-container">
<p class='main-subtitle-button corporate'>
Training Overview Example
</p>
</div>
</a>
</div>
<div class='clearfix'></div>
</div>
<!-- end workshops -->
<!-- city request -->
<div class='city-request'>
<p class='workshop-main-title' id='upcomingworkshops'>Workshops</p>
<div class='workshop-list'>
<p class='corporate-training-copy'>
Would you like us to host a workshop at your conference or event? If so, let's talk.
</p>
<a href="mailto:[email protected]">
<div class="corporate-button-container">
<p class='city-request-button'>
Get in Touch
</p>
</div>
</a>
</div>
<div class='clearfix'></div>
</div>
<!-- end city request -->
<!-- what you will learn -->
<div class='what-youll-learn'>
<div class='what-youll-learn-container'>
<p class='what-youll-learn-title'><span style="font-weight: 600">WHAT YOU'LL LEARN</span></p>
<div class='what-youll-learn-contents'>
<p><i class="fa fa-graduation-cap" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>React Fundamentals</p>
<p><i class="fa fa-spinner" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Animations</p>
<p><i class="fa fa-database" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Managing State with Redux and MobX</p>
<p><i class="fa fa-paint-brush" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Styling</p>
<p><i class="fa fa-map" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Navigation</p>
<p><i class="fa fa-mobile" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Cross Platform Development Techniques</p>
<p><i class="fa fa-map-marker" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Working with Geolocation and Incorporating Maps</p>
<p><i class="fa fa-flask" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Testing Using Jest</p>
<p><i class="fa fa-table" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Storing and Retreiving Data Locally</p>
<p><i class="fa fa-bolt" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Advanced React Concepts</p>
<p><i class="fa fa-plane" aria-hidden="true" style="margin-right: 10px;font-size: 16px;margin-top: -2px;"></i>Everything You Need To Know To Quickly Begin Building Native Cross Platform Applications</p>
<p>
<a href="http://reactnative.training/reactnativefundamentalstakeaways.pdf" target="blank" class="yellow-link">View takeways</a>
</a>
</div>
</div>
</div>
<!-- end what you will learn -->
<!-- begin who we are -->
<div class="whomain" id="whomain">
<div class='who-we-are-container'>
<p class='who-we-are-title'>WHO WE ARE</p>
<div class='who-i-am'>
<div class="who-i-am-img-container ">
<img src="/static/mike.png" alt="">
</div>
<div class='who-desc'>
<p>Mike Grabowski</p>
<p>Mike is a the founder of <a target='_blank' class='yellowhoverlink' href='http://callstack.io/'>Callstack.io</a>, a React Native core contributor, and the creator of numerous open source libraries.</p>
<div class='us-icons'>
<a class='blacklink' target='_blank' href='https://github.com/grabbou'><i class="fa fa-github" aria-hidden="true"></i></a>
<a href='https://twitter.com/grabbou' class='blacklink' target='_blank' >
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</div>
<div class='clearfix'></div>
</div>
</div>
<div class='who-i-am'>
<div class='who-i-am-img-container'>
<img src="/static/nader.jpg" style="border-radius: 9999px;" alt="">
</div>
<div class='who-desc'>
<p>Nader Dabit</p>
<p>Nader is a Software Developer by trade, the author of <a href='https://www.manning.com/books/react-native-in-action' target='_blank' class='yellowhoverlink'>React Native in Action by Manning Publications</a>, the creator of <a href='https://github.com/react-native-community/react-native-elements' target='_blank' class='yellowhoverlink'>React Native Elements</a>, and the host of <a target='_blank' class='yellowhoverlink' href="http://devchat.tv/react-native-radio">React Native Radio on Devchat.tv</a>.</p>
<div class='us-icons'>
<a href='https://github.com/dabit3' class='blacklink' target='_blank' >
<i class="fa fa-github" aria-hidden="true"></i>
</a>
<a href="https://twitter.com/dabit3?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" class='blacklink' target='_blank'>
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</div>
<div class='clearfix'></div>
</div>
<div class='clearfix'></div>
</div>
<div class='clearfix'></div>
</div>
<div class='clearfix'></div>
</div>
<!-- end who we are -->
<!-- begin projects with which we are currently involved -->
<div class='our-projects'>
<div class='projects-container'>
<p class='who-we-are-title'>PROJECTS WE'RE INVOLVED WITH</p>
<a href="https://github.com/facebook/react-native" target="_blank">
<div class='project'>
<div style='height: 100px;'>
<img src='/static/reacticon.png' width="100px" />
</div>
<p>React Native</p>
<p>React Native lets you build native applications using only JavaScript. It uses the same paradigm as React, letting you compose a rich native UI using declarative components.</p>
</div>
</a>
<a href="https://github.com/react-native-training/react-native-elements" target="_blank">
<div class='project'>
<div style='height: 100px;display: flex; align-items: center; justify-content: center; '>
<img src='/static/elements.png' height="50px" />
</div>
<p>React Native Elements</p>
<p>React Native Elements is a useful set of reusable components for your React Native application.
</p>
</div>
</a>
<a href="https://github.com/callstack-io/react-native-fbads" target="_blank">
<div class='project'>
<div style='text-align: center;height: 100px;display: flex; justify-content: center; align-items: center;'>
<img src='/static/fbads.png' width="140px" />
</div>
<p>React Native Facebook Ads.
</p>
<p>React Native FB-Ads allows you to integrate the Facebook Audience SDK into your React Native application</p>
</div>
</a>
<a href="https://github.com/callstack-io/haul" target="_blank">
<div class='project' style="margin-top: 30px;">
<div style='text-align: center;height: 100px;display: flex; justify-content: center; align-items: center;'>
<img src='https://cloud.githubusercontent.com/assets/1174278/24502391/25619f98-156b-11e7-994c-a8495b4735d5.png' width="200px" />
</div>
<p>Haul.
</p>
<p>Haul is a command line tool for developing React Native apps</p>
</div>
</a>
<div class='clearfix'></div>
</div>
</div>
<div class='clearfix'></div>
<!-- end projects -->
<!-- begin email submit -->
<div style='background-color: #DADADA;'>
<div class='emailsubmitcontainer'>
<div class='emailsubmit emailsubmit1'>
<p class='emailsubmit-title1'>Stay updated!</p>
<p class='emailsubmit-title2'>Hear about upcoming news.</p>
</div>
<div class='emailsubmit emailsubmit2'>
<input id='emailinput' placeholder='Your email' class='emailsubmitinput' />
<p id='emailsubmit' class='emailsubmitbutton'>Get Updates</p>
</div>
<div class='clearfix'></div>
</div>
</div>
<div class='clearfix'></div>
<!-- end email submit -->
<!-- begin footer -->
<div class='footer'>
<p>© 2017 React Native Training <a href="mailto:[email protected]" style="color: #ffc107; text-decoration: none;">[email protected]</a></p>
</div>
<!-- end footer -->
<div class='overlay'>
<p class='overlay-title'>Have React Native Training Come to Your City</p>
<input id='form-message1' placeholder='Your City' class='overlay-input' />
<input id='form-message2' placeholder='Your Email - optional' class='overlay-input' />
<div class='overlay-button-submit' id='submit-email'>
<p>Submit</p>
</div>
<p id='dismiss' class='dismiss'>Cancel</p>
</div>
</body>
</html>