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

minor

Browse source
This commit is contained in:
Ilya Kantor 2019-08-04 01:00:08 +03:00
parent 50094f72ee
commit e50185af4b
16 changed files with 88 additions and 324 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/08-prototypes/02-function-prototype/function-prototype-constructor.svg
View file

@ -13,7 +13,7 @@
<path id="Line-Copy" d="M218,33.5 L101,33.5 L101,31.5 L218,31.5 L218,25.5 L232,32.5 L218,39.5 L218,33.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M218,33.5 L101,33.5 L101,31.5 L218,31.5 L218,25.5 L232,32.5 L218,39.5 L218,33.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-2" d="M133,42.5 L249,42.5 L249,44.5 L133,44.5 L133,50.5 L119,43.5 L133,36.5 L133,42.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M133,42.5 L249,42.5 L249,44.5 L133,44.5 L133,50.5 L119,43.5 L133,36.5 L133,42.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="20" y="36">prototype</tspan> <tspan x="20" y="35">prototype</tspan>
</text> </text>
<text id="constructor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="259" y="47">constructor</tspan> <tspan x="259" y="47">constructor</tspan>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After

39
1-js/08-prototypes/02-function-prototype/native-prototypes-array-tostring.svg
View file

@ -1,39 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="209px" height="316px" viewBox="0 0 209 316" 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>native-prototypes-array-tostring.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="native-prototypes-array-tostring.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="17" y="156" width="168" height="58"></rect>
<text id="toString:-function" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold">
<tspan x="27" y="179" fill="#EC6B4E">toString: function</tspan>
<tspan x="178.2" y="179" font-family="PTMono-Regular, PT Mono" font-weight="normal" fill="#8A704D"></tspan>
<tspan x="27" y="194" font-family="PTMono-Regular, PT Mono" font-weight="normal" fill="#8A704D">...</tspan>
</text>
<text id="Array.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="16" y="148">Array.prototype</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="17" y="23" width="168" height="58"></rect>
<text id="toString:-function" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="27" y="46">toString: function</tspan>
<tspan x="27" y="61">...</tspan>
</text>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="16" y="15">Object.prototype</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="17" y="273" width="168" height="28"></rect>
<path id="Line" d="M77.5,236.5 L77.5,264.5 L75.5,264.5 L75.5,236.5 L69.5,236.5 L76.5,222.5 L83.5,236.5 L77.5,236.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="86" y="244">[[Prototype]]</tspan>
</text>
<path id="Line-2" d="M77.5,104.5 L77.5,132.5 L75.5,132.5 L75.5,104.5 L69.5,104.5 L76.5,90.5 L83.5,104.5 L77.5,104.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="86" y="112">[[Prototype]]</tspan>
</text>
<text id="[1,-2,-3]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="41" y="291">[1, 2, 3]</tspan>
</text>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3 KiB

87
1-js/08-prototypes/02-function-prototype/native-prototypes-classes.svg
View file

@ -1,87 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="692px" height="411px" viewBox="0 0 692 411" 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>native-prototypes-classes.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="native-prototypes-classes.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="240" y="93" width="198" height="58"></rect>
<text id="toString:-function" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="250" y="116">toString: function</tspan>
<tspan x="250" y="131">other object methods</tspan>
</text>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="239" y="85">Object.prototype</tspan>
</text>
<path id="Line-2" d="M300.5,41.5 L300.5,69.5 L298.5,69.5 L298.5,41.5 L292.5,41.5 L299.5,27.5 L306.5,41.5 L300.5,41.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M300.5,174.5 L300.5,202.5 L298.5,202.5 L298.5,174.5 L292.5,174.5 L299.5,160.5 L306.5,174.5 L300.5,174.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="null" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="285" y="16">null</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="14" y="224" width="198" height="58"></rect>
<text id="slice:-function" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="247">slice: function</tspan>
<tspan x="24" y="262">other array methods</tspan>
</text>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="66" y="174">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]-Copy-6" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="518" y="175">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="310" y="187">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]-Copy-2" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="310" y="54">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="310" y="317">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]-Copy-4" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="582" y="317">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]-Copy-5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="117" y="317">[[Prototype]]</tspan>
</text>
<text id="Array.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="13" y="216">Array.prototype</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="243" y="224" width="198" height="58"></rect>
<text id="call:-function-other" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="253" y="247">call: function</tspan>
<tspan x="253" y="262">other function methods</tspan>
</text>
<text id="Function.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="242" y="216">Function.prototype</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="474" y="224" width="198" height="58"></rect>
<text id="toFixed:-function" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="484" y="247">toFixed: function</tspan>
<tspan x="484" y="262">other number methods</tspan>
</text>
<text id="Number.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="473" y="216">Number.prototype</tspan>
</text>
<path id="Line" d="M208.207627,164.274774 L142.011099,194.827018 L141.172982,193.011099 L207.36951,162.458855 L204.855161,157.011099 L220.5,157.5 L210.721976,169.72253 L208.207627,164.274774 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line" d="M475.605882,162.523529 L540.829412,193.017647 L539.982353,194.829412 L474.758824,164.335294 L472.217647,169.770588 L462.5,157.5 L478.147059,157.088235 L475.605882,162.523529 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<rect id="Rectangle-5" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="48" y="339" width="117" height="23"></rect>
<text id="[1,-2,-3]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="71" y="354">[1, 2, 3]</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="243" y="339" width="198" height="65"></rect>
<text id="function-f(args)-{" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="264" y="358">function f(args) {</tspan>
<tspan x="264" y="373"> ...</tspan>
<tspan x="264" y="388">}</tspan>
</text>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="541" y="339" width="69" height="23"></rect>
<text id="5" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="573" y="355">5</tspan>
</text>
<path id="Line-4" d="M300.5,304.5 L300.5,332.5 L298.5,332.5 L298.5,304.5 L292.5,304.5 L299.5,290.5 L306.5,304.5 L300.5,304.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-5" d="M577.5,304.5 L577.5,332.5 L575.5,332.5 L575.5,304.5 L569.5,304.5 L576.5,290.5 L583.5,304.5 L577.5,304.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-6" d="M107.5,304.5 L107.5,332.5 L105.5,332.5 L105.5,304.5 L99.5,304.5 L106.5,290.5 L113.5,304.5 L107.5,304.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 7 KiB

35
1-js/08-prototypes/02-function-prototype/object-prototype-1.svg
View file

@ -1,35 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="453px" height="199px" viewBox="0 0 453 199" 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>object-prototype-1.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-prototype-1.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="233" y="23" width="208" height="58"></rect>
<text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="243" y="40">constructor: Object</tspan>
<tspan x="243" y="55">toString: function</tspan>
<tspan x="243" y="70">...</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="233" y="164" width="178" height="28"></rect>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="232" y="15">Object.prototype</tspan>
</text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="10" y="23" width="108" height="28"></rect>
<text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="9" y="15">Object</tspan>
</text>
<text id="obj-=-new-Object()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="238" y="154">obj = new Object()</tspan>
</text>
<path id="Line" d="M322.5,108.5 L322.5,136.5 L320.5,136.5 L320.5,108.5 L314.5,108.5 L321.5,94.5 L328.5,108.5 L322.5,108.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M204,35 L127,35 L127,33 L204,33 L204,27 L218,34 L204,41 L204,35 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="331" y="118">[[Prototype]]</tspan>
</text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="134" y="22">prototype</tspan>
</text>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.5 KiB

27
1-js/08-prototypes/02-function-prototype/object-prototype.svg
View file

@ -1,27 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="453px" height="94px" viewBox="0 0 453 94" 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>object-prototype.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-prototype.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="233" y="23" width="208" height="58"></rect>
<text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="243" y="39">constructor: Object</tspan>
<tspan x="243" y="54">toString: function</tspan>
<tspan x="243" y="69">...</tspan>
</text>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="232" y="15">Object.prototype</tspan>
</text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="10" y="23" width="107" height="28"></rect>
<text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="9" y="15">Object</tspan>
</text>
<path id="Line-Copy" d="M194,35 L127,35 L127,33 L194,33 L194,27 L208,34 L194,41 L194,35 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="134" y="22">prototype</tspan>
</text>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.8 KiB

48
1-js/08-prototypes/02-function-prototype/rabbit-animal-object.svg
View file

@ -1,48 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="233px" height="344px" viewBox="0 0 233 344" 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>rabbit-animal-object.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="rabbit-animal-object.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="14" y="96" width="218" height="58"></rect>
<text id="toString:-function" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="113">toString: function</tspan>
<tspan x="24" y="128">hasOwnProperty: function</tspan>
<tspan x="24" y="143">...</tspan>
</text>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="13" y="88">Object.prototype</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="14" y="213" width="218" height="28"></rect>
<text id="animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="13" y="205">animal</tspan>
</text>
<path id="Line" d="M74.5,176.5 L74.5,204.5 L72.5,204.5 L72.5,176.5 L66.5,176.5 L73.5,162.5 L80.5,176.5 L74.5,176.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="83" y="184">[[Prototype]]</tspan>
</text>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="83" y="274">[[Prototype]]</tspan>
</text>
<path id="Line-2" d="M74.5,44.5 L74.5,72.5 L72.5,72.5 L72.5,44.5 L66.5,44.5 L73.5,30.5 L80.5,44.5 L74.5,44.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="83" y="52">[[Prototype]]</tspan>
</text>
<text id="null" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="59" y="19">null</tspan>
</text>
<text id="eats:-true" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="231">eats: true</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="14" y="302" width="218" height="28"></rect>
<text id="rabbit-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="13" y="294">rabbit</tspan>
</text>
<path id="Line-Copy" d="M74.5,265.5 L74.5,293.5 L72.5,293.5 L72.5,265.5 L66.5,265.5 L73.5,251.5 L80.5,265.5 L74.5,265.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="jumps:-true" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="320">jumps: true</tspan>
</text>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.5 KiB

4
1-js/08-prototypes/02-function-prototype/rabbit-prototype-constructor.svg
View file

@ -23,8 +23,8 @@
<tspan x="248" y="112">rabbit</tspan> <tspan x="248" y="112">rabbit</tspan>
</text> </text>
<path id="Line" d="M324.5,79.5 L324.5,107.5 L322.5,107.5 L322.5,79.5 L316.5,79.5 L323.5,65.5 L330.5,79.5 L324.5,79.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M324.5,79.5 L324.5,107.5 L322.5,107.5 L322.5,79.5 L316.5,79.5 L323.5,65.5 L330.5,79.5 L324.5,79.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M197,35 L127,35 L127,33 L197,33 L197,27 L211,34 L197,41 L197,35 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M207,35 L127,35 L127,33 L207,33 L207,27 L221,34 L207,41 L207,35 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-2" d="M142,43 L212,43 L212,45 L142,45 L142,51 L128,44 L142,37 L142,43 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M142,43 L222,43 L222,45 L142,45 L142,51 L128,44 L142,37 L142,43 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="333" y="89">[[Prototype]]</tspan> <tspan x="333" y="89">[[Prototype]]</tspan>
</text> </text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

2
1-js/08-prototypes/03-native-prototypes/function-prototype-constructor.svg
View file

@ -13,7 +13,7 @@
<path id="Line-Copy" d="M218,33.5 L101,33.5 L101,31.5 L218,31.5 L218,25.5 L232,32.5 L218,39.5 L218,33.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M218,33.5 L101,33.5 L101,31.5 L218,31.5 L218,25.5 L232,32.5 L218,39.5 L218,33.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-2" d="M133,42.5 L249,42.5 L249,44.5 L133,44.5 L133,50.5 L119,43.5 L133,36.5 L133,42.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M133,42.5 L249,42.5 L249,44.5 L133,44.5 L133,50.5 L119,43.5 L133,36.5 L133,42.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="20" y="36">prototype</tspan> <tspan x="20" y="35">prototype</tspan>
</text> </text>
<text id="constructor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="259" y="47">constructor</tspan> <tspan x="259" y="47">constructor</tspan>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After

20
1-js/08-prototypes/03-native-prototypes/object-prototype-1.svg
View file

@ -5,27 +5,27 @@
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-prototype-1.svg"> <g id="object-prototype-1.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="233" y="23" width="208" height="58"></rect> <rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="23" width="208" height="58"></rect>
<text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="243" y="40">constructor: Object</tspan> <tspan x="248" y="40">constructor: Object</tspan>
<tspan x="243" y="55">toString: function</tspan> <tspan x="248" y="55">toString: function</tspan>
<tspan x="243" y="70">...</tspan> <tspan x="248" y="70">...</tspan>
</text> </text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="233" y="164" width="178" height="28"></rect> <rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="164" width="178" height="28"></rect>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="232" y="15">Object.prototype</tspan> <tspan x="237" y="15">Object.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="10" y="23" width="108" height="28"></rect> <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="10" y="23" width="108" height="28"></rect>
<text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="9" y="15">Object</tspan> <tspan x="9" y="15">Object</tspan>
</text> </text>
<text id="obj-=-new-Object()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="obj-=-new-Object()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="238" y="154">obj = new Object()</tspan> <tspan x="243" y="154">obj = new Object()</tspan>
</text> </text>
<path id="Line" d="M322.5,108.5 L322.5,136.5 L320.5,136.5 L320.5,108.5 L314.5,108.5 L321.5,94.5 L328.5,108.5 L322.5,108.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M327.5,108.5 L327.5,136.5 L325.5,136.5 L325.5,108.5 L319.5,108.5 L326.5,94.5 L333.5,108.5 L327.5,108.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M204,35 L127,35 L127,33 L204,33 L204,27 L218,34 L204,41 L204,35 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M212.5,35 L127,35 L127,33 L212.5,33 L212.5,27 L226.5,34 L212.5,41 L212.5,35 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="331" y="118">[[Prototype]]</tspan> <tspan x="336" y="118">[[Prototype]]</tspan>
</text> </text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="134" y="22">prototype</tspan> <tspan x="134" y="22">prototype</tspan>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

4
1-js/08-prototypes/03-native-prototypes/rabbit-prototype-constructor.svg
View file

@ -23,8 +23,8 @@
<tspan x="248" y="112">rabbit</tspan> <tspan x="248" y="112">rabbit</tspan>
</text> </text>
<path id="Line" d="M324.5,79.5 L324.5,107.5 L322.5,107.5 L322.5,79.5 L316.5,79.5 L323.5,65.5 L330.5,79.5 L324.5,79.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M324.5,79.5 L324.5,107.5 L322.5,107.5 L322.5,79.5 L316.5,79.5 L323.5,65.5 L330.5,79.5 L324.5,79.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M197,35 L127,35 L127,33 L197,33 L197,27 L211,34 L197,41 L197,35 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M207,35 L127,35 L127,33 L207,33 L207,27 L221,34 L207,41 L207,35 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-2" d="M142,43 L212,43 L212,45 L142,45 L142,51 L128,44 L142,37 L142,43 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M142,43 L222,43 L222,45 L142,45 L142,51 L128,44 L142,37 L142,43 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="333" y="89">[[Prototype]]</tspan> <tspan x="333" y="89">[[Prototype]]</tspan>
</text> </text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

38
1-js/09-classes/02-class-inheritance/animal-rabbit-extends.svg
View file

@ -1,27 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="446px" height="316px" viewBox="0 0 446 316" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="467px" height="316px" viewBox="0 0 467 316" 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 --> <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>animal-rabbit-extends.svg</title> <title>animal-rabbit-extends.svg</title>
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="animal-rabbit-extends.svg"> <g id="animal-rabbit-extends.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="23" width="185" height="64"></rect> <rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="242" y="23" width="185" height="64"></rect>
<text id="constructor:-Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="248" y="42">constructor: Animal</tspan> <tspan x="252" y="42">constructor: Animal</tspan>
<tspan x="248" y="57">run: function</tspan> <tspan x="252" y="57">run: function</tspan>
<tspan x="248" y="72">stop: function</tspan> <tspan x="252" y="72">stop: function</tspan>
</text> </text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="286" width="185" height="28"></rect> <rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="242" y="286" width="185" height="28"></rect>
<text id="Animal.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Animal.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="237" y="15">Animal.prototype</tspan> <tspan x="241" y="15">Animal.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="166" width="185" height="48"></rect> <rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="242" y="166" width="185" height="48"></rect>
<text id="constructor:-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="248" y="185">constructor: Rabbit</tspan> <tspan x="252" y="185">constructor: Rabbit</tspan>
<tspan x="248" y="200">hide: function</tspan> <tspan x="252" y="200">hide: function</tspan>
</text> </text>
<text id="Rabbit.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Rabbit.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="237" y="158">Rabbit.prototype</tspan> <tspan x="241" y="158">Rabbit.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="11" y="23" width="105" height="48"></rect> <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="11" y="23" width="105" height="48"></rect>
<text id="Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
@ -32,26 +32,26 @@
<tspan x="10" y="158">Rabbit</tspan> <tspan x="10" y="158">Rabbit</tspan>
</text> </text>
<text id="new-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="new-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="243" y="278">new Rabbit</tspan> <tspan x="247" y="278">new Rabbit</tspan>
</text> </text>
<path id="Line" d="M327.5,110.5 L327.5,138.5 L325.5,138.5 L325.5,110.5 L319.5,110.5 L326.5,96.5 L333.5,110.5 L327.5,110.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M331.5,110.5 L331.5,138.5 L329.5,138.5 L329.5,110.5 L323.5,110.5 L330.5,96.5 L337.5,110.5 L331.5,110.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M199,48 L132,48 L132,46 L199,46 L199,40 L213,47 L199,54 L199,48 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M211,48 L132,48 L132,46 L211,46 L211,40 L225,47 L211,54 L211,48 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="336" y="120">[[Prototype]]</tspan> <tspan x="340" y="120">[[Prototype]]</tspan>
</text> </text>
<path id="Line-Copy-3" d="M327.5,244.5 L327.5,272.5 L325.5,272.5 L325.5,244.5 L319.5,244.5 L326.5,230.5 L333.5,244.5 L327.5,244.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-3" d="M331.5,244.5 L331.5,272.5 L329.5,272.5 L329.5,244.5 L323.5,244.5 L330.5,230.5 L337.5,244.5 L331.5,244.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="336" y="254">[[Prototype]]</tspan> <tspan x="340" y="254">[[Prototype]]</tspan>
</text> </text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="139" y="35">prototype</tspan> <tspan x="139" y="35">prototype</tspan>
</text> </text>
<path id="Line-Copy-2" d="M199,189 L132,189 L132,187 L199,187 L199,181 L213,188 L199,195 L199,189 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M211,190 L132,190 L132,188 L211,188 L211,182 L225,189 L211,196 L211,190 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="139" y="176">prototype</tspan> <tspan x="139" y="176">prototype</tspan>
</text> </text>
<text id="name:-&quot;White-Rabbit&quot;" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="name:-&quot;White-Rabbit&quot;" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="249" y="304">name: "White Rabbit"</tspan> <tspan x="253" y="304">name: "White Rabbit"</tspan>
</text> </text>
<text id="constructor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="17" y="41">constructor</tspan> <tspan x="17" y="41">constructor</tspan>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

Before After
Before After

2
1-js/09-classes/02-class-inheritance/rabbit-animal-independent-animal.svg
View file

@ -24,7 +24,7 @@
<tspan x="239" y="160">new Animal</tspan> <tspan x="239" y="160">new Animal</tspan>
</text> </text>
<path id="Line" d="M327.5,112.5 L327.5,140.5 L325.5,140.5 L325.5,112.5 L319.5,112.5 L326.5,98.5 L333.5,112.5 L327.5,112.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M327.5,112.5 L327.5,140.5 L325.5,140.5 L325.5,112.5 L319.5,112.5 L326.5,98.5 L333.5,112.5 L327.5,112.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M199,38 L132,38 L132,36 L199,36 L199,30 L213,37 L199,44 L199,38 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M208.5,38 L130,38 L130,36 L208.5,36 L208.5,30 L222.5,37 L208.5,44 L208.5,38 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="336" y="122">[[Prototype]]</tspan> <tspan x="336" y="122">[[Prototype]]</tspan>
</text> </text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Before After
Before After

24
1-js/09-classes/02-class-inheritance/rabbit-animal-independent-rabbit.svg
View file

@ -1,37 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="449px" height="202px" viewBox="0 0 449 202" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="463px" height="202px" viewBox="0 0 463 202" 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 --> <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>rabbit-animal-independent-rabbit.svg</title> <title>rabbit-animal-independent-rabbit.svg</title>
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="rabbit-animal-independent-rabbit.svg"> <g id="rabbit-animal-independent-rabbit.svg">
<path d="M238,23 L238,71 L416,71 L416,23 L238,23 Z" id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path> <path d="M243,23 L243,71 L421,71 L421,23 L243,23 Z" id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path>
<text id="constructor:-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="248" y="29"></tspan> <tspan x="253" y="29"></tspan>
<tspan x="248" y="44">constructor: Rabbit</tspan> <tspan x="253" y="44">constructor: Rabbit</tspan>
<tspan x="248" y="59">hide: function</tspan> <tspan x="253" y="59">hide: function</tspan>
</text> </text>
<text id="Rabbit.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Rabbit.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="237" y="15">Rabbit.prototype</tspan> <tspan x="242" y="15">Rabbit.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="8" y="23" width="108" height="28"></rect> <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="8" y="23" width="108" height="28"></rect>
<text id="Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="7" y="15">Rabbit</tspan> <tspan x="7" y="15">Rabbit</tspan>
</text> </text>
<path d="M237,151 L237,179 L415,179 L415,151 L237,151 Z" id="Rectangle-1-Copy-3" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path> <path d="M242,151 L242,179 L420,179 L420,151 L242,151 Z" id="Rectangle-1-Copy-3" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path>
<text id="new-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="new-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="239" y="143">new Rabbit</tspan> <tspan x="244" y="143">new Rabbit</tspan>
</text> </text>
<path id="Line" d="M327.5,95.5 L327.5,123.5 L325.5,123.5 L325.5,95.5 L319.5,95.5 L326.5,81.5 L333.5,95.5 L327.5,95.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M332.5,95.5 L332.5,123.5 L330.5,123.5 L330.5,95.5 L324.5,95.5 L331.5,81.5 L338.5,95.5 L332.5,95.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M199,38 L132,38 L132,36 L199,36 L199,30 L213,37 L199,44 L199,38 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M212,38 L132,38 L132,36 L212,36 L212,30 L226,37 L212,44 L212,38 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="336" y="105">[[Prototype]]</tspan> <tspan x="341" y="105">[[Prototype]]</tspan>
</text> </text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="139" y="25">prototype</tspan> <tspan x="139" y="25">prototype</tspan>
</text> </text>
<text id="name:-&quot;My-rabbit&quot;" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="name:-&quot;My-rabbit&quot;" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="249" y="169">name: "My rabbit"</tspan> <tspan x="254" y="169">name: "My rabbit"</tspan>
</text> </text>
</g> </g>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Before After
Before After

36
1-js/09-classes/03-static-properties-methods/animal-rabbit-static.svg
View file

@ -1,26 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="446px" height="316px" viewBox="0 0 446 316" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="461px" height="316px" viewBox="0 0 461 316" 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 --> <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>animal-rabbit-static.svg</title> <title>animal-rabbit-static.svg</title>
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="animal-rabbit-static.svg"> <g id="animal-rabbit-static.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="23" width="182" height="48"></rect> <rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="246" y="23" width="182" height="48"></rect>
<text id="constructor:-Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="248" y="42">constructor: Animal</tspan> <tspan x="256" y="42">constructor: Animal</tspan>
<tspan x="248" y="57">run: function</tspan> <tspan x="256" y="57">run: function</tspan>
</text> </text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="278" width="182" height="28"></rect> <rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="246" y="278" width="182" height="28"></rect>
<text id="Animal.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Animal.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="237" y="15">Animal.prototype</tspan> <tspan x="245" y="15">Animal.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="238" y="158" width="182" height="48"></rect> <rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="246" y="158" width="182" height="48"></rect>
<text id="constructor:-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="248" y="177">constructor: Rabbit</tspan> <tspan x="256" y="177">constructor: Rabbit</tspan>
<tspan x="248" y="192">hide: function</tspan> <tspan x="256" y="192">hide: function</tspan>
</text> </text>
<text id="Rabbit.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Rabbit.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="237" y="150">Rabbit.prototype</tspan> <tspan x="245" y="150">Rabbit.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="11" y="23" width="98" height="48"></rect> <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="11" y="23" width="98" height="48"></rect>
<text id="Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Animal" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
@ -31,25 +31,25 @@
<tspan x="10" y="150">Rabbit</tspan> <tspan x="10" y="150">Rabbit</tspan>
</text> </text>
<text id="rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="rabbit" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="243" y="267">rabbit</tspan> <tspan x="251" y="267">rabbit</tspan>
</text> </text>
<path id="Line" d="M327.5,102.5 L327.5,130.5 L325.5,130.5 L325.5,102.5 L319.5,102.5 L326.5,88.5 L333.5,102.5 L327.5,102.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M335.5,102.5 L335.5,130.5 L333.5,130.5 L333.5,102.5 L327.5,102.5 L334.5,88.5 L341.5,102.5 L335.5,102.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M199,38 L132,38 L132,36 L199,36 L199,30 L213,37 L199,44 L199,38 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M211,38 L132,38 L132,36 L211,36 L211,30 L225,37 L211,44 L211,38 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="336" y="112">[[Prototype]]</tspan> <tspan x="344" y="112">[[Prototype]]</tspan>
</text> </text>
<path id="Line-Copy-4" d="M57.5,102.5 L57.5,130.5 L55.5,130.5 L55.5,102.5 L49.5,102.5 L56.5,88.5 L63.5,102.5 L57.5,102.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-4" d="M57.5,102.5 L57.5,130.5 L55.5,130.5 L55.5,102.5 L49.5,102.5 L56.5,88.5 L63.5,102.5 L57.5,102.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy-2" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EC6B4E"> <text id="[[Prototype]]-Copy-2" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EC6B4E">
<tspan x="66" y="112">[[Prototype]]</tspan> <tspan x="66" y="112">[[Prototype]]</tspan>
</text> </text>
<path id="Line-Copy-3" d="M327.5,236.5 L327.5,264.5 L325.5,264.5 L325.5,236.5 L319.5,236.5 L326.5,222.5 L333.5,236.5 L327.5,236.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-3" d="M335.5,236.5 L335.5,264.5 L333.5,264.5 L333.5,236.5 L327.5,236.5 L334.5,222.5 L341.5,236.5 L335.5,236.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="336" y="246">[[Prototype]]</tspan> <tspan x="344" y="246">[[Prototype]]</tspan>
</text> </text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="139" y="25">prototype</tspan> <tspan x="139" y="25">prototype</tspan>
</text> </text>
<path id="Line-Copy-2" d="M199,181 L132,181 L132,179 L199,179 L199,173 L213,180 L199,187 L199,181 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M211,180 L132,180 L132,178 L211,178 L211,172 L225,179 L211,186 L211,180 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="139" y="168">prototype</tspan> <tspan x="139" y="168">prototype</tspan>
</text> </text>
@ -57,7 +57,7 @@
<tspan x="20" y="41">compare</tspan> <tspan x="20" y="41">compare</tspan>
</text> </text>
<text id="name:-&quot;White-Rabbit&quot;" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="name:-&quot;White-Rabbit&quot;" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="249" y="296">name: "White Rabbit"</tspan> <tspan x="257" y="296">name: "White Rabbit"</tspan>
</text> </text>
</g> </g>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

Before After
Before After

44
1-js/09-classes/05-extend-natives/object-date-inheritance.svg
View file

@ -1,30 +1,30 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="486px" height="370px" viewBox="0 0 486 370" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="503px" height="370px" viewBox="0 0 503 370" 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 --> <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>object-date-inheritance.svg</title> <title>object-date-inheritance.svg</title>
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-date-inheritance.svg"> <g id="object-date-inheritance.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="262" y="23" width="219" height="78"></rect> <rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="267" y="23" width="219" height="78"></rect>
<text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="272" y="42">constructor: Object</tspan> <tspan x="277" y="42">constructor: Object</tspan>
<tspan x="272" y="57">toString: function</tspan> <tspan x="277" y="57">toString: function</tspan>
<tspan x="272" y="72">hasOwnProperty: function</tspan> <tspan x="277" y="72">hasOwnProperty: function</tspan>
<tspan x="272" y="87">...</tspan> <tspan x="277" y="87">...</tspan>
</text> </text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="262" y="329" width="178" height="28"></rect> <rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="267" y="329" width="178" height="28"></rect>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="261" y="15">Object.prototype</tspan> <tspan x="266" y="15">Object.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="262" y="183" width="219" height="78"></rect> <rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="267" y="183" width="219" height="78"></rect>
<text id="constructor:-Date-to" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="constructor:-Date-to" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="272" y="202">constructor: Date</tspan> <tspan x="277" y="202">constructor: Date</tspan>
<tspan x="272" y="217">toString: function</tspan> <tspan x="277" y="217">toString: function</tspan>
<tspan x="272" y="232">getDate: function</tspan> <tspan x="277" y="232">getDate: function</tspan>
<tspan x="272" y="247">...</tspan> <tspan x="277" y="247">...</tspan>
</text> </text>
<text id="Date.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Date.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="261" y="175">Date.prototype</tspan> <tspan x="266" y="175">Date.prototype</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="15" y="23" width="133" height="64"></rect> <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="15" y="23" width="133" height="64"></rect>
<text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
@ -35,21 +35,21 @@
<tspan x="14" y="175">Date</tspan> <tspan x="14" y="175">Date</tspan>
</text> </text>
<text id="new-Date()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="new-Date()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="263" y="318">new Date()</tspan> <tspan x="268" y="318">new Date()</tspan>
</text> </text>
<path id="Line" d="M351.5,127.5 L351.5,155.5 L349.5,155.5 L349.5,127.5 L343.5,127.5 L350.5,113.5 L357.5,127.5 L351.5,127.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line" d="M356.5,127.5 L356.5,155.5 L354.5,155.5 L354.5,127.5 L348.5,127.5 L355.5,113.5 L362.5,127.5 L356.5,127.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M223,38 L156,38 L156,36 L223,36 L223,30 L237,37 L223,44 L223,38 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M238,38 L156,38 L156,36 L238,36 L238,30 L252,37 L238,44 L238,38 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="360" y="137">[[Prototype]]</tspan> <tspan x="365" y="137">[[Prototype]]</tspan>
</text> </text>
<path id="Line-Copy-3" d="M351.5,287.5 L351.5,315.5 L349.5,315.5 L349.5,287.5 L343.5,287.5 L350.5,273.5 L357.5,287.5 L351.5,287.5 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-3" d="M356.5,287.5 L356.5,315.5 L354.5,315.5 L354.5,287.5 L348.5,287.5 L355.5,273.5 L362.5,287.5 L356.5,287.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="360" y="297">[[Prototype]]</tspan> <tspan x="365" y="297">[[Prototype]]</tspan>
</text> </text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="163" y="25">prototype</tspan> <tspan x="163" y="25">prototype</tspan>
</text> </text>
<path id="Line-Copy-2" d="M223,206 L156,206 L156,204 L223,204 L223,198 L237,205 L223,212 L223,206 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M238,206 L156,206 L156,204 L238,204 L238,198 L252,205 L238,212 L238,206 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="163" y="193">prototype</tspan> <tspan x="163" y="193">prototype</tspan>
</text> </text>
@ -64,7 +64,7 @@
<tspan x="24" y="232">...</tspan> <tspan x="24" y="232">...</tspan>
</text> </text>
<text id="1-Jan-2019" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="1-Jan-2019" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="273" y="347">1 Jan 2019</tspan> <tspan x="278" y="347">1 Jan 2019</tspan>
</text> </text>
</g> </g>
</g> </g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Before After
Before After

BIN
figures.sketch
View file

Binary file not shown.