Учебники
Ссылки на этой странице ведут к целому ряду учебных пособий и материалов. Если вы только начинаете учить основы, или же вы уже бывалый веб-разработчик, то здесь вы сможете найти полезные ресурсы для получения передового практического опыта. Эти ресурсы создаются дальновидными компаниями и веб-разработчиками, включают открытые стандарты и лучшие практики для веб-разработки, предоставляют или позволяют переводы под открытой лицензией, такой, как Creative Commons.
HTML учебники
Вводный уровень
- Введение в HTML
-
Что такое HTML, что он делает, его краткая история, и что представляет собой структура HTML документа. В последующих статьях мы подробнее рассмотрим отдельные части HTML.
- Базовая структура веб-страницы (SitePoint)
-
Узнайте как HTML элементы сочетаются в общую картину.
- MDN HTML Element Reference
-
Комплексный справочник для HTML элементов, и, как различные браузеры поддерживают их.
- HTML Challenges (Wikiversity)
-
Используйте эти задачки, чтобы отточить свои HTML навыки (для примера, "Какой элемент нужно использовать - <h2> или <STRONG>?"), фокусируясь на смысле разметки.
Продвинутый уровень
-
Оптимизация веб-страниц, для большей адаптивности сайта и снижения нагрузки на веб-сервера и подключение к Интернету
- 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.