From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/tutorials/index.html | 173 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 files/ru/web/tutorials/index.html (limited to 'files/ru/web/tutorials') diff --git a/files/ru/web/tutorials/index.html b/files/ru/web/tutorials/index.html new file mode 100644 index 0000000000..ccf6849657 --- /dev/null +++ b/files/ru/web/tutorials/index.html @@ -0,0 +1,173 @@ +--- +title: Учебники +slug: Web/Tutorials +tags: + - Веб-дизайн + - Код + - Руководство +translation_of: Web/Tutorials +--- +

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

+ +
+
+

HTML учебники

+ +

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

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

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

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

Javascript учебники

+ +

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

+ +
+
JavaScript First Steps
+
JavaScript руководство, написанное как часть MDN Learning Area.
+
+ +
+
Codecademy (Codecademy)
+
Codecademy это простой способ изучить JavaScript. Он интерактивный, и вы можете делать это вместе с друзьями
+
Getting Started with JavaScript
+
Что такое JavaScript и как он может пригодиться вам?
+
JavaScript Best Practices (WebPlatform.org)
+
Узнайте о некоторых из очевидных (и не очень очевидных) лучших практиках для написания кода на  JavaScript.
+
+
+ +

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

+ +
+
A Re-Introduction to JavaScript
+
Повторение языка программирования JavaScript для разработчиков среднего уровня.
+
Eloquent JavaScript
+
Полное руководство по "средним" и "продвинутым" методикам JavaScript.
+
Essential JavaScript Design Patterns (Addy Osmani)
+
Введение в основы шаблонов проектирования JavaScript.
+
The JavaScript Programming Language (YUI Blog)
+
Douglas Crockford исследует язык, какой он есть сегодня, и как он пришел, чтобы быть.
+
Introduction to Object-Oriented JavaScript
+
Узнайте об ООП в JavaScript.
+
+
+ +
+
+
Speaking JavaScript (Dr. Axel Rauschmayer)
+
Для тех программистов, кто хочет быстро и хорошо выучить  JavaScript, а так же для тех, кто хочет углубить свои навыки или же изучить какие-то специфические темы.
+
+ +

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

+ +
+
JavaScript Guide
+
Полное, регулярно обновляемое руководство по JavaScript для всех уровней обучения от начального до продвинутого.
+
Learning Advanced JavaScript (John Resig)
+
Гид по "продвинутому" JavaScript от John Resig.
+
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, шаблоны проектирования, основные шаблоны, literal patterns и шаблоны конструирования, шаблоны создания объекта, переиспользуемый шаблонный код, DOM.
+
How Browsers Work
+
Статья с подробным исследованием, описывающая различные современные браузеры, их движки, рендеринг страниц и пр.
+
+ +
+
Exploring ES6 (Dr. Axel Rauschmayer)
+
Надежная и подробная информация об ECMAScript 2015.
+
JavaScript Videos (GitHub)
+
Видео о JavaScript.
+
+ +
+
+

CSS учебники

+
+
+ +

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

+ +
+
CSS Getting Started
+
Этот учебник познакомит вас с каскадными таблицами стилей (CSS). Он проведет вас через основные особенности CSS и предложит практические примеры, которые можно попробовать на вашем компьютере.
+
CSS Selector Classes (Wikiversity)
+
Что такое классы в CSS?
+
External CSS (Wikiversity)
+
Использование CSS из внешних источников.
+
Adding a Touch of Style (W3C)
+
Краткое руководство для начинающих по стилизации веб-страниц с помощью CSS.
+
Common CSS Questions
+
Общие вопросы и ответы для начинающих.
+
CSS Selectors
+
Введение в CSS селекторы.
+
+ +

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

+ +
+
CSS Reference
+
Полный справочник по CSS, с информацией о поддержке в Firefox и других браузерах.
+
CSS Challenges (Wikiversity)
+
Улучшите ваши навыки CSS, и обратите внимание на то, где вам нужно больше практики.
+
Intermediate CSS Concepts (HTML.net)
+
Группировка, псевдо-классы и многое другое.
+
CSS Positioning 101 (A List Apart)
+
Использование позиционирования в соотвествии со стандартами, без использования таблиц.
+
Progressive Enhancement with CSS (A List Apart)
+
Прогрессивное улучшение в веб-страницы с помощью CSS.
+
Fluid Grids (A List Apart)
+
Дизайн верстки, который плавно изменяется вместе с размерами окна, основанный на сетке.
+
+ +

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

+ +
+
Using CSS Transforms
+
Как применять поворот, наклон, масштабирование и перемещение при помощи CSS
+
CSS Transitions
+
CSS переходы, спецификация CSS3 по этой теме, как анимировать изменения стилей в CSS, вместо того, чтобы делать их "сразу".
+
Quick Guide to Implement Web Fonts with @font-face (HTML5 Rocks)
+
Возможности @font-face в CSS3, создание собственных шрифтов и работа с ними.
+
Starting to Write CSS (David Walsh)
+
Введение в инструменты и методологии для разработки более краткого, масштабируемого и поддерживаемого CSS.
+
+
+
-- cgit v1.2.3-54-g00ecf