- Intro: https://www.youtube.com/playlist?list=PL697D36B35F92E9E4 (1)
- JS:
- Single page: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript (2)
- Video: http://video.ch9.ms/ch9/DF01/97ECAC6F-5413-486A-B9D5-9EB60082DF01/MIX11HTM06_high_ch9.mp4 (5)
- Intermediate: http://ejohn.org/apps/learn (6)
- Philip Roberts: What the heck is the event loop anyway? https://www.youtube.com/watch?v=8aGhZQkoFbQ
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
npm list --global=true --depth=0 ---- ==== ---Посмотреть список глобальных NPM пакетов |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/bin/bash | |
for f in *.scss; do sass-convert $f ${f%scss}sass ; done | |
rm *.scss |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[ | |
<div class="jumbatron"> | |
<div class="jumbatron__img"> | |
<img src="img/big_img.jpg" alt=""> | |
</div> | |
</div> | |
styles | |
.jumbatron | |
position: relative |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[<img src="${0}" alt="Иллюстрация"> | |
]]></content> | |
<!-- Optional: Set a tabTrigger to define how to trigger the snippet --> | |
<tabTrigger>im</tabTrigger> | |
<!-- Optional: Set a scope to limit where the snippet will trigger --> | |
<scope>text.html</scope> | |
</snippet> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[ | |
<!-- begin $1 --> | |
<div class="$1"> | |
$2 | |
</div> | |
<!-- end $1 --> | |
]]></content> | |
<!-- Optional: Set a tabTrigger to define how to trigger the snippet --> | |
<tabTrigger>di</tabTrigger> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.ratio { | |
width: 50%; /* здесь можно установить любую нужную ширину */ | |
} | |
.ratio-inner { | |
position: relative; | |
height: 0; | |
border: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="wrapper"> | |
<ul class="nav"> | |
<li> <a href="">menu</a> </li> | |
<li><a href="">menu</a></li> | |
<li> <a href="">menu</a> </li> | |
<li> <a href="">menu</a> </li> | |
<li> <a href="">menu</a> </li> | |
</ul> | |
<div class="header"> | |
<h2>header</h2> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<br /> | |
<a href="#" id="get">get click me</a> | |
<br /><br /> | |
<span class="red">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus facilis molestiae deserunt ipsum optio dolorem ex sunt accusamus nulla inventore ut amet provident veritatis, voluptatem assumenda nisi mollitia aspernatur voluptatum.</span> <br /><br /> | |
<br /> | |
<span class="red">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus facilis molestiae deserunt ipsum optio dolorem ex sunt accusamus nulla inventore ut amet provident veritatis, voluptatem assumenda nisi mollitia aspernatur voluptatum.</span> | |
<br /> | |
<span class="red">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus facilis molestiae deserunt ipsum optio dolorem ex sunt accusamus nulla inventore ut amet provident veritatis, voluptatem assumenda nisi mollitia aspernatur voluptatum.</span> |