<p>Ссылки на этой странице ведут к целому ряду учебных пособий и материалов. Если вы только начинаете учить основы или уже бывалый веб-разработчик, то здесь вы сможете найти полезные ресурсы для получения передового практического опыта. <span id="result_box" lang="ru"><span class="hps">Эти ресурсы</span> <span class="hps">создаются</span> <span class="hps">дальновидными</span> <span class="hps">компаниями</span> <span class="atn hps">и веб-</span><span>разработчиками, которые</span> <span class="hps">охватили</span> <span class="hps">открытые стандарты и</span> <span class="hps">лучшие</span> <span class="hps">практики</span> <span class="hps">для веб-разработки</span> <span class="hps">и</span> <span class="hps">которые предоставляют</span> <span class="hps">или</span> <span class="hps">позволяют</span> <span class="hps">переводы</span> <span class="hps">через</span> <span class="hps">открытую лицензию</span> <span class="hps">контент, такой как</span> <span class="hps">Creative Commons.</span></span></p>
<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">HTML <span class="short_text" id="result_box" lang="ru"><span class="hps">учебники</span></span></h2>
<h3 id="Вводный_уровень">Вводный уровень</h3>
<dl>
<dt><a href="/en-US/docs/Web/Guide/HTML/Introduction">Введение в HTML</a></dt>
<dd>Что такое HTML, что он делает, его краткая история, и что представляет собой структура HTML документа. В последующий статьях мы подробнее рассмотрим отдельные части HTML.</dd>
<dt><a href="https://reference.sitepoint.com/html/page-structure" rel="external">Базовая структура веб-страницы</a> (SitePoint)</dt>
<dd>Узнайте как HTML <span class="short_text" id="result_box" lang="ru"><span class="hps">элементы</span> <span class="hps">сочетаются</span> <span class="hps">в общую картину</span></span>.</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/HTML/Element">MDN HTML Element Reference</a></dt>
<dd><span id="result_box" lang="ru"><span class="hps">Комплексный</span> <span class="hps">справочник</span> <span class="hps">для</span> <span class="hps">HTML</span> <span class="hps">элементов</span><span>,</span> <span class="hps">и</span><span>, как различные</span> <span class="hps">браузеры поддерживают</span> <span class="hps">их</span><span>.</span></span></dd>
<dt><a href="https://wikiversity.org/wiki/Web_Design/HTML_Challenges" rel="external">HTML Challenges</a> (Wikiversity)</dt>
<dd><span id="result_box" lang="ru"><span class="hps">Используйте эти</span> <span class="hps">проблеммы</span><span>, чтобы отточить свои</span> <span class="hps">HTML навыки</span> <span class="atn hps">(для </span><span>примера,</span> <span class="atn hps">"</span><span>Нужно</span> <span class="atn hps">использовать <</span><span>h2</span><span>></span> <span class="hps">элемент или</span> <span class="hps"><STRONG></span> <span class="hps">элемент</span><span>?</span><span>"</span><span>)</span><span>, фокусируясь на</span> <span class="hps">значимом увеличении</span><span>.</span></span></dd>
<dt><a href="https://codeavengers.com/" title="https://codeavengers.com/">CodeAvengers</a> (CodeAvengers.com)</dt>
<dd>Code Avengers <span id="result_box" lang="ru"><span class="hps">это</span> <span class="hps">веселый</span> <span class="hps">и эффективный способ</span> <span class="hps">научиться</span> <span class="hps">коду</span> <span class="hps">веб-приложений</span> <span class="hps">и игр с</span> <span class="hps">HTML, CSS</span><span>,и</span> <span class="hps">JavaScript</span><span>.</span></span></dd>
</dl>
<h3 id="Продвинутый_уровень">Продвинутый уровень</h3>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/Tips_for_Authoring_Fast-loading_HTML_Pages">Tips for Authoring Fast-Loading HTML Pages</a></dt>
<dd><span id="result_box" lang="ru"><span class="hps">Оптимизация</span> <span class="hps">веб-страниц</span><span>, чтобы обеспечить большую</span> <span class="hps">отзывчивость</span> <span class="hps">сайта</span> <span class="hps">для посетителей</span> <span class="hps">и</span> <span class="hps">снизить нагрузку</span> <span class="hps">на веб-сервере</span> <span class="hps">и подключение к Интернету</span></span></dd>
<dt><a href="https://www.html5rocks.com/tutorials/" rel="external">HTML5 Tutorials</a> (HTML5 Rocks)</dt>
<dd><span id="result_box" lang="ru"><span class="hps">Совершите экскурсию</span> <span class="hps">через код</span><span>, который использует</span> <span class="hps">возможности HTML5</span><span>.</span></span></dd>
<dt><a href="https://www.alistapart.com/articles/semanticsinhtml5/" rel="external">Semantics in HTML5</a> (A List Apart)</dt>
<dd>Узнайте значимость увеличения расширения и назад- и вперед-совместимое.</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Canvas_tutorial">Canvas Tutorial</a></dt>
<dd>Узнайте, как рисовать графику, используя скрипты, используя элемент холста.</dd>
<dt><a href="https://html5doctor.com/" rel="external">HTML5 Doctor</a></dt>
<dd>Статьи об использовании HTML5 прямо сейчас.</dd>
<dt><a href="https://www.elated.com/articles/html5-audio/" rel="external">The Joy of HTML5 Audio</a> (Elated)</dt>
<dd>Узнайте как использовать HTML аудио элемент и вставлять звуки в ваши веб-страницы легко. Много примеров кода включаются в учебнике.</dd>
</dl>
<h2 class="Documentation" id="Documentation" name="Documentation">Javascript учебники</h2>
<h3 id="Вводный_уровень_2">Вводный уровень</h3>
<dl>
<dt><a href="https://www.codecademy.com/">Codecademy</a> (Codecademy)</dt>
<dd>Codecademy это простой способ узнать код JavaScript. Это интерактивный способ и вы можете сделать это с друзьями</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Getting_Started">Getting Started with JavaScript</a></dt>
<dd>Что такое JavaScript и как он может помочь вам?</dd>
<dt><a href="https://dev.opera.com/articles/view/javascript-best-practices/" rel="external">JavaScript Best Practices</a><a href="https://docs.webplatform.org/wiki/tutorials/javascript_best_practices" title="https://docs.webplatform.org/wiki/tutorials/javascript_best_practices"> </a>(WebPlatform.org)</dt>
<dd>Узнайте о некоторых из очевидных и (не очень) очевидных лучших практик при написании JavaScript.</dd>
<dt><a href="https://codeavengers.com/" title="https://codeavengers.com/">CodeAvengers</a> (CodeAvengers.com)</dt>
<dd>Code Avengers <span id="result_box" lang="ru"><span class="hps">это</span> <span class="hps">веселый</span> <span class="hps">и эффективный способ</span> <span class="hps">научиться</span> <span class="hps">кодам</span> <span class="hps">веб-приложений</span> <span class="hps">и игр с</span> <span class="hps">HTML, CSS</span><span> и</span> <span class="hps">JavaScript</span><span>.</span></span></dd>
</dl>
<h3 id="Средний_уровень">Средний уровень</h3>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/A_re-introduction_to_JavaScript">A Re-Introduction to JavaScript</a></dt>
<dd>Повторение языка программирования JavaScript, направленное на разработчиков среднего уровня.</dd>
<dt><a href="https://eloquentjavascript.net/contents.html" rel="external">Eloquent JavaScript</a></dt>
<dd>Полное руководство к промежуточным и передовым методикам JavaScript..</dd>
<dt><a href="https://www.addyosmani.com/resources/essentialjsdesignpatterns/book/" rel="external">Essential JavaScript Design Patterns</a> (Addy Osmani)</dt>
<dd>Введение в основы проектирования JavaScript шаблонов.</dd>
<dt><a href="https://www.yuiblog.com/blog/2007/01/24/video-crockford-tjpl/" rel="external">The JavaScript Programming Language</a> (YUI Blog)</dt>
<dd>Douglas Crockford исследует язык, какой он есть сегодня, и как он пришел, чтобы быть</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Introduction_to_Object-Oriented_JavaScript">Introduction to Object-Oriented JavaScript</a></dt>
<dd>Узнайте о модели JavaScript объекта.</dd>
</dl>
</div>
<div class="section">
<h3 id="Продвинутый_уровень_2">Продвинутый уровень</h3>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Guide">JavaScript Guide</a></dt>
<dd>Комплексное, регулярно обновляемое руководство по JavaScript для всех уровней обучения от начального до продвинутого</dd>
<dt><a href="https://ejohn.org/apps/learn/" rel="external">Learning Advanced JavaScript</a> (John Resig)</dt>
<dd>John Resig's гид по расширению JavaScript.</dd>
<dt><a href="https://www.elated.com/articles/javascript-dom-intro/" rel="external">Introducing the JavaScript DOM</a> (Elated)</dt>
<dd>Что такое Document Object Model, и почему это выгодно? Эта статья дает вам нежное введение в эту мощную функцию JavaScript.</dd>
<dt><a href="https://yuiblog.com/blog/2006/10/20/video-crockford-domtheory/" rel="external">An Inconvenient API: The Theory of the DOM</a> (YUI Blog)</dt>
<dd>Douglas Crockford объясняет Document Object Model.</dd>
<dt><a href="https://yuiblog.com/blog/2006/11/27/video-crockford-advjs/" rel="external">Advanced JavaScript</a> (YUI Blog)</dt>
<dd>Douglas Crockford пристально следит за шаблоном кода, который JavaScript програмисты могут выбрать в авторстве своих приложений.</dd>
<dt><a href="https://bonsaiden.github.com/JavaScript-Garden/" rel="external">JavaScript Garden</a></dt>
<dd>Документация из самых необычных частей JavaScript</dd>
<dt><a href="https://webcache.googleusercontent.com/search?q=cache:CJYRO48hw9EJ:stackoverflow.com/questions/394601/which-javascript-framework-jquery-vs-dojo-vs" rel="external">Which JavaScript Framework?</a> (StackOverflow)</dt>
<dd>Советы по выбору основы JavaScript..</dd>
<dt><a href="https://yuiblog.com/blog/2008/07/22/non-blocking-scripts/" rel="external">Non-Blocking JavaScript Downloads</a> (YUI Blog)</dt>
<dd>Советы по улучшению производительности скачивания страниц, содержащих JavaScript</dd>
<dt><a href="https://shichuan.github.io/javascript-patterns">JavaScript Patterns</a></dt>
<dd>Шаблон JavaScript и антипаттерн коллекция, которая охватывает модели функции, JQuery, JQuery узоры узоры плагинов, шаблонов проектирования, общие закономерности, литералы и шаблоны конструктора, шаблоны создания объекта, узоры повторного использования кода, DOM.</dd>
<dt><a href="https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">How Browsers Work</a></dt>
<dd>Подробное исследование, статья описывающая различные современные браузеры, их двигатели, и т.д. Страница рендеринг</dd>
<dt> </dt>
<dt>
<h2 id="CSS_tutorials">CSS учебники</h2>
</dt>
</dl>
<h3 id="Вводный_уровень_3">Вводный уровень</h3>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started">CSS Getting Started</a></dt>
<dd>Этот учебник познакомит вас с каскадные таблицы стилей (CSS). Он проведет вас через основные особенности CSS с практическими примерами, которые можно попробовать для себя на вашем компьютере.</dd>
<dt><a href="https://en.wikiversity.org/wiki/Web_Design/CSS_Classes" rel="external">CSS Selector Classes</a> (Wikiversity)</dt>
<dd>Какие классы в CSS?</dd>
<dt><a href="https://en.wikiversity.org/wiki/Web_Design/External_CSS" rel="external">External CSS</a> (Wikiversity)</dt>
<dd>Использование CSS из внешнего листа стилей.</dd>
<dt><a href="https://www.w3.org/MarkUp/Guide/Style" rel="external">Adding a Touch of Style</a> (W3C)</dt>
<dd>Руководство для начинающих вкратце укладки веб-страниц с помощью CSS.</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Common_CSS_Questions">Common CSS Questions</a></dt>
<dd>Общие вопросы и ответы для начинающих.</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors">CSS Selectors</a></dt>
<dd>Введение в CSS селекторов</dd>
</dl>
<h3 id="Средний_уровень_2">Средний уровень</h3>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference">CSS Reference</a></dt>
<dd>Полный справочник для CSS, с деталями о поддержке Firefox и других браузерах.</dd>
<dt><a href="https://en.wikiversity.org/wiki/Web_Design/CSS_challenges" rel="external">CSS Challenges</a> (Wikiversity)</dt>
<dd>Flex ваши навыки CSS, и увидеть где вам нежно больше практики.</dd>
<dt><a href="https://www.html.net/tutorials/css/" rel="external">Intermediate CSS Concepts</a> (HTML.net)</dt>
<dd>Группировка, псевдо-классы и многое другое.</dd>
<dt><a href="https://www.alistapart.com/articles/css-positioning-101/" rel="external">CSS Positioning 101</a> (A List Apart)</dt>
<dd>Использование позиционирования для соответствующих стандартов, настольная Свободная планировка..</dd>
<dt><a href="https://www.alistapart.com/articles/progressiveenhancementwithcss/" rel="external">Progressive Enhancement with CSS</a> (A List Apart)</dt>
<dd>Интеграция прогрессивного улучшения в веб-страницы с помощью CSS.</dd>
<dt><a href="https://www.alistapart.com/articles/fluidgrids/" rel="external">Fluid Grids</a> (A List Apart)</dt>
<dd>Дизайн макетов, что плавно изменять размер с окном браузера, в то время как до сих пор, используя типографскую сетку..</dd>
</dl>
<h3 id="Продвинутый_уровень_3">Продвинутый уровень</h3>
<dl>
<dt><a href="https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_transforms">Using CSS Transforms</a></dt>
<dd>Применить поворот, наклон, масштабирование и перемещение при помощи CSS</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_transitions">CSS Transitions</a></dt>
<dd>CSS переходы, часть проекта CSS3 спецификации, обеспечивают способ оживить изменения свойств CSS, вместо того, чтобы изменения вступили в силу немедленно..</dd>
<dt><a href="https://www.html5rocks.com/tutorials/webfonts/quick/" rel="external">Quick Guide to Implement Web Fonts with @font-face</a> (HTML5 Rocks)</dt>
<dd>Символ @ шрифта лицо функция от CSS3 позволяет использовать пользовательские шрифты в Интернете в доступности, можно манипулировать, и масштабируемым способом.</dd>
<dt><a href="https://davidwalsh.name/starting-css" rel="external">Starting to Write CSS</a> (David Walsh)</dt>
<dd>Введение в инструменты и методологии больше писать кратко в сопровождении и масштабируемую CSS.</dd>
</dl>
</div>
</div>
<p> </p>