MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Ссылки на этой странице ведут к целому ряду учебных пособий и материалов. Если вы только начинаете учить основы, или же вы уже бывалый веб-разработчик, то здесь вы сможете найти полезные ресурсы для получения передового практического опыта.  Эти ресурсы создаются дальновидными компаниями и веб-разработчиками, включают открытые стандарты и лучшие практики для веб-разработки, предоставляют или позволяют переводы под открытой лицензией, такой, как 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.

 

Метки документа и участники

 Внесли вклад в эту страницу: anastasiya-solodkaya, GraceAredel, Tihoem, uleming, Steln, aleks_root
 Обновлялась последний раз: anastasiya-solodkaya,