jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

images to svg

Browse source
This commit is contained in:
Ilya Kantor 2019-07-28 15:42:37 +03:00
parent a31e881856
commit 3ba28aa104
734 changed files with 11682 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/01-getting-started/1-intro/article.md
View file

@ -75,7 +75,7 @@ Examples of such restrictions include:
This limitation is, again, for the user's safety. A page from `http://anysite.com` which a user has opened must not be able to access another browser tab with the URL `http://gmail.com` and steal information from there.
- JavaScript can easily communicate over the net to the server where the current page came from. But its ability to receive data from other sites/domains is crippled. Though possible, it requires explicit agreement (expressed in HTTP headers) from the remote side. Once again, that's a safety limitation.
![](limitations.png)
![](limitations.svg)
Such limits do not exist if JavaScript is used outside of the browser, for example on a server. Modern browsers also allow plugin/extensions which may ask for extended permissions.

BIN
1-js/01-getting-started/1-intro/limitations.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 34 KiB

92
1-js/01-getting-started/1-intro/limitations.svg Normal file
View file

@ -0,0 +1,92 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="566px" height="449px" viewBox="0 0 566 449" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>limitations.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="limitations.svg">
<path d="M183,142 L193,150" id="Line-3" stroke="#FFFFFF" stroke-width="4.33212996" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#979797" stroke-width="1.44404332" x="148.722022" y="176.722022" width="143.555957" height="85.5559567" rx="2.16606498"></rect>
<path d="M149.36,195 L292.64,195" id="Line" stroke="#979797" stroke-width="0.722021661" stroke-linecap="square"></path>
<text id="https://javascript.i" font-family="OpenSans-Regular, Open Sans" font-size="10.1083032" font-weight="normal" fill="#373535">
<tspan x="173" y="189">https://javascript.info</tspan>
</text>
<text id="&lt;script&gt;" font-family="OpenSans-Regular, Open Sans" font-size="10" font-weight="normal" fill="#373535">
<tspan x="173" y="210">&lt;script&gt;</tspan>
<tspan x="173" y="224">...</tspan>
<tspan x="173" y="238">&lt;/script&gt;</tspan>
</text>
<circle id="Oval-1" stroke="#979797" stroke-width="0.722021661" cx="155" cy="185" r="2"></circle>
<circle id="Oval-2" stroke="#979797" stroke-width="0.722021661" cx="161" cy="185" r="2"></circle>
<circle id="Oval-3" stroke="#979797" stroke-width="0.722021661" cx="167" cy="185" r="2"></circle>
<rect id="Rectangle-2" stroke="#BCA68E" stroke-width="1.44404332" x="415.722022" y="176.722022" width="143.555957" height="85.5559567" rx="2.16606498"></rect>
<path d="M415.36,195 L558.64,195" id="Line-2" stroke="#979797" stroke-width="0.722021661" stroke-linecap="square"></path>
<text id="https://gmail.com" font-family="OpenSans-Regular, Open Sans" font-size="10" font-weight="normal" fill="#373535">
<tspan x="439" y="188">https://gmail.com</tspan>
</text>
<circle id="Oval-4" stroke="#979797" stroke-width="0.722021661" cx="422" cy="185" r="2"></circle>
<circle id="Oval-5" stroke="#979797" stroke-width="0.722021661" cx="427" cy="185" r="2"></circle>
<circle id="Oval-6" stroke="#979797" stroke-width="0.722021661" cx="433" cy="185" r="2"></circle>
<g id="Layer_1" transform="translate(317.000000, 14.000000)" fill="#E8C48F">
<path d="M118,56.8818333 C118,43.5594174 107.087668,32.7612614 93.6255999,32.7612614 C91.5461923,32.7612614 89.5384885,33.0462779 87.6122108,33.5321288 C87.8941644,31.9266562 88.049725,30.2790926 88.049725,28.5942483 C88.049725,12.8016896 75.111459,0 59.15313,0 C43.1948009,0 30.2565349,12.8016896 30.2565349,28.5942483 C30.2565349,30.307955 30.4169568,31.9831784 30.7098482,33.6139056 C28.6851299,33.0751403 26.5680475,32.7612614 24.3731847,32.7612614 C10.9111171,32.7612614 0,43.5594174 0,56.8818333 C0,69.447813 9.7140297,79.757713 22.1163409,80.8869555 C22.2536717,80.9470855 22.4031557,80.981961 22.5623622,80.981961 L24.0207428,80.981961 C24.1398439,80.9831636 24.2540837,81 24.3731847,81 C24.4922858,81 24.6065256,80.9831636 24.7256267,80.981961 L93.2743733,80.981961 C93.3934744,80.9831636 93.5077142,81 93.6268153,81 C93.7459163,81 93.8601561,80.9831636 93.9792572,80.981961 L94.6014996,80.981961 C94.6756339,80.981961 94.7388304,80.9543012 94.8093188,80.9410725 C107.717202,80.3265433 118,69.8073908 118,56.8818333 L118,56.8818333 Z" id="Shape"></path>
</g>
<g id="Group" transform="translate(354.000000, 43.000000)" fill="#FFFFFF">
<path d="M39.3767187,29.8285714 L39.2106875,30.1 L38.901625,30.0214286 C37.8364375,29.7392857 35.59825,29.205 32.5385312,28.7564286 L32.0943437,28.6914286 L32.1813125,28.2528571 C32.289125,27.6892857 32.3883125,27.1235714 32.4767187,26.555 L31.8895,24.615 C31.7443125,25.8128571 31.5545625,27.0057143 31.32025,28.1871429 L31.2433437,28.575 L30.8473125,28.5271429 C27.200375,28.0257143 23.4125625,28.0157143 23.4125625,28.0157143 L23.4125625,25.8921429 L22.9849062,24.3171429 L22.58025,25.8935714 L22.554375,28.0128571 C22.554375,28.0128571 18.90025,27.9921429 14.973,28.4607143 L14.5755312,28.5085714 L14.5000625,28.1185714 C14.2693437,26.9414286 14.0824687,25.75 13.938,24.555 L13.3328125,26.42 C13.4255312,27.0121429 13.5275937,27.6028571 13.641875,28.1914286 L13.7259687,28.6257143 L13.2846562,28.6928571 C11.1758437,29.0128571 9.085,29.4571429 7.07321875,30.0171429 L6.759125,30.1028571 L6.5909375,29.825 C6.24953125,29.2642857 5.9469375,28.6821429 5.6651875,28.0921429 L4.7164375,28.0921429 C7.8415625,35.0321429 14.85225,39.8814286 22.9849062,39.8814286 C31.116125,39.8814286 38.1275312,35.0321429 41.2540937,28.0921429 L40.3031875,28.0921429 C40.022875,28.6857143 39.7195625,29.2671429 39.3767187,29.8285714 L39.3767187,29.8285714 Z M16.5700625,37.9678571 L16.5837187,37.9614286 L15.6665937,37.5821429 C12.4767812,36.265 9.69521875,34.11 7.62521875,31.3471429 L7.2464375,30.8435714 L7.85809375,30.6814286 C9.66215625,30.2042857 11.5654062,29.8171429 13.5132187,29.5285714 L13.9085312,29.4707143 L13.9976562,29.8557143 C14.5510937,32.2785714 15.3029062,34.6921429 16.2308125,37.0314286 L16.597375,37.9557143 L16.7023125,38.0021429 L16.5700625,37.9678571 L16.5700625,37.9678571 Z M22.5550937,39.0292857 L22.1073125,39.0107143 C20.6331562,38.9428571 19.1625937,38.7028571 17.7351562,38.2985714 L17.64675,38.2742857 C16.6160625,35.7842857 15.4725312,32.4235714 14.8673437,29.8235714 L14.7595312,29.3578571 L15.234625,29.3042857 C17.459875,29.045 19.7792812,28.9071429 22.1245625,28.9007143 L22.5550937,28.8978571 L22.5550937,39.0292857 L22.5550937,39.0292857 Z M23.8632187,39.0092857 L23.4125625,39.0278571 L23.4125625,28.9014286 L23.8495625,28.9121429 C26.0748125,28.9614286 28.3374375,29.1228571 30.5777812,29.3892857 L31.0564687,29.445 L30.9472187,29.9078571 C30.337,32.5028571 29.1029062,35.8728571 28.0715,38.3407143 C26.6986875,38.7185714 25.2805937,38.9457143 23.8632187,39.0092857 L23.8632187,39.0092857 Z M38.3302187,31.3707143 C36.225,34.1692857 33.393125,36.34 30.1400625,37.6457143 L29.3027187,37.9835714 L29.3242812,37.9935714 L29.2912187,38.0042857 L29.5794375,37.0964286 C30.5087812,34.76 31.2634687,32.3521429 31.817625,29.9392857 L31.90675,29.5571429 L32.300625,29.6128571 C34.8579375,29.9792857 36.8582187,30.4078571 38.0844062,30.7021429 L38.7161875,30.8535714 L38.3302187,31.3707143 L38.3302187,31.3707143 Z" id="Shape"></path>
<path d="M6.8295625,9.80214286 L6.99703125,9.54142857 L7.29675,9.61785714 C8.4568125,9.91357143 10.3665312,10.3464286 12.8728125,10.735 L13.2904062,10.8 L13.2329062,11.215 C13.06975,12.3757143 12.951875,13.5492857 12.8670625,14.7257143 L13.3975,14.7257143 L13.7209375,14.7257143 C13.8043125,13.59 13.917875,12.4578571 14.0738437,11.3378571 L14.1342187,10.9185714 L14.5554062,10.9735714 C17.0624062,11.3007143 19.61325,11.4914286 22.1331875,11.54 L22.554375,11.5485714 L22.554375,14.7257143 L23.4125625,14.7257143 L23.4125625,11.5557143 L23.8380625,11.5514286 C26.3989687,11.5371429 28.90525,11.3742857 31.2936562,11.0685714 L31.7155625,11.0164286 L31.7759375,11.4342857 C31.9261562,12.5214286 32.0339687,13.6221429 32.11375,14.725 L32.6154375,14.725 L32.9705,14.725 C32.8864062,13.5778571 32.7728437,12.4335714 32.6154375,11.3021429 L32.5579375,10.8885714 L32.9740937,10.8221429 C34.876625,10.5214286 36.7877812,10.11 38.6522187,9.60142857 L38.9576875,9.51785714 L39.1280312,9.78357143 C40.5885312,12.0585714 41.5365625,14.62 41.9239687,17.275 L42.45225,15.4271429 C40.3685937,6.66285714 32.432875,0.117142857 22.9849062,0.117142857 C13.5894062,0.117142857 5.69034375,6.58928571 3.5520625,15.2814286 L4.0551875,17.2064286 C4.44978125,14.58 5.38775,12.0528571 6.8295625,9.80214286 L6.8295625,9.80214286 Z M31.4884375,2.95571429 C34.0234687,4.21071429 36.2954375,6.05 38.050625,8.27642857 L38.4574375,8.78714286 L37.8235,8.95214286 C36.245125,9.35928571 34.569,9.70357143 32.8425625,9.97285714 L32.4264062,10.0378571 L32.3530937,9.62357143 C31.8880625,6.91357143 31.2986875,4.77785714 30.886125,3.46428571 L30.587125,2.51071429 L31.4884375,2.95571429 L31.4884375,2.95571429 Z M23.4125625,0.971428571 L23.8617812,0.992142857 C25.7319687,1.07571429 27.5719687,1.43214286 29.3300312,2.04928571 L29.5219375,2.115 L29.5909375,2.305 C29.9481562,3.27285714 30.851625,5.93714286 31.5078437,9.71714286 L31.5825937,10.1571429 L31.1384062,10.2114286 C28.77875,10.505 26.3242187,10.6592857 23.84525,10.6707143 L23.4132812,10.6714286 L23.4125625,0.971428571 L23.4125625,0.971428571 Z M16.2940625,2.16714286 L16.4838125,2.09857143 C18.2871562,1.45 20.179625,1.07785714 22.105875,0.991428571 L22.5550937,0.970714286 L22.5550937,10.6671429 L22.1166562,10.6564286 C19.6729062,10.605 17.1831562,10.4192857 14.7178437,10.105 L14.274375,10.0485714 L14.3512812,9.60857143 C14.9722812,6.06428571 15.7938125,3.54285714 16.2265,2.35571429 L16.2940625,2.16714286 L16.2940625,2.16714286 Z M7.926375,8.265 C9.64346875,6.09428571 11.8543437,4.28642857 14.320375,3.03857143 L15.2238437,2.58 L14.924125,3.54357143 C14.5280937,4.81428571 13.958125,6.88214286 13.4995625,9.51642857 L13.4269687,9.92857143 L13.01225,9.865 C10.8746875,9.53857143 9.19640625,9.18285714 8.165,8.94214286 L7.5080625,8.79071429 L7.926375,8.265 L7.926375,8.265 Z" id="Shape"></path>
<path d="M6.52625,21.5 C6.87628125,20.4307143 7.18821875,19.4028571 7.4361875,18.2092857 L7.4793125,18.2092857 C7.7265625,19.3814286 8.01621875,20.37 8.36840625,21.4807143 L9.89934375,26.2314286 L11.5553437,26.2314286 L14.7854062,16.2757143 L12.9842187,16.2757143 L11.5553437,21.2735714 C11.2232812,22.4471429 10.9559062,23.4957143 10.7884375,24.5035714 L10.7273437,24.5035714 C10.5009375,23.4957143 10.2098437,22.4457143 9.83896875,21.2542857 L8.28359375,16.2757143 L6.753375,16.2757143 L5.1160625,21.3557143 C4.78615625,22.4264286 4.4548125,23.4942857 4.2276875,24.5021429 L4.16371875,24.5021429 C3.97971875,23.4735714 3.70946875,22.4442857 3.4198125,21.3342857 L2.095875,16.2735714 L0.232875,16.2735714 L3.2545,26.2292857 L4.9105,26.2292857 L6.52625,21.5 L6.52625,21.5 Z" id="Shape"></path>
<path d="M26.2810938,24.5028571 L26.2185625,24.5028571 C25.9921563,23.4964286 25.7003438,22.4457143 25.32875,21.2542857 L23.7748125,16.2757143 L22.24675,16.2757143 L20.6101563,21.3564286 C20.2795313,22.4257143 19.9460313,23.4957143 19.719625,24.5021429 L19.6578125,24.5021429 C19.472375,23.4742857 19.202125,22.445 18.91175,21.3342857 L17.5856563,16.275 L15.723375,16.275 L18.7464375,26.2307143 L20.4024375,26.2307143 L22.0174688,21.4992857 C22.3696563,20.43 22.680875,19.4021429 22.9295625,18.2085714 L22.9698125,18.2085714 C23.2192188,19.3807143 23.508875,20.3692857 23.8603438,21.48 L25.389125,26.2307143 L27.0472813,26.2307143 L30.2780625,16.275 L28.4754375,16.275 L27.0472813,21.2728571 C26.7159375,22.4457143 26.447125,23.4964286 26.2810938,24.5028571 L26.2810938,24.5028571 Z" id="Shape"></path>
<path d="M43.9659375,16.2757143 L42.5377813,21.2735714 C42.205,22.4471429 41.937625,23.4957143 41.77375,24.5035714 L41.7112188,24.5035714 C41.4848125,23.4957143 41.1944375,22.4457143 40.8206875,21.2542857 L39.2681875,16.2757143 L37.7386875,16.2757143 L36.1035313,21.3557143 C35.7721875,22.4264286 35.4394063,23.4942857 35.2137188,24.5021429 L35.1504688,24.5021429 C34.9650313,23.4735714 34.6933438,22.4442857 34.405125,21.3342857 L33.0804688,16.2742857 L31.2181875,16.2742857 L34.2376563,26.23 L35.8958125,26.23 L37.510125,21.4992857 C37.860875,20.4292857 38.1728125,19.4014286 38.4222188,18.2078571 L38.464625,18.2078571 C38.7140313,19.3807143 39.00225,20.3685714 39.3537188,21.4807143 L40.8839375,26.23 L42.5399375,26.23 L45.7714375,16.2742857 L43.9659375,16.2742857 L43.9659375,16.2757143 L43.9659375,16.2757143 Z" id="Shape"></path>
</g>
<g id="Layer_1" transform="translate(11.000000, 14.000000)" fill="#E8C48F">
<path d="M118,56.8818333 C118,43.5594174 107.087668,32.7612614 93.6255999,32.7612614 C91.5461923,32.7612614 89.5384885,33.0462779 87.6122108,33.5321288 C87.8941644,31.9266562 88.049725,30.2790926 88.049725,28.5942483 C88.049725,12.8016896 75.111459,0 59.15313,0 C43.1948009,0 30.2565349,12.8016896 30.2565349,28.5942483 C30.2565349,30.307955 30.4169568,31.9831784 30.7098482,33.6139056 C28.6851299,33.0751403 26.5680475,32.7612614 24.3731847,32.7612614 C10.9111171,32.7612614 0,43.5594174 0,56.8818333 C0,69.447813 9.7140297,79.757713 22.1163409,80.8869555 C22.2536717,80.9470855 22.4031557,80.981961 22.5623622,80.981961 L24.0207428,80.981961 C24.1398439,80.9831636 24.2540837,81 24.3731847,81 C24.4922858,81 24.6065256,80.9831636 24.7256267,80.981961 L93.2743733,80.981961 C93.3934744,80.9831636 93.5077142,81 93.6268153,81 C93.7459163,81 93.8601561,80.9831636 93.9792572,80.981961 L94.6014996,80.981961 C94.6756339,80.981961 94.7388304,80.9543012 94.8093188,80.9410725 C107.717202,80.3265433 118,69.8073908 118,56.8818333 L118,56.8818333 Z" id="Shape"></path>
</g>
<g id="letter2" transform="translate(458.000000, 213.000000)" fill="#E8C48F">
<path d="M0,0 L0,29 L59,29 L59,0 L0,0 L0,0 Z M43.1240353,1.01976386 L29.4945142,10.2609086 L14.2795909,1.01976386 L43.1240353,1.01976386 L43.1240353,1.01976386 Z M7.98735472,5.63847536 L24.4228731,15.2964579 L7.98735472,23.8360498 L7.98735472,5.63847536 L7.98735472,5.63847536 Z M51.0099024,28.0435062 L7.98735472,28.0435062 L7.98735472,25.4196612 L25.5502092,16.2529517 L29.4945142,18.9289014 L33.62808,16.2529517 L51.0099024,25.4196612 L51.0099024,28.0435062 L51.0099024,28.0435062 Z M51.0099024,23.8360498 L35.0406788,15.0433778 L51.0099024,4.33399641 L51.0099024,23.8360498 L51.0099024,23.8360498 Z" id="Shape"></path>
</g>
<path d="M122.854043,129.30192 L136.633029,115.826339 C138.246288,114.551596 141.818195,111.398948 140.204936,110.124394 C138.591676,108.848897 137.540503,109.651986 135.929629,110.927484 L117.43143,129.30192 C115.818171,130.576663 115.818171,132.14665 117.43143,133.421205 C117.43143,133.421205 138.913731,153.488866 140.204935,153.488866 C143.209997,153.488866 142.882164,151.667811 141.268905,150.393257 L122.854043,132.567034 L157.842523,132.567034 L181.224064,132.567034 L200.028364,132.567034 C202.308965,132.567034 203.778514,132.845699 203.778514,131.042579 C203.778514,129.239459 202.308964,129.30192 200.028364,129.30192 L122.854043,129.30192 Z" id="Shape-2" fill="#999647" transform="translate(160.000000, 131.484428) rotate(-315.000000) translate(-160.000000, -131.484428) "></path>
<path d="M488.5,252.5 L490,254" id="Line-4" stroke="#979797" stroke-width="0.722021661" stroke-linecap="square"></path>
<text id="https://javascript.i" font-family="OpenSans-Regular, Open Sans" font-size="10" font-weight="normal" fill="#FFFFFF">
<tspan x="19" y="73.9688567">https://javascript.info</tspan>
</text>
<g id="computer146" transform="translate(181.000000, 379.000000)" fill="#E8C48F">
<g id="Group">
<path d="M51.4122641,1 L2.41098553,1 C0.911369099,1 0,2.43823632 0,4.34538668 L0,45.7357984 C0,47.6429488 0.911369099,49.2876473 2.41098553,49.2876473 L23.6707411,49.2876473 L23.6707411,54.2182433 L23.6707411,54.4352035 L16.161612,54.4352035 C13.7727203,54.4352035 11.8339897,56.8917532 11.8339897,59.9151989 L11.8339897,61 L41.0557971,61 L41.0557971,59.9151989 C41.0557971,56.8882538 39.1170664,54.4352035 36.7281747,54.4352035 L29.2190457,54.4352035 L29.2190457,54.2182433 L29.2190457,49.2876473 L51.4122641,49.2876473 C52.9146423,49.2876473 54,47.6499475 54,45.7357984 L54,4.34188732 C53.9972383,2.43823632 52.9146423,1 51.4122641,1 L51.4122641,1 Z M47.9945122,38.5221471 C47.9945122,40.9941479 46.4441963,43 44.5152192,43 L8.47929296,43 C6.55854764,43 5,41.0012108 5,38.5221471 L5,12.4743215 C5,10.0023207 6.55580371,8 8.47929296,8 L44.5179631,8 C46.4387084,8 48,10.0023207 48,12.4743215 L48,38.5221471 L47.9945122,38.5221471 L47.9945122,38.5221471 Z" id="Shape"></path>
<path d="M63.5862135,3.11194047e-15 C60.5043562,3.11194047e-15 58,3.15336014 58,7.04600804 L58,61 L87,61 L87,5.49035037 C87,2.45611717 85.0509335,0 82.6520823,0 L63.5862135,0 L63.5862135,3.11194047e-15 Z M72.501456,54 C71.1153174,54 70,52.6543062 70,51 C70,49.3456938 71.1240536,48 72.501456,48 C73.8788585,48 75,49.3456938 75,51 C75,52.6543062 73.8759464,54 72.501456,54 L72.501456,54 Z M80,21.752 L64,21.752 L64,18 L80,18 L80,21.752 L80,21.752 Z M80,14.752 L64,14.752 L64,11 L80,11 L80,14.752 L80,14.752 Z" id="Shape"></path>
</g>
</g>
<path d="M242.854043,129.30192 L256.633029,115.826339 C258.246288,114.551596 261.818195,111.398948 260.204936,110.124394 C258.591676,108.848897 257.540503,109.651986 255.929629,110.927484 L237.43143,129.30192 C235.818171,130.576663 235.818171,132.14665 237.43143,133.421205 C237.43143,133.421205 258.913731,153.488866 260.204935,153.488866 C263.209997,153.488866 262.882164,151.667811 261.268905,150.393257 L242.854043,132.567034 L277.842523,132.567034 L301.224064,132.567034 L320.028364,132.567034 C322.308965,132.567034 323.778514,132.845699 323.778514,131.042579 C323.778514,129.239459 322.308964,129.30192 320.028364,129.30192 L242.854043,129.30192 Z" id="Shape-3" fill="#CB1E31" transform="translate(280.000000, 131.484428) scale(-1, 1) rotate(-315.000000) translate(-280.000000, -131.484428) "></path>
<g id="Shape-3-+-Oval-8-+-noun_25798_cc" transform="translate(223.144001, 318.146447) rotate(-225.000000) translate(-223.144001, -318.146447) translate(175.644001, 270.646447)" fill="#CB1E31">
<path d="M10.3696145,45.3019195 L24.1486006,31.8263394 C25.7618597,30.5515965 29.3337664,27.3989481 27.7205072,26.1243938 C26.107248,24.8488967 25.0560749,25.6519864 23.4452008,26.9274835 L4.94700183,45.3019201 C3.33374267,46.576663 3.33374272,48.1466503 4.94700187,49.4212046 C4.94700187,49.4212046 26.429303,69.4888665 27.7205068,69.4888665 C30.7255686,69.4888665 30.3977357,67.667811 28.7844765,66.3932567 L10.369615,48.5670341 L45.3580951,48.5670341 L68.7396358,48.5670341 L87.5439361,48.5670341 C89.8245369,48.5670341 91.2940859,48.8456989 91.2940859,47.0425789 C91.2940859,45.2394589 89.8245362,45.3019195 87.5439353,45.3019195 L10.3696145,45.3019195 Z" id="Shape-3" transform="translate(47.515572, 47.484428) scale(-1, 1) rotate(-315.000000) translate(-47.515572, -47.484428) "></path>
</g>
<g id="Shape-3-+-Oval-8-+-noun_25798_cc-2" transform="translate(352.468037, 219.146447) rotate(-315.000000) translate(-352.468037, -219.146447) translate(304.968037, 171.646447)" fill="#CB1E31">
<path d="M10.3696145,45.3019195 L24.1486006,31.8263394 C25.7618597,30.5515965 29.3337664,27.3989481 27.7205072,26.1243938 C26.107248,24.8488967 25.0560749,25.6519864 23.4452008,26.9274835 L4.94700183,45.3019201 C3.33374267,46.576663 3.33374272,48.1466503 4.94700187,49.4212046 C4.94700187,49.4212046 26.429303,69.4888665 27.7205068,69.4888665 C30.7255686,69.4888665 30.3977357,67.667811 28.7844765,66.3932567 L10.369615,48.5670341 L45.3580951,48.5670341 L68.7396358,48.5670341 L87.5439361,48.5670341 C89.8245369,48.5670341 91.2940859,48.8456989 91.2940859,47.0425789 C91.2940859,45.2394589 89.8245362,45.3019195 87.5439353,45.3019195 L10.3696145,45.3019195 Z" id="Shape-3" transform="translate(47.515572, 47.484428) scale(-1, 1) rotate(-315.000000) translate(-47.515572, -47.484428) "></path>
</g>
<g id="Oval-9-+-Shape" transform="translate(143.000000, 114.000000)">
<circle id="Oval-9" fill="#FFFFFF" cx="20" cy="20" r="20"></circle>
<path d="M19.7126904,6.27920345 C27.1393918,6.27920345 33.1807108,12.4134658 33.1807108,19.9544241 C33.1807108,27.4953824 27.1393918,33.6296448 19.7126904,33.6296448 C12.2859891,33.6296448 6.24467006,27.4953824 6.24467006,19.9544241 C6.24467006,12.4134658 12.2859891,6.27920345 19.7126904,6.27920345 L19.7126904,6.27920345 Z M19.7126904,4 C11.0343049,4 4,11.142525 4,19.9544241 C4,28.7663232 11.0343049,35.9088482 19.7126904,35.9088482 C28.3910759,35.9088482 35.4253808,28.7663232 35.4253808,19.9544241 C35.4253808,11.142525 28.3910759,4 19.7126904,4 L19.7126904,4 Z M15.2233503,11.9772121 C13.9826089,11.9772121 12.9786802,13.5085519 12.9786802,15.3960172 C12.9786802,17.2856906 13.9826791,18.8148224 15.2233503,18.8148224 C16.4640215,18.8148224 17.4680204,17.2856906 17.4680204,15.3960172 C17.4680204,13.5085519 16.4640917,11.9772121 15.2233503,11.9772121 L15.2233503,11.9772121 Z M24.2020305,11.9772121 C22.9612892,11.9772121 21.9573605,13.5085519 21.9573605,15.3960172 C21.9573605,17.2856906 22.9613593,18.8148224 24.2020305,18.8148224 C25.4427018,18.8148224 26.4467006,17.2856906 26.4467006,15.3960172 C26.4467006,13.5085519 25.4427719,11.9772121 24.2020305,11.9772121 L24.2020305,11.9772121 Z M29.7698645,22.5519326 C29.9430548,21.9487271 29.6010934,21.3166043 29.0048529,21.1385415 C28.4107869,20.9582708 27.7882417,21.3121884 27.6128768,21.9131146 C26.5957607,25.4565637 23.347162,27.9316362 19.7126904,27.9316362 C16.0782189,27.9316362 12.8296201,25.4565637 11.8113817,21.9131146 C11.6381913,21.3121171 11.0222398,20.9582708 10.4194056,21.1385415 C9.82428749,21.3166043 9.48337823,21.9487271 9.65656855,22.5519326 C10.9520939,27.0613366 15.0874776,30.2108396 19.7126904,30.2108396 C24.3379032,30.2108396 28.4721646,27.0613366 29.7698645,22.5519326 L29.7698645,22.5519326 Z" id="Shape" fill="#999647"></path>
</g>
<g id="Oval-9-+-Shape-2" transform="translate(143.000000, 114.000000)">
<circle id="Oval-9" fill="#FFFFFF" cx="20" cy="20" r="20"></circle>
<path d="M19.7126904,6.27920345 C27.1393918,6.27920345 33.1807108,12.4134658 33.1807108,19.9544241 C33.1807108,27.4953824 27.1393918,33.6296448 19.7126904,33.6296448 C12.2859891,33.6296448 6.24467006,27.4953824 6.24467006,19.9544241 C6.24467006,12.4134658 12.2859891,6.27920345 19.7126904,6.27920345 L19.7126904,6.27920345 Z M19.7126904,4 C11.0343049,4 4,11.142525 4,19.9544241 C4,28.7663232 11.0343049,35.9088482 19.7126904,35.9088482 C28.3910759,35.9088482 35.4253808,28.7663232 35.4253808,19.9544241 C35.4253808,11.142525 28.3910759,4 19.7126904,4 L19.7126904,4 Z M15.2233503,11.9772121 C13.9826089,11.9772121 12.9786802,13.5085519 12.9786802,15.3960172 C12.9786802,17.2856906 13.9826791,18.8148224 15.2233503,18.8148224 C16.4640215,18.8148224 17.4680204,17.2856906 17.4680204,15.3960172 C17.4680204,13.5085519 16.4640917,11.9772121 15.2233503,11.9772121 L15.2233503,11.9772121 Z M24.2020305,11.9772121 C22.9612892,11.9772121 21.9573605,13.5085519 21.9573605,15.3960172 C21.9573605,17.2856906 22.9613593,18.8148224 24.2020305,18.8148224 C25.4427018,18.8148224 26.4467006,17.2856906 26.4467006,15.3960172 C26.4467006,13.5085519 25.4427719,11.9772121 24.2020305,11.9772121 L24.2020305,11.9772121 Z M29.7698645,22.5519326 C29.9430548,21.9487271 29.6010934,21.3166043 29.0048529,21.1385415 C28.4107869,20.9582708 27.7882417,21.3121884 27.6128768,21.9131146 C26.5957607,25.4565637 23.347162,27.9316362 19.7126904,27.9316362 C16.0782189,27.9316362 12.8296201,25.4565637 11.8113817,21.9131146 C11.6381913,21.3121171 11.0222398,20.9582708 10.4194056,21.1385415 C9.82428749,21.3166043 9.48337823,21.9487271 9.65656855,22.5519326 C10.9520939,27.0613366 15.0874776,30.2108396 19.7126904,30.2108396 C24.3379032,30.2108396 28.4721646,27.0613366 29.7698645,22.5519326 L29.7698645,22.5519326 Z" id="Shape" fill="#999647"></path>
</g>
<g id="Oval-9-+-Shape-2" transform="translate(257.000000, 114.000000)">
<circle id="Oval-9" fill="#FFFFFF" cx="20" cy="20" r="20"></circle>
<g id="Oval-12-+-Shape-3" transform="translate(4.000000, 4.000000)" fill="#CB1E31">
<path d="M16.0000272,2.53200679 C23.4267285,2.53200679 29.4680475,8.57332582 29.4680475,16.0000272 C29.4680475,23.4267285 23.4267285,29.4680475 16.0000272,29.4680475 C8.57332582,29.4680475 2.53200679,23.4267285 2.53200679,16.0000272 C2.53200679,8.57332582 8.57332582,2.53200679 16.0000272,2.53200679 L16.0000272,2.53200679 Z M16.0000272,0.287336727 C7.32164168,0.287336727 0.287336727,7.32164168 0.287336727,16.0000272 C0.287336727,24.6784126 7.32164168,31.7127176 16.0000272,31.7127176 C24.6784126,31.7127176 31.7127176,24.6784126 31.7127176,16.0000272 C31.7127176,7.32164168 24.6784126,0.287336727 16.0000272,0.287336727 L16.0000272,0.287336727 Z M11.510687,8.14368194 C10.2699457,8.14368194 9.26601697,9.65181964 9.26601697,11.510687 C9.26601697,13.3717289 10.2700158,14.8776921 11.510687,14.8776921 C12.7513583,14.8776921 13.7553571,13.3717289 13.7553571,11.510687 C13.7553571,9.65181964 12.7514284,8.14368194 11.510687,8.14368194 L11.510687,8.14368194 Z M20.4893673,8.14368194 C19.2486259,8.14368194 18.2446972,9.65181964 18.2446972,11.510687 C18.2446972,13.3717289 19.248696,14.8776921 20.4893673,14.8776921 C21.7300385,14.8776921 22.7340373,13.3717289 22.7340373,11.510687 C22.7340373,9.65181964 21.7301086,8.14368194 20.4893673,8.14368194 L20.4893673,8.14368194 Z M25.6516875,23.6328173 C26.1471283,23.2601319 26.247928,22.556498 25.8774873,22.0611273 C23.5560776,18.9681123 19.8646475,17.1223622 16.0000272,17.1223622 C12.1354068,17.1223622 8.44292452,18.9681123 6.12368932,22.0610572 C5.75100395,22.556498 5.85187381,23.2601319 6.34731458,23.6327471 C6.84380754,24.0031878 7.54638927,23.9023881 7.9190045,23.4069473 C9.81729391,20.8773445 12.8379885,19.3670322 16.0000272,19.3670322 C19.1610136,19.3670322 22.1838126,20.8773445 24.0799976,23.4070175 C24.3013782,23.7007185 24.6389205,23.8563724 24.9787074,23.8563724 C25.2132754,23.8563724 25.450018,23.7840519 25.6516875,23.6328173 L25.6516875,23.6328173 Z" id="Shape"></path>
</g>
</g>
<g id="Oval-9-+-Shape-3" transform="translate(327.000000, 198.000000)">
<circle id="Oval-9" fill="#FFFFFF" cx="20" cy="20" r="20"></circle>
<g id="Oval-12-+-Shape-3" transform="translate(4.000000, 4.000000)" fill="#CB1E31">
<path d="M16.0000272,2.53200679 C23.4267285,2.53200679 29.4680475,8.57332582 29.4680475,16.0000272 C29.4680475,23.4267285 23.4267285,29.4680475 16.0000272,29.4680475 C8.57332582,29.4680475 2.53200679,23.4267285 2.53200679,16.0000272 C2.53200679,8.57332582 8.57332582,2.53200679 16.0000272,2.53200679 L16.0000272,2.53200679 Z M16.0000272,0.287336727 C7.32164168,0.287336727 0.287336727,7.32164168 0.287336727,16.0000272 C0.287336727,24.6784126 7.32164168,31.7127176 16.0000272,31.7127176 C24.6784126,31.7127176 31.7127176,24.6784126 31.7127176,16.0000272 C31.7127176,7.32164168 24.6784126,0.287336727 16.0000272,0.287336727 L16.0000272,0.287336727 Z M11.510687,8.14368194 C10.2699457,8.14368194 9.26601697,9.65181964 9.26601697,11.510687 C9.26601697,13.3717289 10.2700158,14.8776921 11.510687,14.8776921 C12.7513583,14.8776921 13.7553571,13.3717289 13.7553571,11.510687 C13.7553571,9.65181964 12.7514284,8.14368194 11.510687,8.14368194 L11.510687,8.14368194 Z M20.4893673,8.14368194 C19.2486259,8.14368194 18.2446972,9.65181964 18.2446972,11.510687 C18.2446972,13.3717289 19.248696,14.8776921 20.4893673,14.8776921 C21.7300385,14.8776921 22.7340373,13.3717289 22.7340373,11.510687 C22.7340373,9.65181964 21.7301086,8.14368194 20.4893673,8.14368194 L20.4893673,8.14368194 Z M25.6516875,23.6328173 C26.1471283,23.2601319 26.247928,22.556498 25.8774873,22.0611273 C23.5560776,18.9681123 19.8646475,17.1223622 16.0000272,17.1223622 C12.1354068,17.1223622 8.44292452,18.9681123 6.12368932,22.0610572 C5.75100395,22.556498 5.85187381,23.2601319 6.34731458,23.6327471 C6.84380754,24.0031878 7.54638927,23.9023881 7.9190045,23.4069473 C9.81729391,20.8773445 12.8379885,19.3670322 16.0000272,19.3670322 C19.1610136,19.3670322 22.1838126,20.8773445 24.0799976,23.4070175 C24.3013782,23.7007185 24.6389205,23.8563724 24.9787074,23.8563724 C25.2132754,23.8563724 25.450018,23.7840519 25.6516875,23.6328173 L25.6516875,23.6328173 Z" id="Shape"></path>
</g>
</g>
<g id="Oval-9-+-Shape-3" transform="translate(203.000000, 293.000000)">
<circle id="Oval-9" fill="#FFFFFF" cx="20" cy="20" r="20"></circle>
<g id="Oval-12-+-Shape-3" transform="translate(4.000000, 4.000000)" fill="#CB1E31">
<path d="M16.0000272,2.53200679 C23.4267285,2.53200679 29.4680475,8.57332582 29.4680475,16.0000272 C29.4680475,23.4267285 23.4267285,29.4680475 16.0000272,29.4680475 C8.57332582,29.4680475 2.53200679,23.4267285 2.53200679,16.0000272 C2.53200679,8.57332582 8.57332582,2.53200679 16.0000272,2.53200679 L16.0000272,2.53200679 Z M16.0000272,0.287336727 C7.32164168,0.287336727 0.287336727,7.32164168 0.287336727,16.0000272 C0.287336727,24.6784126 7.32164168,31.7127176 16.0000272,31.7127176 C24.6784126,31.7127176 31.7127176,24.6784126 31.7127176,16.0000272 C31.7127176,7.32164168 24.6784126,0.287336727 16.0000272,0.287336727 L16.0000272,0.287336727 Z M11.510687,8.14368194 C10.2699457,8.14368194 9.26601697,9.65181964 9.26601697,11.510687 C9.26601697,13.3717289 10.2700158,14.8776921 11.510687,14.8776921 C12.7513583,14.8776921 13.7553571,13.3717289 13.7553571,11.510687 C13.7553571,9.65181964 12.7514284,8.14368194 11.510687,8.14368194 L11.510687,8.14368194 Z M20.4893673,8.14368194 C19.2486259,8.14368194 18.2446972,9.65181964 18.2446972,11.510687 C18.2446972,13.3717289 19.248696,14.8776921 20.4893673,14.8776921 C21.7300385,14.8776921 22.7340373,13.3717289 22.7340373,11.510687 C22.7340373,9.65181964 21.7301086,8.14368194 20.4893673,8.14368194 L20.4893673,8.14368194 Z M25.6516875,23.6328173 C26.1471283,23.2601319 26.247928,22.556498 25.8774873,22.0611273 C23.5560776,18.9681123 19.8646475,17.1223622 16.0000272,17.1223622 C12.1354068,17.1223622 8.44292452,18.9681123 6.12368932,22.0610572 C5.75100395,22.556498 5.85187381,23.2601319 6.34731458,23.6327471 C6.84380754,24.0031878 7.54638927,23.9023881 7.9190045,23.4069473 C9.81729391,20.8773445 12.8379885,19.3670322 16.0000272,19.3670322 C19.1610136,19.3670322 22.1838126,20.8773445 24.0799976,23.4070175 C24.3013782,23.7007185 24.6389205,23.8563724 24.9787074,23.8563724 C25.2132754,23.8563724 25.450018,23.7840519 25.6516875,23.6328173 L25.6516875,23.6328173 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
1-js/01-getting-started/1-intro/limitations@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 83 KiB