Учебники

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

Оптимизация веб-страниц, для большей адаптивности сайта и снижения нагрузки на веб-сервера и подключение к Интернету

HTML5 Tutorials (HTML5 Rocks)

Совершите экскурсию в код, который использует возможности HTML5.

Semantics in HTML5 (A List Apart)

Изучите рабочую разметку, обеспечивающую обратную совместимость, расширяемую и поддерживающую будущие изменения (совместимость вперёд).

Canvas Tutorial (en-US)

Узнайте, как рисовать с помощью скриптов, используя элемент 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 (en-US)

Повторение языка программирования JavaScript для разработчиков среднего уровня.

Eloquent JavaScript

Полное руководство по "средним" и "продвинутым" методикам JavaScript.

Essential JavaScript Design Patterns (Addy Osmani)

Введение в основы шаблонов проектирования JavaScript.

The JavaScript Programming Language (YUI Blog)

Douglas Crockford исследует язык, какой он есть сегодня, и как он пришёл, чтобы быть.

Introduction to Object-Oriented JavaScript (en-US)

Узнайте об ООП в 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 (en-US)

Этот учебник познакомит вас с каскадными таблицами стилей (CSS). Он проведёт вас через основные особенности CSS и предложит практические примеры, которые можно попробовать на вашем компьютере.

CSS Selector Classes (Wikiversity)

Что такое классы в CSS?

External CSS (Wikiversity)

Использование CSS из внешних источников.

Adding a Touch of Style (W3C)

Краткое руководство для начинающих по стилизации веб-страниц с помощью CSS.

Common CSS Questions (en-US)

Общие вопросы и ответы для начинающих.

CSS Selectors (en-US)

Введение в CSS селекторы.

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

CSS Reference (en-US)

Полный справочник по 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 (en-US)

Как применять поворот, наклон, масштабирование и перемещение при помощи CSS

CSS Transitions (en-US)

CSS переходы, спецификация CSS3 по этой теме, как анимировать изменения стилей в CSS, вместо того, чтобы делать их "сразу".

Quick Guide to Implement Web Fonts with @font-face (HTML5 Rocks)

Возможности @font-face в CSS3, создание собственных шрифтов и работа с ними.

Starting to Write CSS (David Walsh)

Введение в инструменты и методологии для разработки более краткого, масштабируемого и поддерживаемого CSS.