-
Notifications
You must be signed in to change notification settings - Fork 62
/
Copy pathindex.html
244 lines (226 loc) · 9.56 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
---
layout: homepage
title: "Dart for the web"
description: "Dart is a modern language well suited to writing fast, scalable, web apps."
---
<section class="slogan">
<div class="container">
<div class="content">
<h2>Build web apps in a modern language, using<br>stable libraries and solid tools.</h2>
<a href="/guides/get-started" class="btn btn-default btn-lg">Get Started</a>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-sm-5 col-lg-4">
<div class="content">
<h2>Used in production</h2>
<p>Google builds many critical web apps in <a href="{{site.dartlang}}" class="no-automatic-external">Dart</a>. The next generation of Google AdWords is built in it. Google Fiber’s latest web app is built in it. So is Google’s internal CRM.</p>
<p>Outside Google, amazing companies like Wrike, Blossom, Workiva, and DGLogik have been building their products in Dart.</p>
</div>
</div>
<div class="col-sm-7 col-lg-8">
<div class="content">
<p class="text-center">{% img 'screenshot01.png' %}</p>
</div>
</div>
</div>
</div>
</section>
<section class="no-padding">
<div class="container">
<div class="row headline">
<div class="col-sm-7 col-lg-6">
</div>
<div class="col-sm-5 col-lg-6">
<div class="content">
<h2>Easy to learn & use</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-7 col-lg-6">
<div class="content">
<a href="https://dartpad.dartlang.org/8b00c8710ae8c468253055248588b071" class='codesample__open-in-dartpad no-automatic-external' target='_blank'>Open in DartPad</a>
{% prettify dart %}
import 'dart:html';
main() async {
var countdown = querySelector("#countdown");
for (int i = 100; i >= 0; i--) {
countdown.text = "Time: $i";
await window.animationFrame;
}
}
{% endprettify %}
</div>
</div>
<div class="col-sm-5 col-lg-6">
<div class="content">
<p>
With a consistent language, well-crafted standard libraries, and cleaner DOM, Dart is a good choice even for programmers with limited or no JavaScript experience. Things work the way C, C#, ActionScript, and Java developers expect.
</p>
<p>
Standard libraries provide classes that would otherwise need to be in external libraries or built from scratch.
For example, <code>dart:html</code> is a sane, Dart-y wrapper around the DOM and window APIs, so you don’t need to worry about browser support.
</p>
<p>
When you do need an external library, managing dependencies is easy, thanks to Dart’s pub package manager.
</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row headline">
<div class="col-sm-7 col-lg-6">
<div class="content">
<h2>Stable & maintained</h2>
</div>
</div>
<div class="col-sm-5 col-lg-6">
</div>
</div>
<div class="row">
<div class="col-sm-7 col-lg-6">
<div class="content">
<p>
Google and other companies have been using Dart for years. The SDK alone has hundreds of commits each month, and a new release every 6 weeks. Through all the activity, the API stays stable.
</p>
</div>
</div>
<div class="huge-number col-sm-5 col-lg-6">
<div class="content">
<p class="huge-number__number">516</p>
<p>(average monthly commits to<br><a href="https://github.com/dart-lang">dart-lang GitHub repositories</a>)</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row headline">
<div class="col-sm-7 col-lg-6">
</div>
<div class="col-sm-5 col-lg-6">
<div class="content">
<h2>Great with Angular</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-7 col-lg-6">
<div class="content">
<p class="text-center">
{% img 'angular-dart-love.svg' width:'50%' %}
</p>
</div>
</div>
<div class="col-sm-5 col-lg-6">
<div class="content">
<p>
You can do Dart web development with whatever web framework (or lack of one) you choose. We recommend Angular 2 for Dart.
</p>
<p>
Google uses this framework+language combo in production, and invests heavily in its development.
</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row headline">
<div class="col-sm-5 col-lg-4">
<div class="content">
<h2>“Batteries included”</h2>
</div>
</div>
<div class="col-sm-7 col-lg-8">
</div>
</div>
<div class="row">
<div class="col-sm-5 col-lg-4">
<div class="content">
<p>
Code completion, refactoring, step-by-step debugging, powerful static analysis, profiling, code coverage, a standard unit test library—all these are supported by the preferred IDE, IntelliJ WebStorm.
</p>
<p>
Another IDE with great Dart support is the open-source Atom editor. Plugins also exist for Sublime Text 3, Emacs, and Vim.
</p>
<p>
The Dart language and tools help you find bugs early on, before they become big problems. An automatic code formatter helps you focus on how your code works, rather than how it looks.
</p>
</div>
</div>
<div class="col-sm-7 col-lg-8">
<div class="content">
<p class="text-center">{% img 'screenshot02.png' %}</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row headline">
<div class="col-sm-7 col-lg-6">
<div class="content">
<h2>Loved by developers</h2>
</div>
</div>
<div class="col-sm-5 col-lg-6">
</div>
</div>
<div class="row quotes">
<div class="col-sm-6 col-lg-4">
<div class="content">
<p class="lead">“Dart is simply the most coherent piece of software I’ve seen in the last decade! A hidden gem.”</p>
<p>@BlueAquilae <a href="https://twitter.com/BlueAquilae/status/734171556989915137">on Twitter</a></p>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="content">
<p class="lead">“I have been working with Dart a lot lately and I have really enjoyed it.”</p>
<p>/u/Stuntman782 <a href="https://www.reddit.com/r/programming/comments/4cqg5s/the_new_google_adwords_uses_dart_we_asked_why/d1kjguv">on Reddit</a></p>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="content">
<p class="lead">“What Dart gave to us is confidence and transparency. It’s like a toolbox, where everything is in its own place. Our front-end development team now consists of 35 full-time Dart developers.”</p>
<p>Anton Anokhin, <a href="https://www.wrike.com/">Wrike</a></p>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="content">
<p class="lead">“Dart offers a sane and consistent development experience for modern web applications. It really is exactly what we were looking for.”</p>
<p>Thomas Schranz, <a href="https://www.blossom.co/">Blossom</a></p>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="content">
<p class="lead">“Dart strikes a great balance between simplicity and functionality. It has an excellent asynchronous model and can run on the client and server. Dart makes development a pleasure.”</p>
<p>Timothy Clare, <a href="https://quire.io/">Quire</a></p>
</div>
</div>
</div>
</div>
</section>
<section class="get-started-section">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="content">
<p class="text-center">
<a href="/guides/get-started" class="btn btn-primary btn-lg">Get Started</a>
</p>
</div>
</div>
</div>
</div>
</section>