Freecodecamp: рдкреБрд░рд╛рдиреА рдЗрдЯреИрд▓рд┐рдХрд╛рдЗрдЬрд╝ рд╡рд┐рдзрд┐

рдХреЛ рдирд┐рд░реНрдорд┐рдд 12 рдорд╛рд░реНрдЪ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: freeCodeCamp/freeCodeCamp

рдПрдХ рддрддреНрд╡ рдХреЗ рдЕрдВрджрд░ рдЪреБрдиреМрддреА рдмрджрд▓реЗрдВ рдкрд╛рда jQuery рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИред
рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдПрдЬреЗрдВрдЯ рд╣реИ: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.111 Safari/537.36 ред
рдХреГрдкрдпрд╛ рд╡рд░реНрдгрди рдХрд░реЗрдВ рдХрд┐ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдХреИрд╕реЗ рдкреБрди: рдЙрддреНрдкрдиреНрди рдХрд┐рдпрд╛ рдЬрд╛рдП, рдФрд░ рдпрджрд┐ рд╕рдВрднрд╡ рд╣реЛ рддреЛ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдХреЗ рд▓рд┐рдВрдХ рд╢рд╛рдорд┐рд▓ рдХрд░реЗрдВред
рдЪреБрдиреМрддреА рдХреЗ рд╡рд┐рд╡рд░рдг рдореЗрдВ, рдпрд╣ <em> рдЯреИрдЧ рдХреЗ рдмрдЬрд╛рдп рдЗрдЯреИрд▓рд┐рдХрд╛рдЗрдЬрд╝реНрдб рдЯреЗрдХреНрд╕реНрдЯ рдХреЛ jQuery рд╕реЗ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП <i> рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред рдкрд┐рдЫрд▓реА рдЪреБрдиреМрддреА рдореЗрдВ рдпрд╣ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХрд┐ рдХреИрд╕реЗ <i> рдкреБрд░рд╛рдирд╛ рд╣реИ рдФрд░ рдЖрдорддреМрд░ рдкрд░ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдореЗрдВ рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ

рдЕрд░реНрдерд╛рддред
$("h3").html("<i>jQuery Playground</i>");
рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП:
$("h3").html("<em>jQuery Playground</em>");

рдореЗрд░рд╛ рдХреЛрдб:

<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");

  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣рдо рдЗрд╕реЗ <em> рдореЗрдВ рднреА рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВ, рддрд╛рдХрд┐ рд╣рдо рдЗрди рдЦрддрд░реЛрдВ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрдВред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдЙрджреНрдзреГрдд рдкрд╣рд▓реЗ рдХреА рдЪреБрдиреМрддреА рдпрд╣ рдХрд╣рддреА рд╣реИ рдХрд┐ i рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЕрдм рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

i рддрддреНрд╡ рдореВрд▓ рд░реВрдк рд╕реЗ рдЕрдиреНрдп рддрддреНрд╡реЛрдВ рдХреЛ рдЗрдЯреИрд▓рд┐рдХ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рдерд╛, рд▓реЗрдХрд┐рди рдЕрдм рдЗрд╕реЗ рдЖрдорддреМрд░ рдкрд░ рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЖрдк рдлрд╝реЙрдиреНрдЯ рд╡рд┐рд╕реНрдордпрдХрд╛рд░реА рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ i рддрддреНрд╡ рдореЗрдВ рдПрдХ рдЖрдЗрдХрди рдореЗрдВ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдЬреЛрдбрд╝рддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП: ...

W3C рдЕрдиреБрд╢рдВрд╕рд╛ рдХрд╣рддреА рд╣реИ рдХрд┐ i рдЯреИрдЧ рд╣реИ:

i рддрддреНрд╡ рдПрдХ рд╡реИрдХрд▓реНрдкрд┐рдХ рдЖрд╡рд╛рдЬ рдпрд╛ рдордиреЛрджрд╢рд╛ рдореЗрдВ рдкрд╛рда рдХреА рдЕрд╡рдзрд┐ рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рддрд╛ рд╣реИ, рдпрд╛ рдЕрдиреНрдпрдерд╛ рд╕рд╛рдорд╛рдиреНрдп рдЧрджреНрдп рд╕реЗ рдЕрд▓рдЧ рддрд░реАрдХреЗ рд╕реЗ рдСрдлрд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдкрд╛рда рдХреА рдПрдХ рдЕрд▓рдЧ рдЧреБрдгрд╡рддреНрддрд╛ рдХреЛ рджрд░реНрд╢рд╛рддрд╛ рд╣реИ, рдЬреИрд╕реЗ рдХрд┐ рдЯреИрдХреНрд╕реЛрдиреЙрдорд┐рдХ рдкрджрдирд╛рдо, рдПрдХ рддрдХрдиреАрдХреА рд╢рдмреНрдж, рдПрдХ рдореБрд╣рд╛рд╡рд░реЗрджрд╛рд░ рд╡рд╛рдХреНрдпрд╛рдВрд╢ рдХрд┐рд╕реА рдЕрдиреНрдп рднрд╛рд╖рд╛ рд╕реЗ, рд▓рд┐рдкреНрдпрдВрддрд░рдг, рдПрдХ рд╡рд┐рдЪрд╛рд░, рдпрд╛ рдкрд╢реНрдЪрд┐рдореА рдЧреНрд░рдВрдереЛрдВ рдореЗрдВ рдПрдХ рдЬрд╣рд╛рдЬ рдХрд╛ рдирд╛рдоред

рдореИрдВ рдпрд╛ рддреЛ рдпрд╣ рд╕реНрдкрд╖реНрдЯ рдХрд░ рджреВрдВрдЧрд╛ рдХрд┐ рдХрд┐рд╕ рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реИ рдпрд╛ рджреЛрдиреЛрдВ рдЯреИрдЧреЛрдВ рдХреЛ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдирд╛ рд╣реИред @FreeCodeCamp/рдореБрджреНрджрд╛-рдореЙрдбрд░реЗрдЯрд░ рд╡рд┐рдЪрд╛рд░?

рд╣рдо рдЗрд╕реЗ <em> рдореЗрдВ рднреА рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВ, рддрд╛рдХрд┐ рд╣рдо рдЗрди рдЦрддрд░реЛрдВ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрдВред

:+1: <em> . рдореЗрдВ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

pbnj picture pbnj  ┬╖  45рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

QuincyLarson picture QuincyLarson  ┬╖  40рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tomasvn picture tomasvn  ┬╖  47рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

QuincyLarson picture QuincyLarson  ┬╖  54рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

doubleUTF picture doubleUTF  ┬╖  45рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ