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

minify svgs

Browse source
This commit is contained in:
Ilya Kantor 2015-01-28 14:27:05 +03:00
parent 6c4af3d588
commit 6cfa0a2738
28 changed files with 28 additions and 529 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/1-getting-started/1-intro/limitations.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

2
1-js/2-first-steps/5-variables/variable-change.svg
View file

@ -1 +1 @@
<svg width="253" height="176" viewBox="0 0 253 176" xmlns="http://www.w3.org/2000/svg"><title>Diagrams 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" fill="#E8E8E8" d="M124.865 3.774l54.504 58.42-18.32 17.09-54.505-58.42z"/><text opacity=".7" transform="rotate(47 146.5 43.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="122" y="49">&amp;quot;Hello!&amp;quot;</tspan></text><g fill="#979797"><path d="M242.667 10.63h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zM247.095 6.074h-2.952V3.037c0-1.67-1.33-3.037-2.953-3.037h-7.38c-1.624 0-2.953 1.367-2.953 3.037v3.037H222v1.52h2.952v28.85c0 2.582 1.92 4.556 4.43 4.556h16.237c2.51 0 4.425-1.974 4.425-4.556V7.594H253v-1.52h-5.905zm-14.762-3.037c0-.91.59-1.518 1.477-1.518h7.38c.886 0 1.477.603 1.477 1.514V6.07h-10.334V3.038zm16.238 33.407c0 1.67-1.324 3.037-2.95 3.037h-16.24c-1.62 0-2.95-1.362-2.95-3.033V7.597h22.14v28.85z"/></g><path d="M198.796 17.55l.213-6.078c.02-.562.414-1.057 1.01-1.26.597-.2 1.277-.072 1.73.33l14.47 12.855c.313.278.482.655.47 1.042-.015.383-.21.75-.54 1.002l-15.336 11.81c-.312.242-.714.36-1.116.346-.216-.007-.43-.053-.63-.137-.584-.242-.947-.764-.927-1.326l.197-5.595c-1.327-.065-3.35-.16-5.507-.234-1.988-.07-3.732-.112-5.184-.126-7.945-.074-17.388 4.87-17.48 4.92-.517.27-1.165.268-1.68-.013-.514-.28-.81-.788-.763-1.315 1.184-13.563 24.76-15.852 31.068-16.222zm-11.14 9.815c1.482.013 3.257.056 5.277.127 3.75.13 7.114.317 7.148.32.875.047 1.55.696 1.52 1.46l-.13 3.713 11.28-8.685-10.64-9.45-.144 4.1c-.026.74-.7 1.33-1.545 1.35-.26.01-24.1.746-28.742 10.89 3.71-1.594 10.072-3.88 15.98-3.823zM35.196 52.383l4.23-4.376c.39-.404 1.02-.505 1.598-.256.578.25.996.805 1.063 1.407L44.233 68.4c.047.414-.08.807-.35 1.086-.27.28-.658.42-1.074.386l-19.31-1.49c-.395-.03-.77-.21-1.06-.49-.156-.15-.285-.328-.378-.526-.27-.57-.19-1.2.2-1.605l3.893-4.024c-.943-.937-2.385-2.363-3.936-3.862-1.43-1.382-2.7-2.582-3.77-3.564-5.854-5.377-16.18-8.026-16.286-8.05-.566-.145-1.044-.58-1.238-1.134-.196-.553-.075-1.13.312-1.49 9.96-9.286 29.015 4.8 33.95 8.75zm-14.85-.167c1.09 1.002 2.383 2.223 3.837 3.628 2.7 2.61 5.075 5 5.1 5.024.614.62.68 1.554.148 2.104l-2.58 2.672L41.05 66.74l-1.58-14.15-2.85 2.95c-.515.537-1.413.52-2.054-.025-.198-.17-18.408-15.587-28.652-11.156 3.826 1.297 10.085 3.86 14.44 7.86z" fill="#979797"/><path d="M44.5 117h102m-144 56.5l42-56m89 55l42-56M44.5 77h132m-174 56.5l42-56m89 56l42-56M44 117.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M64.865 70.774l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 86.5 110.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="59" y="116">&amp;quot;World!&amp;quot;</tspan></text><path d="M176 116V77.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M1 134h133v40H1z"/><g transform="translate(38 147)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#373535"><tspan x="7" y="12">message</tspan></text></g></g></svg>
<svg width="253" height="176" viewBox="0 0 253 176" xmlns="http://www.w3.org/2000/svg"><title>Diagrams 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" fill="#E8E8E8" d="M124.865 3.774l54.504 58.42-18.32 17.09-54.508-58.42z"/><text opacity=".7" transform="rotate(47 146.5 43.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="122" y="49">&amp;quot;Hello!&amp;quot;</tspan></text><path d="M242.667 10.63h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zm16.238-4.556h-2.952V3.037c0-1.67-1.33-3.037-2.953-3.037h-7.38c-1.624 0-2.953 1.367-2.953 3.037v3.037H222v1.52h2.952v28.85c0 2.582 1.92 4.556 4.43 4.556h16.237c2.51 0 4.422-1.974 4.422-4.556V7.594H253v-1.52h-5.905zm-14.762-3.037c0-.91.59-1.518 1.477-1.518h7.38c.886 0 1.477.6 1.477 1.51v3.04h-10.334V3.038zm16.238 33.407c0 1.67-1.32 3.037-2.95 3.037h-16.24c-1.62 0-2.95-1.36-2.95-3.03V7.598h22.14v28.85zM198.798 17.55l.213-6.078c.02-.562.412-1.057 1.01-1.26.595-.2 1.275-.072 1.73.33l14.47 12.855c.31.278.48.655.47 1.042-.017.38-.21.75-.54 1l-15.34 11.81c-.312.242-.714.36-1.116.346-.216-.007-.43-.053-.63-.137-.584-.244-.947-.766-.927-1.328l.196-5.595c-1.327-.066-3.35-.16-5.507-.235-1.99-.07-3.733-.112-5.185-.126-7.944-.075-17.387 4.87-17.48 4.92-.516.27-1.164.267-1.68-.014-.513-.28-.81-.788-.762-1.315 1.184-13.562 24.76-15.85 31.068-16.22zm-11.14 9.815c1.482.013 3.257.056 5.277.127 3.75.13 7.114.317 7.148.32.877.047 1.55.696 1.52 1.46l-.13 3.713 11.28-8.685-10.64-9.45-.142 4.1c-.026.74-.7 1.33-1.545 1.35-.26.01-24.1.746-28.742 10.89 3.71-1.594 10.073-3.88 15.98-3.823zM35.197 52.383l4.23-4.376c.39-.404 1.02-.505 1.597-.256.578.25.996.808 1.063 1.41l2.146 19.24c.047.415-.08.808-.35 1.087-.27.28-.658.42-1.074.386l-19.31-1.49c-.398-.03-.77-.21-1.06-.49-.16-.15-.288-.328-.38-.526-.27-.57-.19-1.2.2-1.605l3.892-4.022c-.943-.937-2.385-2.363-3.936-3.862-1.43-1.382-2.7-2.582-3.77-3.564-5.854-5.376-16.18-8.025-16.286-8.05-.565-.144-1.043-.58-1.237-1.133-.196-.553-.075-1.13.312-1.49 9.96-9.286 29.015 4.8 33.95 8.75zm-14.85-.167c1.09 1.002 2.382 2.223 3.836 3.628 2.7 2.61 5.075 5 5.1 5.024.614.62.68 1.554.148 2.104l-2.58 2.672 14.2 1.096-1.58-14.15-2.85 2.95c-.513.537-1.41.52-2.052-.025-.198-.17-18.408-15.587-28.652-11.156C9.74 45.653 16 48.22 20.356 52.22z" fill="#979797"/><path d="M44.5 117h102m-144 56.5l42-56m89 55l42-56M44.5 77h132m-174 56.5l42-56m89 56l42-56M44 117.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M64.865 70.774l54.504 58.42-18.32 17.09-54.508-58.42z"/><text transform="rotate(47 86.5 110.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="59" y="116">&amp;quot;World!&amp;quot;</tspan></text><path d="M176 116V77.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M1 134h133v40H1z"/><g transform="translate(38 147)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#373535"><tspan x="7" y="12">message</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

2
1-js/3-writing-js/1-debugging-chrome/statusbarButtonGlyphs.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before After
Before After

2
1-js/3-writing-js/2-coding-style/code-style.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

Before After
Before After

2
1-js/3-writing-js/2-coding-style/figure-bracket-style.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

Before After
Before After

2
1-js/4-data-structures/4-object/object-person-1.svg
View file

@ -1 +1 @@
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 139H10.27V77.802h91.46v61.552zm0-70.92H10.27V6.88h91.46v61.553zm-32.384 13.93H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79v-5.524h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.784V83.14c0-.43-.544-.78-1.21-.78zm0-72.92H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="46">name</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="42" y="119">age</tspan></text></g></svg>
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 139H10.27V77.802h91.46v61.552zm0-70.92H10.27V6.88h91.46v61.553zm-32.38 13.93h-3.77v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79v-5.524H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.787V83.14c0-.43-.544-.78-1.21-.78zm0-72.92h-3.77v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.78v-7.91c0-.434-.544-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="46">name</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="42" y="119">age</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

2
1-js/4-data-structures/4-object/object-person-2.svg
View file

@ -1 +1 @@
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 137H10.27V6.88h91.46v130.474zM69.346 9.444H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.78V10.22c0-.433-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="74">name</tspan></text></g></svg>
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 137H10.27V6.88h91.46v130.474zM69.35 9.444H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.78v-7.91c0-.435-.544-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="74">name</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 746 B

After

Width:  |  Height:  |  Size: 744 B

Before After
Before After

2
1-js/4-data-structures/4-object/object.svg
View file

@ -1 +1 @@
<svg width="99" height="128" viewBox="0 0 99 128" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M95.605.323H3.397C1.577.323.104 1.27.104 2.438V125.56c0 1.17 1.474 2.117 3.293 2.117h92.208c1.82 0 3.293-.947 3.293-2.116V2.44c0-1.168-1.474-2.115-3.293-2.115zM90.252 123.71H8.748V86.55h81.504v37.16zm0-41.13H8.748V45.42h81.504v37.16zm0-41.13H8.748V4.29h81.504v37.16zM61.186 90.545h-3.354v4.844c0 .38-.484.69-1.08.69H41.62c-.597 0-1.08-.31-1.08-.69V90.54H37.4c-.594 0-1.076.31-1.076.688v6.93c0 .38.482.686 1.076.686h23.782c.595 0 1.077-.307 1.077-.686v-6.926c0-.38-.48-.688-1.077-.688zm.206-41.128h-3.355v4.842c0 .38-.484.69-1.08.69H41.83c-.598 0-1.082-.31-1.082-.69v-4.846H37.61c-.594 0-1.076.306-1.076.685v6.93c0 .38.482.684 1.076.684h23.782c.595 0 1.076-.306 1.076-.685V50.1c0-.376-.484-.684-1.076-.684zm0-41.127H58.04v4.84c0 .383-.484.693-1.08.693H41.83c-.597 0-1.08-.31-1.08-.692V8.29h-3.14c-.594 0-1.076.306-1.076.685v6.928c0 .38.482.686 1.077.686h23.786c.594 0 1.076-.31 1.076-.69V8.975c0-.38-.484-.686-1.076-.686z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="35">ключ1</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="74">ключ2</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="118">ключ3</tspan></text></g></svg>
<svg width="99" height="128" viewBox="0 0 99 128" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M95.605.323H3.397C1.577.323.104 1.27.104 2.438V125.56c0 1.17 1.474 2.117 3.293 2.117h92.208c1.82 0 3.293-.947 3.293-2.116V2.44c0-1.168-1.474-2.115-3.293-2.115zM90.252 123.71H8.748V86.55h81.504v37.16zm0-41.13H8.748V45.42h81.504v37.16zm0-41.13H8.748V4.29h81.504v37.16zM61.186 90.545h-3.354v4.844c0 .38-.484.69-1.08.69H41.62c-.597 0-1.08-.31-1.08-.69v-4.85H37.4c-.594 0-1.076.31-1.076.686v6.93c0 .38.482.686 1.076.686h23.782c.595 0 1.077-.307 1.077-.686V91.23c0-.38-.48-.687-1.08-.687zm.206-41.128h-3.355v4.842c0 .38-.484.69-1.08.69H41.83c-.598 0-1.082-.31-1.082-.69v-4.85H37.61c-.594 0-1.076.306-1.076.685v6.93c0 .38.482.684 1.076.684h23.782c.595 0 1.076-.306 1.076-.685V50.1c0-.376-.484-.684-1.076-.684zm0-41.127H58.04v4.84c0 .383-.484.693-1.08.693H41.83c-.597 0-1.08-.31-1.08-.692V8.29h-3.14c-.594 0-1.076.306-1.076.685v6.928c0 .38.482.686 1.077.686H61.4c.594 0 1.076-.31 1.076-.69V8.972c0-.38-.484-.686-1.076-.686z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="35">ключ1</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="74">ключ2</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="118">ключ3</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

2
1-js/4-data-structures/6-object-reference/variable-contains-reference.svg
View file

@ -1 +1 @@
<svg width="297" height="199" viewBox="0 0 297 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.687c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/></g></svg>
<svg width="297" height="199" viewBox="0 0 297 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.508-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.528c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.688c.667 0 1.21-.35 1.21-.78v-7.91c0-.434-.545-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.1.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

2
1-js/4-data-structures/6-object-reference/variable-copy-reference.svg
View file

@ -1 +1 @@
<svg width="501" height="199" viewBox="0 0 501 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.687c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/><path d="M367.5 141h102m-144 56.5l42-56m89 55l42-56m-131-39.5h132m-174 56.5l42-56m89 56l42-56m-131.5 40v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M387.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M499 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M324 158h133v40H324z"/><g transform="translate(361 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">admin</tspan></text></g><path d="M358.068 68.67l-3.752 6.77s55.797 30.788 47.958 46.938c-20.165-30.07-51.34-40.847-51.34-40.847l-3.75 6.776-38.052-33.926 48.936 14.29zm-6.17.238l-2.914 5.255s43.34 22.756 49.964 40.692C382.226 91.322 346.88 77.96 346.88 77.96l-2.858 5.156-26.354-24.007 34.23 9.795z" fill="#000"/><path d="M412.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795h13.503zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/></g></svg>
<svg width="501" height="199" viewBox="0 0 501 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.508-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.528c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.688c.667 0 1.21-.35 1.21-.78v-7.91c0-.434-.545-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.1.186-.26.186z" fill="#010101"/><path d="M367.5 141h102m-144 56.5l42-56m89 55l42-56m-131-39.5h132m-174 56.5l42-56m89 56l42-56m-131.5 40v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M387.865 95.022l54.504 58.42-18.32 17.09-54.508-58.42z"/><path d="M499 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M324 158h133v40H324z"/><g transform="translate(361 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">admin</tspan></text></g><path d="M358.068 68.67l-3.752 6.77s55.797 30.788 47.958 46.938c-20.165-30.07-51.34-40.847-51.34-40.847l-3.75 6.78-38.052-33.927 48.936 14.29zm-6.17.238l-2.914 5.255s43.34 22.756 49.964 40.692C382.226 91.322 346.88 77.96 346.88 77.96l-2.858 5.156-26.354-24.007 34.23 9.792z" fill="#000"/><path d="M412.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795h13.503zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.1.186-.26.186z" fill="#010101"/></g></svg>
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/4-data-structures/6-object-reference/variable-copy-value.svg
View file

@ -1 +1 @@
<svg width="366" height="103" viewBox="0 0 366 103" xmlns="http://www.w3.org/2000/svg"><title>Diagrams</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 45h102m-144 56.5l42-56m89 55l42-56M43.5 5h132M1.5 61.5l42-56m89 56l42-56M43 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865-.978l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 85.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="54.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M175 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 62h133v40H0z"/><g transform="translate(37 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="7" y="12">message</tspan></text></g><path d="M232.5 45h102m-144 56.5l42-56m89 55l42-56M232.5 5h132m-174 56.5l42-56m89 56l42-56M232 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M252.865-.978l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 274.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="243.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M364 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M189 62h133v40H189z"/><g transform="translate(226 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="10" y="12">phrase</tspan></text></g></g></svg>
<svg width="366" height="103" viewBox="0 0 366 103" xmlns="http://www.w3.org/2000/svg"><title>Diagrams</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 45h102m-144 56.5l42-56m89 55l42-56M43.5 5h132M1.5 61.5l42-56m89 56l42-56M43 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865-.978l54.504 58.42-18.32 17.09-54.508-58.42z"/><text transform="rotate(47 85.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="54.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M175 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 62h133v40H0z"/><g transform="translate(37 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="7" y="12">message</tspan></text></g><path d="M232.5 45h102m-144 56.5l42-56m89 55l42-56M232.5 5h132m-174 56.5l42-56m89 56l42-56M232 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M252.865-.978l54.504 58.42-18.32 17.09-54.508-58.42z"/><text transform="rotate(47 274.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="243.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M364 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M189 62h133v40H189z"/><g transform="translate(226 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="10" y="12">phrase</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/array-speed.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/queue.svg
View file

@ -1 +1 @@
<svg width="168" height="93" viewBox="0 0 168 93" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M82.795 34.15c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.456-3.022 1.94-3.436l22.39-6.253c1.484-.41 3.02.457 3.438 1.94.414 1.484-.453 3.02-1.937 3.436L83.548 34.05c-.25.07-.504.103-.752.103zm0 11.038c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.456-3.022 1.94-3.436l22.39-6.253c1.484-.418 3.02.45 3.438 1.932.414 1.484-.453 3.022-1.937 3.436L83.548 45.08c-.25.07-.504.105-.752.105zm0 10.37c-1.22 0-2.34-.808-2.684-2.04-.41-1.484.456-3.02 1.94-3.437l22.39-6.25c1.484-.413 3.02.454 3.438 1.937.414 1.484-.453 3.022-1.937 3.436l-22.393 6.254c-.25.07-.504.104-.752.104zM106.837 8.44V6.654c0-3.613-3.02-7.324-6.55-6.55-9.413 2.06-30.72 8.958-41.854 11.352-3.53.76-6.552 3.736-6.552 7.35v60.95c0 3.614 2.98 7.062 6.556 6.553 2-.287 4.267-.75 6.728-1.34v1.425c0 3.613 2.976 7.06 6.552 6.552 4.176-.595 26.68-7.4 32.483-9.11V78.46c-5.568 1.64-28.035 8.31-32.484 9.35-.76.18-1.416-.635-1.416-1.416V26.74c-.08-1.792.62-3.287 2.714-3.847 6.07-1.623 21.953-5.945 31.945-8.668l1.88-.512 6.73-1.834c.78 0 1.413.63 1.413 1.412v60.953c0 .78-.665 1.203-1.416 1.416-2.596.74-5.82 1.714-9.382 2.8l.013 5.376c3.404-1.12 6.6-2.17 9.37-3.04 3.444-1.083 6.55-2.37 6.55-6.552v-60.95c0-3.613-3.02-7.325-6.55-6.55-1.84.4-4.143.99-6.73 1.694zm-35.124 9.656c-3.53.76-6.55 3.737-6.55 7.35V79.46c-2.39.648-4.652 1.23-6.73 1.715-.76.178-1.415-.636-1.415-1.417V20.1c-.078-1.792.62-3.287 2.715-3.847C68.876 13.81 100.287 5.24 100.287 5.24c.78 0 1.416.634 1.416 1.415v3.217c-10.06 2.86-22.39 6.59-29.99 8.224zM168 42l-12-12v8h-30.634v8H156v8l12-12zM43 42L31 30v8H.366v8H31v8l12-12z" fill-rule="evenodd"/></svg>
<svg width="168" height="93" viewBox="0 0 168 93" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M82.795 34.15c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.46-3.022 1.94-3.436l22.39-6.253c1.487-.41 3.02.46 3.44 1.94.415 1.487-.452 3.02-1.936 3.44l-22.396 6.25c-.25.07-.504.103-.752.103zm0 11.038c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.46-3.022 1.94-3.436l22.39-6.253c1.487-.42 3.02.45 3.44 1.93.415 1.483-.452 3.02-1.936 3.435L83.548 45.08c-.25.07-.504.105-.752.105zm0 10.37c-1.22 0-2.34-.808-2.684-2.04-.41-1.484.46-3.02 1.94-3.437l22.39-6.25c1.487-.41 3.02.457 3.44 1.94.415 1.484-.452 3.02-1.936 3.436L83.55 55.458c-.25.07-.505.104-.753.104zM106.837 8.44V6.654c0-3.613-3.02-7.324-6.55-6.55-9.413 2.06-30.72 8.958-41.854 11.352-3.53.76-6.552 3.736-6.552 7.35v60.95c0 3.614 2.98 7.062 6.56 6.553 2-.29 4.266-.75 6.727-1.34v1.422c0 3.613 2.976 7.06 6.552 6.552 4.175-.595 26.68-7.4 32.482-9.11V78.46c-5.567 1.64-28.034 8.31-32.483 9.35-.76.18-1.417-.635-1.417-1.416V26.74c-.08-1.792.62-3.287 2.715-3.847 6.07-1.623 21.953-5.945 31.945-8.668l1.88-.512 6.73-1.834c.78 0 1.412.63 1.412 1.41V74.24c0 .78-.665 1.203-1.416 1.416-2.597.74-5.82 1.713-9.383 2.8l.013 5.375c3.404-1.12 6.6-2.17 9.37-3.04 3.444-1.083 6.55-2.37 6.55-6.552V13.29c0-3.612-3.02-7.324-6.55-6.55-1.84.4-4.143.99-6.73 1.695zm-35.124 9.656c-3.53.76-6.55 3.737-6.55 7.35V79.46c-2.39.648-4.652 1.23-6.73 1.715-.76.178-1.415-.636-1.415-1.417V20.1c-.078-1.792.62-3.287 2.715-3.847C68.876 13.81 100.287 5.24 100.287 5.24c.78 0 1.416.634 1.416 1.415v3.217c-10.06 2.86-22.39 6.59-29.99 8.224zM168 42l-12-12v8h-30.634v8H156v8l12-12zM43 42L31 30v8H.366v8H31v8l12-12z" fill-rule="evenodd"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/stack.svg
View file

@ -1 +1 @@
<svg width="90" height="97" viewBox="0 0 90 97" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M19.785 54.07c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L20.425 53.763c-.207.12-.422.222-.64.306zm7 5c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L27.425 58.763c-.207.12-.422.222-.64.306zm7 4c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L34.425 62.763c-.207.12-.422.222-.64.306zM90 67.92c0-.394-.213-.758-.555-.955l-3.647-2.105 3.647-2.107c.342-.197.554-.562.554-.956 0-.396-.216-.76-.558-.956L38.02 31.15c-.342-.197-.763-.197-1.105 0L.552 52.143C.21 52.34 0 52.705 0 53.1c0 .395.21.76.552.956L4.2 56.163.552 58.27c-.342.196-.552.56-.552.955 0 .396.21.76.552.958l3.65 2.106-3.65 2.102C.21 64.59 0 64.956 0 65.35c0 .396.21.76.552.957l51.427 29.69c.17.1.36.15.55.15.19 0 .38-.05.55-.15l36.363-20.993c.342-.197.554-.562.554-.957 0-.395-.213-.76-.555-.956l-3.648-2.104 3.648-2.106c.34-.2.553-.565.553-.96zM37.466 33.38l49.217 28.416-34.153 19.72L3.314 53.1l34.154-19.72zm46.27 38.966l2.947 1.702-34.153 19.72L3.314 65.352l3.096-1.788 45.57 26.31c.17.1.36.147.55.147.192 0 .383-.045.554-.143l30.52-17.623c.042.035.085.07.133.096zM52.53 87.64L3.37 59.26l-.057-.033L6.41 57.44l45.57 26.31c.17.1.36.148.55.148.19 0 .382-.05.553-.148l30.6-17.668c.09.12.202.227.34.307l2.66 1.532-34.153 19.72zM36.535 40.267c-.218.245-.484.36-.766.36-.57 0-1.2-.462-1.648-1.294L27.29 26.66c-.596-1.11-.213-2.414.595-2.414.1 0 .208.02.322.063l3.318 1.28.05-25.59 9.096 5.975v23.167l3.32 1.285c1.02.392 1.32 1.314.667 2.05l-8.12 7.786zm23-22.907c-.218-.244-.484-.36-.766-.36-.57 0-1.2.463-1.648 1.295L50.29 30.967c-.596 1.11-.213 2.415.595 2.415.1 0 .208-.02.322-.063l3.318-1.287.05 25.592 9.096 5.592V28.483l3.32-1.285c1.02-.396 1.32-1.318.667-2.053l-8.12-7.787z" fill-rule="evenodd"/></svg>
<svg width="90" height="97" viewBox="0 0 90 97" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M19.785 54.07c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L20.425 53.763c-.207.12-.422.222-.64.306zm7 5c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L27.425 58.763c-.207.12-.422.222-.64.306zm7 4c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L34.425 62.763c-.207.12-.422.222-.64.306zM90 67.92c0-.394-.213-.758-.555-.955l-3.647-2.105 3.647-2.107c.342-.197.554-.562.554-.956 0-.396-.22-.76-.56-.956L38.02 31.15c-.342-.197-.763-.197-1.105 0L.552 52.143C.21 52.34 0 52.705 0 53.1c0 .395.21.76.552.956L4.2 56.163.552 58.27c-.342.196-.552.56-.552.955 0 .396.21.76.552.958l3.65 2.106-3.65 2.1c-.342.2-.552.564-.552.96s.21.76.552.955l51.427 29.69c.17.1.36.15.55.15.19 0 .38-.05.55-.15l36.36-20.992c.34-.197.553-.562.553-.957 0-.395-.213-.76-.555-.956l-3.648-2.1 3.648-2.106c.34-.2.554-.564.554-.96zM37.466 33.38l49.217 28.416-34.153 19.72L3.314 53.1l34.154-19.72zm46.27 38.966l2.947 1.702-34.153 19.72L3.314 65.352l3.096-1.788 45.57 26.31c.17.1.36.147.55.147.192 0 .383-.042.554-.14l30.52-17.623c.042.035.085.07.133.096zM52.53 87.64L3.37 59.26l-.057-.033L6.41 57.44l45.57 26.31c.17.1.36.148.55.148.19 0 .382-.05.553-.148l30.6-17.668c.09.12.202.227.34.307l2.66 1.53L52.53 87.64zM36.535 40.267c-.218.245-.484.36-.766.36-.57 0-1.2-.462-1.65-1.294L27.29 26.66c-.596-1.11-.213-2.414.595-2.414.1 0 .208.02.322.063l3.318 1.28.05-25.59L40.67 5.97V29.14l3.32 1.286c1.02.392 1.32 1.314.67 2.05l-8.12 7.786zm23-22.907c-.218-.244-.484-.36-.766-.36-.57 0-1.2.463-1.65 1.295l-6.83 12.672c-.598 1.11-.215 2.415.593 2.415.1 0 .208-.02.322-.063l3.318-1.29.05 25.592 9.096 5.592v-34.73l3.32-1.286c1.02-.396 1.32-1.318.667-2.053l-8.12-7.787z" fill-rule="evenodd"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

61
1-js/4-data-structures/8-array-methods/9-output-single-linked-list/linked-list.svg
View file

@ -1,60 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="594px" height="53px" viewBox="0 0 594 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>Slice 1</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="linked-list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<rect id="Rectangle-1" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="0" y="19" width="80" height="34"></rect>
<text id="value" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="3" y="10">value</tspan>
</text>
<text id="1" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="35" y="40">1</tspan>
</text>
<path d="M65.73,35 L137.27,35" id="Line" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-decoration-1" d="M136.73,35 C132.95,33.95 129.71,33.05 125.93,32 C125.93,34.1 125.93,35.9 125.93,38 C129.71,36.95 132.95,36.05 136.73,35 C136.73,35 136.73,35 136.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="89" y="24">next</tspan>
</text>
<rect id="Rectangle-2" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="140" y="19" width="80" height="34"></rect>
<text id="value-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="143" y="10">value</tspan>
</text>
<text id="2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="175" y="40">2</tspan>
</text>
<path d="M205.73,35 L277.27,35" id="Line-2" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-2-decoration-1" d="M276.73,35 C272.95,33.95 269.71,33.05 265.93,32 C265.93,34.1 265.93,35.9 265.93,38 C269.71,36.95 272.95,36.05 276.73,35 C276.73,35 276.73,35 276.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="229" y="24">next</tspan>
</text>
<rect id="Rectangle-3" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="279" y="19" width="80" height="34"></rect>
<text id="value-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="282" y="10">value</tspan>
</text>
<text id="3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="314" y="40">3</tspan>
</text>
<path d="M344.73,35 L416.27,35" id="Line-3" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-3-decoration-1" d="M415.73,35 C411.95,33.95 408.71,33.05 404.93,32 C404.93,34.1 404.93,35.9 404.93,38 C408.71,36.95 411.95,36.05 415.73,35 C415.73,35 415.73,35 415.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="368" y="24">next</tspan>
</text>
<rect id="Rectangle-4" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="419" y="19" width="80" height="34"></rect>
<text id="value-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="422" y="10">value</tspan>
</text>
<text id="4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="454" y="40">4</tspan>
</text>
<path d="M484.73,35 L556.27,35" id="Line-4" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-4-decoration-1" d="M555.73,35 C551.95,33.95 548.71,33.05 544.93,32 C544.93,34.1 544.93,35.9 544.93,38 C548.71,36.95 551.95,36.05 555.73,35 C555.73,35 555.73,35 555.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="508" y="24">next</tspan>
</text>
<text id="null" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-style="italic" font-weight="normal" fill="#000000">
<tspan x="564" y="39">null</tspan>
</text>
</g>
</svg>
<svg width="594" height="53" viewBox="0 0 594 53" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" stroke-width="2" d="M0 19h80v34H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="40">1</tspan></text><path d="M65.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M136.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="89" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M140 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="175" y="40">2</tspan></text><path d="M205.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M276.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="229" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M279 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="282" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="314" y="40">3</tspan></text><path d="M344.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M415.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="368" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M419 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="422" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="454" y="40">4</tspan></text><path d="M484.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M555.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="508" y="24">next</tspan></text><text font-family="Consolas" font-size="14" font-style="italic" fill="#000"><tspan x="564" y="39">null</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

2
1-js/4-data-structures/9-array-iteration/reduce.svg
View file

@ -1 +1 @@
<svg width="600" height="105" viewBox="0 0 600 105" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M0 65h80v40H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="36" y="90">1</tspan></text><text id="sum" font-family="Consolas" font-size="14" fill="#000"><tspan x="7" y="8">sum</tspan><tspan x="7" y="24">0</tspan><tspan x="7" y="40">current</tspan><tspan x="7" y="56">1</tspan></text><path stroke="#979797" d="M79 65h80v40H79z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="115" y="90">2</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="86" y="8">sum</tspan><tspan x="86" y="24">0+1</tspan><tspan x="86" y="40">current</tspan><tspan x="86" y="56">2</tspan></text><path stroke="#979797" d="M158 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="194" y="90">3</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="165" y="8">sum</tspan><tspan x="165" y="24">0+1+2</tspan><tspan x="165" y="40">current</tspan><tspan x="165" y="56">3</tspan></text><path stroke="#979797" d="M237 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="273" y="90">4</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="244" y="8">sum</tspan><tspan x="244" y="24">0+1+2+3</tspan><tspan x="244" y="40">current</tspan><tspan x="244" y="56">4</tspan></text><path stroke="#979797" d="M316 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="352" y="90">5</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="323" y="8">sum</tspan><tspan x="323" y="24">0+1+2+3+4</tspan><tspan x="323" y="40">current</tspan><tspan x="323" y="56">5</tspan></text><path d="M412.5 83h50" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M462.5 83l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="477" y="87">0+1+2+3+4+5 = 15</tspan></text></g></svg>
<svg width="600" height="105" viewBox="0 0 600 105" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M0 65h80v40H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="36" y="90">1</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="7" y="8">sum</tspan><tspan x="7" y="24">0</tspan><tspan x="7" y="40">current</tspan><tspan x="7" y="56">1</tspan></text><path stroke="#979797" d="M79 65h80v40H79z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="115" y="90">2</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="86" y="8">sum</tspan><tspan x="86" y="24">0+1</tspan><tspan x="86" y="40">current</tspan><tspan x="86" y="56">2</tspan></text><path stroke="#979797" d="M158 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="194" y="90">3</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="165" y="8">sum</tspan><tspan x="165" y="24">0+1+2</tspan><tspan x="165" y="40">current</tspan><tspan x="165" y="56">3</tspan></text><path stroke="#979797" d="M237 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="273" y="90">4</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="244" y="8">sum</tspan><tspan x="244" y="24">0+1+2+3</tspan><tspan x="244" y="40">current</tspan><tspan x="244" y="56">4</tspan></text><path stroke="#979797" d="M316 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="352" y="90">5</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="323" y="8">sum</tspan><tspan x="323" y="24">0+1+2+3+4</tspan><tspan x="323" y="40">current</tspan><tspan x="323" y="56">5</tspan></text><path d="M412.5 83h50" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M462.5 83l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="477" y="87">0+1+2+3+4+5 = 15</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

2
1-js/5-functions-closures/6-memory-management/family-no-family.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Before After
Before After

2
1-js/5-functions-closures/6-memory-management/family-no-father-2.svg
View file

@ -1 +1 @@
<svg width="120" height="203" viewBox="0 0 120 203" xmlns="http://www.w3.org/2000/svg"><title>family-no-father-2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M18 18h80v30H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="18" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M18 85h80v28H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="102">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="69">family</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="23" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="5" y="136">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="37" y="171">Object</tspan></text><path d="M59.5 50.5v31M59.5 81.5l3-10.8h-6l3 10.8zm-1 36v32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M58.5 149.5l3-10.8h-6l3 10.8z" stroke="#979797" stroke-linecap="square" fill="#979797"/></g></svg>
<svg width="120" height="203" viewBox="0 0 120 203" xmlns="http://www.w3.org/2000/svg"><title>family-no-father-2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M18 18h80v30H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="18" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M18 85h80v28H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="102">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="69">family</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="23" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="5" y="136">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="37" y="171">Object</tspan></text><path d="M59.5 50.5v31m0 0l3-10.8h-6l3 10.8zm-1 36v32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M58.5 149.5l3-10.8h-6l3 10.8z" stroke="#979797" stroke-linecap="square" fill="#979797"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

2
1-js/5-functions-closures/6-memory-management/family-no-father.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

Before After
Before After

2
1-js/5-functions-closures/6-memory-management/family.svg
View file

@ -1 +1 @@
<svg width="329" height="203" viewBox="0 0 329 203" xmlns="http://www.w3.org/2000/svg"><title>family</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M188.5 196.5h-59" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 196.5l10.8 3v-6l-10.8 3z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path stroke="#979797" d="M118 18h80v30h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="118" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M118 85h80v28h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="102">Object</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="171">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="31" y="133">father</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="154">wife</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="103" y="69">family</tspan></text><text font-family="Consolas" font-size="12" fill="#000"><tspan x="15" y="191">name: &amp;quot;Василий&amp;quot;</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M209 153h120v50H209z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="226" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="238" y="133">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="240" y="171">Object</tspan></text><path d="M159.5 50.5v31" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M159.5 81.5l3-10.8h-6l3 10.8zM110.5 118.5l-46 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M64.53 150.48l10.578-3.705-3.426-4.926-7.153 8.63z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 162.5h61" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><path d="M190.5 162.5l-10.8-3v6l10.8-3z" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="132" y="187">husband</tspan></text><path d="M204.5 118.5l47 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M250.79 150.016l-7.24-8.558c-1.18 1.736-2.194 3.224-3.376 4.96 3.715 1.26 6.9 2.34 10.616 3.598z" stroke="#979797" stroke-linecap="square" fill="#979797"/></g></svg>
<svg width="329" height="203" viewBox="0 0 329 203" xmlns="http://www.w3.org/2000/svg"><title>family</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M188.5 196.5h-59" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 196.5l10.8 3v-6l-10.8 3z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path stroke="#979797" d="M118 18h80v30h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="118" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M118 85h80v28h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="102">Object</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="171">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="31" y="133">father</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="154">wife</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="103" y="69">family</tspan></text><text font-family="Consolas" font-size="12" fill="#000"><tspan x="15" y="191">name: &amp;quot;Василий&amp;quot;</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M209 153h120v50H209z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="226" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="238" y="133">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="240" y="171">Object</tspan></text><path d="M159.5 50.5v31m0 0l3-10.8h-6l3 10.8zm-49 37l-46 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M64.53 150.48l10.578-3.705-3.426-4.926-7.153 8.63z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 162.5h61" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><path d="M190.5 162.5l-10.8-3v6l10.8-3z" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="132" y="187">husband</tspan></text><path d="M204.5 118.5l47 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M250.79 150.016l-7.24-8.558c-1.18 1.736-2.194 3.224-3.376 4.96 3.715 1.26 6.9 2.34 10.616 3.598z" stroke="#979797" stroke-linecap="square" fill="#979797"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

2
1-js/7-js-misc/3-setTimeout-setInterval/setinterval-interval.svg
View file

@ -1 +1 @@
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>setinterval-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" id="Line" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M131 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(128 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M150.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L138.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L134.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M131 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M274 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(271 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M293.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L281.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L277.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M274 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M408 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(405 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M427.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L415.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L411.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M408 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="115" y="183">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="259" y="183">200</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="394" y="183">300</tspan></text><path d="M221.5 122.5h50m93 0h41" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>setinterval-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M131 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(128 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M150.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L138.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L134.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M131 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M274 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(271 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M293.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L281.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L277.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M274 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M408 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(405 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M427.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L415.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L411.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M408 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="115" y="183">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="259" y="183">200</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="394" y="183">300</tspan></text><path d="M221.5 122.5h50m93 0h41" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

2
1-js/7-js-misc/3-setTimeout-setInterval/settimeout-interval.svg
View file

@ -1 +1 @@
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>settimeout-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" id="Line" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M51 101h90v40H51z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(48 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M70.582 60.342l-9.67-2.904 7.58-16.164L48.47 62.096 58.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L54.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M51 155.5v-70" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M245 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(242 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M264.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L252.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L248.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M245 155.5v-70" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M439 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(436 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M458.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L446.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L442.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M439 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="179" y="201">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="372" y="201">100</tspan></text><path d="M142.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/><path d="M142.5 176.5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5M336.5 176.5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5" stroke-linecap="square" stroke="#4990E2"/><path d="M336.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>settimeout-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" id="Line" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M51 101h90v40H51z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(48 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M70.582 60.342l-9.67-2.904 7.58-16.164L48.47 62.096 58.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L54.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M51 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M245 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(242 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M264.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L252.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L248.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M245 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M439 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(436 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M458.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L446.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L442.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M439 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="179" y="201">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="372" y="201">100</tspan></text><path d="M142.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/><path d="M142.5 176.5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5m186 5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5" stroke-linecap="square" stroke="#4990E2"/><path d="M336.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After