Revision 946833 of Учебники

URL ревизии: Web/Tutorials
Заголовок ревизии: Tutorials
ID ревизии: 946833
Создано: 7 нояб. 2015 г., 7:22:43
Автор: Tihoem
Это текущая ревизия? Нет
Комментарий

Метки:

Содержание ревизии

Ссылки на этой странице ведут к целому ряду учебных пособий и материалов. Если вы только начинаете учить основы или уже бывалый веб-разработчик, то здесь вы сможете найти полезные ресурсы для получения передового практического опыта. Эти ресурсы создаются дальновидными компаниями и веб-разработчиками, которые охватили открытые стандарты и лучшие практики для веб-разработки и которые предоставляют или позволяют переводы через открытую лицензию контент, такой как Creative Commons.

HTML учебники

Вводный уровень

Введение в HTML: Что такое HTML, что он делает, его краткая история, и что представляет собой структура HTML документа. В последующий статьях мы подробнее рассмотрим отдельные части HTML.
Базовая структура веб-страницы (SitePoint): Узнайте как HTML элементы сочетаются в общую картину.
MDN HTML Element Reference: Комплексный справочник для HTML элементов, и, как различные браузеры поддерживают их.
HTML Challenges (Wikiversity): Используйте эти проблеммы, чтобы отточить свои HTML навыки (для примера, "Нужно использовать <h2> элемент или <STRONG> элемент?"), фокусируясь на значимом увеличении.
CodeAvengers (CodeAvengers.com): Code Avengers это веселый и эффективный способ научиться коду веб-приложений и игр с HTML, CSS,и JavaScript.

Продвинутый уровень

Tips for Authoring Fast-Loading HTML Pages: Оптимизация веб-страниц, чтобы обеспечить большую отзывчивость сайта для посетителей и снизить нагрузку на веб-сервере и подключение к Интернету
HTML5 Tutorials (HTML5 Rocks): Совершите экскурсию через код, который использует возможности HTML5.
Semantics in HTML5 (A List Apart): Узнайте значимость увеличения расширения и назад- и вперед-совместимое.
Canvas Tutorial: Узнайте, как рисовать графику, используя скрипты, используя элемент холста.
HTML5 Doctor: Статьи об использовании HTML5 прямо сейчас.
The Joy of HTML5 Audio (Elated): Узнайте как использовать HTML аудио элемент и вставлять звуки в ваши веб-страницы легко. Много примеров кода включаются в учебнике.

Javascript tutorials

Вводный уровень

Codecademy (Codecademy): Codecademy is the easiest way to learn how to code JavaScript. It's interactive, fun, and you can do it with your friends.
Getting Started with JavaScript: What is JavaScript and how can it help you?
JavaScript Best Practices (WebPlatform.org): Learn about some of the obvious and (not so) obvious best practices when writing JavaScript.
CodeAvengers (CodeAvengers.com): Code Avengers is the fun, effective way to learn to code web apps and games with HTML, CSS, and JavaScript.

Средний уровень

A Re-Introduction to JavaScript: A recap of the JavaScript programming language aimed at intermediate-level developers.
Eloquent JavaScript: A comprehensive guide to intermediate and advanced JavaScript methodologies.
Essential JavaScript Design Patterns (Addy Osmani): Введение в основы проектирования JavaScript шаблонов.
The JavaScript Programming Language (YUI Blog): Douglas Crockford исследует язык, какой он есть сегодня, и как он пришел, чтобы быть
Introduction to Object-Oriented JavaScript: Узнайте о модели JavaScript объекта.

Продвинутый уровень

JavaScript Guide: Комплексное, регулярно обновляемое руководство по JavaScript для всех уровней обучения от начального до продвинутого
Learning Advanced JavaScript (John Resig): John Resig's гид по расширению JavaScript.
Introducing the JavaScript DOM (Elated): Что такое Document Object Model, и почему это выгодно? Эта статья дает вам нежное введение в эту мощную функцию JavaScript.
An Inconvenient API: The Theory of the DOM (YUI Blog): Douglas Crockford объясняет Document Object Model.
Advanced JavaScript (YUI Blog): Douglas Crockford пристально следит за шаблоном кода, который JavaScript програмисты могут выбрать в авторстве своих приложений.
JavaScript Garden: Документация из самых необычных частей JavaScript
Which JavaScript Framework? (StackOverflow): Советы по выбору основы JavaScript..
Non-Blocking JavaScript Downloads (YUI Blog): Советы по улучшению производительности скачивания страниц, содержащих JavaScript
JavaScript Patterns: Шаблон JavaScript и антипаттерн коллекция, которая охватывает модели функции, JQuery, JQuery узоры узоры плагинов, шаблонов проектирования, общие закономерности, литералы и шаблоны конструктора, шаблоны создания объекта, узоры повторного использования кода, DOM.
How Browsers Work: Подробное исследование, статья описывающая различные современные браузеры, их двигатели, и т.д. Страница рендеринг

CSS tutorials

Вводный уровень

CSS Getting Started: This tutorial introduces you to Cascading Style Sheets (CSS). It guides you through the basic features of CSS with practical examples that you can try for yourself on your own computer.
CSS Selector Classes (Wikiversity): What are classes in CSS?
External CSS (Wikiversity): Using CSS from an external style sheet.
Adding a Touch of Style (W3C): A brief beginner's guide to styling web pages with CSS.
Common CSS Questions: Common questions and answers for beginners.
CodeAvengers (CodeAvengers.com): Code Avengers is the fun, effective way to learn to code web apps and games with HTML, CSS, and JavaScript.

Средний уровень

CSS Reference: Complete reference to CSS, with details on support by Firefox and other browsers.
CSS Challenges (Wikiversity): Flex your CSS skills, and see where you need more practice.
Intermediate CSS Concepts (HTML.net): Grouping, pseudo-classes, and more.
CSS Positioning 101 (A List Apart): Using positioning for standards-compliant, table-free layout.
Progressive Enhancement with CSS (A List Apart): Integrate progressive enhancement into your web pages with CSS.
Fluid Grids (A List Apart): Design layouts that fluidly resize with the browser window, while still using a typographic grid.

Продвинутый уровень

Using CSS Transforms: Apply rotation, skewing, scaling, and translation using CSS.
CSS Transitions: CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.
Quick Guide to Implement Web Fonts with @font-face (HTML5 Rocks): The @font-face feature from CSS3 allows you to use custom typefaces on the web in an accessible, manipulatable, and scalable way.
Starting to Write CSS (David Walsh): An introduction to tools and methodologies to write more succinct, maintainable, and scalable CSS.

Источник ревизии

<p>Ссылки на этой странице ведут к целому ряду учебных пособий и материалов. Если вы только начинаете учить основы или уже бывалый веб-разработчик, то здесь вы сможете найти полезные ресурсы для получения передового практического опыта.&nbsp;&nbsp;<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">Введение в&nbsp;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">использовать &lt;</span><span>h2</span><span>&gt;</span> <span class="hps">элемент или</span> <span class="hps">&lt;STRONG&gt;</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 tutorials</h2>

<h3 id="Вводный_уровень_2">Вводный уровень</h3>

<dl>
 <dt><a href="https://www.codecademy.com/">Codecademy</a> (Codecademy)</dt>
 <dd>Codecademy is the easiest way to learn how to code JavaScript. It's interactive, fun, and you can do it with your friends.</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Getting_Started">Getting Started with JavaScript</a></dt>
 <dd>What is JavaScript and how can it help you?</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>Learn about some of the obvious and (not so) obvious best practices when writing JavaScript.</dd>
 <dt><a href="https://codeavengers.com/" title="https://codeavengers.com/">CodeAvengers</a> (CodeAvengers.com)</dt>
 <dd>Code Avengers is the fun, effective way to learn to code web apps and games with HTML, CSS, and JavaScript.</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>A recap of the JavaScript programming language aimed at intermediate-level developers.</dd>
 <dt><a href="https://eloquentjavascript.net/contents.html" rel="external">Eloquent JavaScript</a></dt>
 <dd>A comprehensive guide to intermediate and advanced JavaScript methodologies.</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>&nbsp;</dt>
 <dt>
 <h2 id="CSS_tutorials">CSS tutorials</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>This tutorial introduces you to Cascading Style Sheets (CSS). It guides you through the basic features of CSS with practical examples that you can try for yourself on your own computer.</dd>
 <dt><a href="https://en.wikiversity.org/wiki/Web_Design/CSS_Classes" rel="external">CSS Selector Classes</a> (Wikiversity)</dt>
 <dd>What are classes in CSS?</dd>
 <dt><a href="https://en.wikiversity.org/wiki/Web_Design/External_CSS" rel="external">External CSS</a> (Wikiversity)</dt>
 <dd>Using CSS from an external style sheet.</dd>
 <dt><a href="https://www.w3.org/MarkUp/Guide/Style" rel="external">Adding a Touch of Style</a> (W3C)</dt>
 <dd>A brief beginner's guide to styling web pages with CSS.</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Common_CSS_Questions">Common CSS Questions</a></dt>
 <dd>Common questions and answers for beginners.</dd>
 <dt><a href="https://codeavengers.com/" title="https://codeavengers.com/">CodeAvengers</a> (CodeAvengers.com)</dt>
 <dd>Code Avengers is the fun, effective way to learn to code web apps and games with HTML, CSS, and JavaScript.</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>Complete reference to CSS, with details on support by Firefox and other browsers.</dd>
 <dt><a href="https://en.wikiversity.org/wiki/Web_Design/CSS_challenges" rel="external">CSS Challenges</a> (Wikiversity)</dt>
 <dd>Flex your CSS skills, and see where you need more practice.</dd>
 <dt><a href="https://www.html.net/tutorials/css/" rel="external">Intermediate CSS Concepts</a> (HTML.net)</dt>
 <dd>Grouping, pseudo-classes, and more.</dd>
 <dt><a href="https://www.alistapart.com/articles/css-positioning-101/" rel="external">CSS Positioning 101</a> (A List Apart)</dt>
 <dd>Using positioning for standards-compliant, table-free layout.</dd>
 <dt><a href="https://www.alistapart.com/articles/progressiveenhancementwithcss/" rel="external">Progressive Enhancement with CSS</a> (A List Apart)</dt>
 <dd>Integrate progressive enhancement into your web pages with CSS.</dd>
 <dt><a href="https://www.alistapart.com/articles/fluidgrids/" rel="external">Fluid Grids</a> (A List Apart)</dt>
 <dd>Design layouts that fluidly resize with the browser window, while still using a typographic grid.</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>Apply rotation, skewing, scaling, and translation using CSS.</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_transitions">CSS Transitions</a></dt>
 <dd>CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.</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>The @font-face feature from CSS3 allows you to use custom typefaces on the web in an accessible, manipulatable, and scalable way.</dd>
 <dt><a href="https://davidwalsh.name/starting-css" rel="external">Starting to Write CSS</a> (David Walsh)</dt>
 <dd>An introduction to tools and methodologies to write more succinct, maintainable, and scalable CSS.</dd>
</dl>
</div>
</div>

<p>&nbsp;</p>

Вернуть эту версию