-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
287 lines (241 loc) · 17.3 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
<!doctype html>
<html>
<head>
<title>Why Meteor?</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="static/images/favicon.ico">
<link rel="stylesheet" href="static/css/bootstrap.css">
<link rel="stylesheet" href="static/css/main.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
<div class="main-hero">
<div class="screen">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="text-center intro">
<img src="static/images/whymeteor3.png" alt="why meteor?" class="logo" alt="">
<h2>Meteor is a game-changing framework for rapid software development. By using JavaScript on the front and back-end, Meteor allows you to build faster.</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gray-full-box">
<div class="container">
<div class="section">
<div class="row">
<div class="col-sm-12 col-md-8 intro">
<h4 class="purple">So what exactly is Meteor?</h4>
<p>Meteor is a full stack JavaScript (JS) framework, made up of a collection of libraries and packages, bound together. But some people call Meteor magic.</p>
<p>In a way, it is. Meteor has been built on concepts from other frameworks and libraries in a way that makes it easy to prototype applications. Essentially, it makes web development easier. It’s flexible and requires less code, which means less bugs and typically a higher quality and more stable end result.</p>
<p>Meteor is easy to learn and quick to build with—making it a new favorite for many developers. So what are the top things that make this framework a favorite? Let's take a look at the best reasons to build with Meteor.</p>
</div>
<div class="col-sm-12 col-md-4 intro-list">
<h6>8 Reasons to Build With Meteor</h6>
<ul class="eight-reasons">
<li><strong>1.</strong> <a href="#pro-one">It's fast to build with. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>2.</strong> <a href="#pro-two">Develop with just one language. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>3.</strong> <a href="#pro-three">Easy to learn. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>4.</strong> <a href="#pro-four">Real-time applications at the core. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>5.</strong> <a href="#pro-five">Smart packages that save you time. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>6.</strong> <a href="#pro-six">Easily convert to native mobile apps. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>7.</strong> <a href="#pro-seven">Active and supportive community. <i class="fa fa-chevron-right"></i></a></li>
<li><strong>8.</strong> <a href="#pro-eight">Meteor is the future. <i class="fa fa-chevron-right"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section light-bottom">
<div class="row">
<div class="col-sm-12 col-md-8 col-md-offset-2">
<h1>8 reasons to build with Meteor</h1>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-8 col-md-offset-2">
<h3 class="purple less-margin" id="pro-one">1. It's fast to build with.</h3><p> When using Meteor, launching a MVP in 3-4 weeks can be a reality. With JavaScript on the front-end and back-end, plus smart packages, Meteor allows you to develop faster. This makes it a go-to for startups and others trying to get a product out the door quickly.</p>
<h3 class="purple" id="pro-two">2. Develop with just one language.</h3><p> Aside from rapid development, JavaScript on the server and client has other benefits—like less context switching. Moreover, JavaScript is one of the most popular programming languages in the world. It has many use-cases, and many developers are already familiar with it.</p>
<h3 class="purple" id="pro-three">3. Easy to learn.</h3><p> Anyone who gives Meteor a try knows how simple it is to get up and going. Unlike other popular full stack frameworks, you don’t have to rely on multiple languages. Any semi-experienced JS developer could be handed a Meteor project with decent structure, and pick it up and get it running quickly. Even those who are not full-fledged developers, like designers, find it easy to implement. They love it for the same reasons as everyone: it’s simple to learn and work with. </p>
<h3 class="purple" id="pro-four">4. Real-time applications at the core.</h3><p> Meteor is the perfect solution for those looking to build real-time applications. It is real-time by default, known as “full stack reactivity”. All of the application’s layers from database to template update automatically. This means there is no need to refresh the page to see updates. And any changes to documents save instantly. This makes Meteor a perfect use-case for real time collaboration, too.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<img src="static/images/test.png" class="featured-img" style="margin-top: 60px;" alt="">
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-8 col-md-offset-2">
<h3 class="purple" id="pro-five">5. Smart packages that save you time.</h3><p> Building out a login system for your application can be a pain. But not with Meteor. Meteor packages make it simple to add features such as:
<ul>
<li>User accounts</li>
<li>Javascript libraries like React</li>
<li>Extras like Bootstrap or Stylus</li>
<li>...and more</li>
</ul></p>
<p>There is even an <a href="http://atmospherejs.com" target="_blank">entire website</a> dedicated to Meteor package management. Even better, adding these kinds of smart packages is easy: just a few keystrokes in the terminal.</p>
<h3 class="purple" id="pro-six">6. Turn your Meteor app into iOS and Android apps.</h3><p> Yes, you read that right. Meteor makes it simple to turn your web app into a smartphone app with Cordova. Cordova is a platform to build native smartphone applications using HTML, CSS and JavaScript. It has a set of APIs that allow you to access native device functions, like the camera, with JavaScript. And the best part is that Meteor comes out of the box with Cordova. </p>
<h3 class="purple" id="pro-seven">7. Active and supportive community.</h3><p> Despite its young age, there is already a passionate community of web developers using Meteor—"Meteorites", as they call themselves. More than that, tons of blogs, resources, and even online learning platforms have emerged to discuss and teach the platform. Meteor's popularity can be seen by fact that it is the <a href="https://github.com/search?p=1&q=stars%3A%3E1&s=stars&type=Repositories" target="_blank">10th most starred repository on Github</a>, with 27,085 stars at the time of writing. (<a href="https://github.com/rails/rails" target="_blank">Ruby on Rails has 27,216 stars</a> at the time of writing.) There is also a large, and constantly growing, in-person community. There are <a href="http://meteor.meetup.com/" target="_blank">Meteor Meetups</a> in over 75 countries around the world, and in 217 cities. Chances are there is a Meteor Meetup near you. </p>
<h3 class="purple" id="pro-eight">8. Meteor is the future.</h3><p> The web is becoming an increasingly real-time environment. With the growth of online applications like real-time collaboration tools, instant customer support, multiplayer web games, and more, the need for real-time friendly applications is increasing. And Meteor offers just that. .</p>
</div>
</div>
</div>
</div>
<!-- DRIP FORM -->
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="drip-form text-center">
<h4>Get started with the <strong>Free</strong> 4-day Meteor Crash Course</h4>
<form class="form-inline" action="https://www.getdrip.com/forms/4373964/submissions" method="post" data-drip-embedded-form="4373964">
<h3 data-drip-attribute="headline" class="hidden">Why meteor</h3>
<div class="form-group" data-drip-attribute="description">
<div class="col-md-4">
<input type="text" class="form-control" name="fields[full_name]" placeholder="Full Name" />
</div>
<div class="col-md-5">
<input type="email" class="form-control" name="fields[email]" placeholder="Email Address" />
</div>
<div class="col-md-3">
<input type="submit" name="submit" value="Get Started" class="submit button" data-drip-attribute="sign-up-button" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END DRIP FORM -->
<div class="container">
<div class="section no-top">
<div class="row">
<div class="col-sm-12 col-md-8 col-md-offset-2">
<h1>Common Misconceptions about Meteor...</h1>
<h3 class="purple less-margin">1. It’s too much “magic”.</h3> <p class="clean">Some say that Meteor has too many features. Renowned author and innovator Arthur C. Clarke said:</p>
<div class="well"><p><em>"Any sufficiently advanced technology is indistinguishable from magic."</em></p></div>
<p>Agree with Clarke’s point of view or not, many believed Rails to be “magic” when it first emerged. Yet today there is a vibrant and thriving business structure around Rails.</p>
<h3 class="purple">2. Building software should be hard and labor intensive.</h3> <p>Other people believe Meteor makes it too easy to build web applications. Yes, to achieve an end-result with Meteor compared to other frameworks typically involves less code. (However, less shouldn’t necessarily be equated with easy.)
Nonetheless, less code generally means less time involved. With that, there is more time and resources to dedicate for other parts of business. Furthermore, less code means less liability in the long run for businesses. </p>
<h3 class="purple">3. Not enough structure and conventions.</h3> <p>Some prefer frameworks with rules and structure. However, there are plenty of dev languages and frameworks that have evolved as we learn about programming, and best ways to do it.
We actually have increased flexibility to explore these ideas with Meteor. Nevertheless, there are many resources on Meteor "best practices". But, ultimately the individual decides which to adopt.</p>
<h3 class="purple">4. There is no production-grade MySQL support.</h3> <p>At the time of writing, SQL support for Meteor is <a href="https://trello.com/c/Gf6YxFp2/42-sql-support" target="_blank">on the roadmap</a>.
In the meantime, there are several packages available to integrate MySQL with Meteor, like <a href="https://atmospherejs.com/numtel/mysql" target="_blank">numtel:mysql</a>.</p>
<h3 class="purple">5. Subscriptions are not scalable.</h3> <p>Scaling comes down to your app and how it manages data. It is not a problem for Meteor web applications alone. Scaling is an issue that can be found across languages and frameworks.</p>
<p>However, Meteor has some advantages when it comes to scaling because of its reliance on DDP. With DDP, one can easily separate out and build a new system that just has to adhere to the API for DDP to work with a Meteor app. This means that when the time comes, it easier to swap out node for other backends.</p>
<p>Still, while building Meteor apps there needs to be diligence on behalf of the developer to only put relevant data into the publication rather than publishing everything. And fortunately, there are tools available like <a href="https://github.com/meteorhacks/meteor-aggregate/" target="_blank">meteorhacks:aggregate</a> to help with Mongo aggregation.</p>
</div>
</div>
</div>
</div>
<div class="container-fluid testimony">
<div class="row">
<div class="col-md-12 text-center">
<h2>What Others Say About Meteor</h2>
</div>
</div>
<div class="row testimony">
<div class="col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 quote">
<p class="quote">Meteor makes is possible for a single person to build and launch entire projects quickly and painlessly. It's what web development should've always been like!</p>
<span class="quote-name">Sacha Greif</span>
<span class="quote-affil">Co-Founder, Discover Meteor</span>
</div>
<div class="col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 quote">
<p class="quote">We build our Meteor apps in half the time compared to other frameworks we used to use, and with far superior user experience. It has been a game changer for our startup!</p>
<span class="quote-name">Sacha Greif</span>
<span class="quote-affil">Founder, Astronomer</span>
</div>
<div class="col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 quote">
<p class="quote">I knew Meteor was special from the moment I saw it in action. It has fundamentally changed how I approach and build software for the web now.</p>
<span class="quote-name">Josh Owens</span>
<span class="quote-affil">Founder, Meteor Club</span>
</div>
</div>
</div>
<div class="container-fluid examples">
<div class="row">
<div class="col-md-12 text-center">
<h2>Built With Meteor</h2>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 example">
<a href="http://astronomer.io/" target="_blank"><img src="static/images/astronomer.png" alt=""></a>
<span class="caption"><a href="#" target="_blank">Astronomer.io <i class="fa fa-external-link"></i></a></span>
</div>
<div class="col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 example">
<a href="https://respond.ly/" target="_blank"><img src="static/images/respondly.png" alt=""></a>
<span class="caption"><a href="#" target="_blank">Respondly <i class="fa fa-external-link"></i></a></span>
</div>
<div class="col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 example">
<a href="https://workpop.com" target="_blank"><img src="static/images/workpop.png" alt=""></a>
<span class="caption"><a href="#" target="_blank">WorkPop <i class="fa fa-external-link"></i></a></span>
</div>
</div>
</div>
<div class="container">
<div class="row section light-bottom">
<div class="col-sm-12 col-md-8 col-md-offset-2">
<h1>Meteor—A Bright Future</h1>
<p>Meteor is still in its early days. But it is constantly evolving and being improved. However, a few things are certain:
<ul>
<li><strong>Meteor is fast and easy to implement</strong>—Less code and rapid development makes it fun to build with—for experienced devs and those just starting out</li>
<li><strong>Real-time applications are the present and future</strong>—Meteor makes it easy to build real-time apps on desktop and mobile devices </li>
<li><strong>Meteor has an amazing community</strong>—Top ten starred repositories on Github, with in-person Meetups in 217 cities worldwide and counting</li>
</ul></p>
<p>In the end, the only way to know if Meteor is for you is by giving it a try.</p>
</div>
</div>
</div>
<!-- DRIP FORM -->
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="drip-form text-center">
<h4>Get started with the <strong>Free</strong> 4-day Meteor Crash Course</h4>
<form class="form-inline" action="https://www.getdrip.com/forms/4373964/submissions" method="post" data-drip-embedded-form="4373964">
<h3 data-drip-attribute="headline" class="hidden">Why meteor</h3>
<div class="form-group" data-drip-attribute="description">
<div class="col-md-4">
<input type="text" class="form-control" name="fields[full_name]" placeholder="Full Name" />
</div>
<div class="col-md-5">
<input type="email" class="form-control" name="fields[email]" placeholder="Email Address" />
</div>
<div class="col-md-3">
<input type="submit" name="submit" value="Get Started" class="submit button" data-drip-attribute="sign-up-button" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END DRIP FORM -->
<footer>
<div class="container-fluid">
<div class="text-center">
<p>© Fourbeansoup, LLC. & Josh Owens, 2015.</p>
</div>
</div>
</footer>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="static/js/main.js"></script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NR4SZ3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NR4SZ3');</script>
<!-- End Google Tag Manager -->
</body>
</html>