Посібники

Переклад цієї статті ще не завершено. Будь ласка, допоможіть перекласти цю статтю з англійської мови

Посилання на цій сторінці ведуть до різноманітних посібників і навчальних матеріалів. Незалежно від того, чи ви початківець, чи маєте достатньо досвіду в веб-розробці, ви знайдете безліч корисних ресурсів та найкращих практик. Ці матеріали були створенні перспективними компаніями та веб-розробниками, котрі використовують відкриті стандарти та найкращі практики в веб-розробці, що дозволяє перекладати й розповсюджувати матеріали через ліцензію відкритого контенту, таку як Creative Commons.

Для початківців Інтернету

Початок роботи з Інтернетом
Початок роботи з Інтернетом - це стислий цикл, який знайомить вас із практичними можливостями веб-розробки. Ви налаштуєте інструменти, необхідні для створення простої веб-сторінки та публікації власного простого коду.

HTML Посібники

Вступний рівень

Введення в HTML

Цей модуль знайомить вас з важливими поняттями і синтаксисом, розглядає застосування HTML до тексту, як створювати гіперпосилання і як сформувати структуру HTML сторінки. Статті, які подано далі, розбирають кожну частину HTML більш суттєво.

Створення простої веб-сторінки з HTML

Посібник з HTML для початківців, який містить пояснення загальних тегів, включаючи теги HTML5. Також включає покрокове керівництво зі створення базової веб-сторінки з прикладами коду.
MDN Довідник HTML елементів
Повний довідник HTML елементів та як вони підтримуються в різних браузерах.
HTML Задачі
Використовуйте ці задачі, щоб відточити свої навички HTML (наприклад, "Чи слід використовувати <h2> елемент або <strong> елемент?"), фокусуючись на значенні розмітки.

Середній рівень

Мультимедіа та вбудовування
Цей модуль досліджує, як використовувати HTML для включення мультимедіа на ваші веб-сторінки, включаючи різні способи включення зображень, а також як вставити відео, аудіо та навіть цілі інші веб-сторінки.
HTML таблиці
Представлення табличних даних на веб-сторінці зрозумілим, accessible може бути проблемою. Цей модуль охоплює базову розмітку таблиці, а також більш складні функції, такі як реалізація підписів та резюме.

Професійний рівень

Поради щодо створення швидкозавантажуваних HTML сторінок
Оптимізуйте веб-сторінки, щоб забезпечити більш зручний та швидкозавантажуваний сайт для відвідувачів, щоб зменшити навантаження на ваш веб-сервер і підключення до Інтернету.
HTML5 Підручники
Проведіть екскурсію по коду, який використовує функції HTML5.
Семантика в HTML5
Дізнайтеся про значущу розмітку, яка розширюється та сумісна з попередніми версіями.
Canvas Підручник
Дізнайтеся, як малювати графіку за допомогою скриптів та використовуючи елемент canvas (полотно).
HTML5 Доктор
Статті про використання HTML5 "тут і зараз".
Використання HTML5 Audio
Дізнайтеся, як легко використовувати HTML аудіо елемент, щоб легко вставляти звуки на своїх веб-сторінках. У підручнику включено багато прикладів коду.
HTML forms
Форми є дуже важливою частиною Інтернету - вони забезпечують значну функціональність, необхідну для взаємодії з веб-сайтами, наприклад, реєстрація та вхід у систему, надсилання відгуків, покупка товарів онлайн тощо. Цей модуль розпочав роботу зі створення частин форм клієнтської форми.

Javascript Посібники

Вступний рівень

Codecademy
Codecademy - це простий спосіб навчитися кодувати JavaScript. Це інтерактивна робота, і ви можете це робити з друзями.
Початок роботи з JavaScript
Що таке JavaScript і як це може допомогти вам?
JavaScript найкращі практики (WebPlatform.org)
Дізнайтесь про деякі з очевидних (та не дуже) найкращі практики написання JavaScript.

Середній рівень

Повторне введення в JavaScript
Резюме мови програмування JavaScript, спрямоване на розробників середнього рівня.
Красномовний JavaScript
Вичерпний посібник з проміжних та розширених методологій JavaScript.
Розмовляючи на JavaScript (Dr. Axel Rauschmayer)
Для програмістів, які хочуть швидко та правильно вивчити JavaScript, та для програмістів JavaScript, які хочуть поглибити свої навички та / або шукати конкретні теми.
Основні шаблони дизайну JavaScript (Addy Osmani)
Ознайомлення з основними моделями дизайну JavaScript.
Мова програмування JavaScript (YUI Blog)
Douglas Crockford досліджує мову, якою вона є сьогодні, і якою вона стала.
Введення в об'єктно-орієнтований JavaScript
Дізнайтеся про об'єктно-орієнтовану модель JavaScript.

Розповсюджені додатки

https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions/XUL_School - це дає гарне ознайомлення з деякими аспектами адонів Firefox...
.... Потрібні інші посилання на інші навчальні посібники про розповсюджені додатки...

Професійний рівень

JavaScript Guide
A comprehensive, regularly updated guide to JavaScript for all levels of learning from beginner to advanced.
You Don't Know JS (Kyle Simpson)
A series of books diving deep into the core mechanisms of the JavaScript language.
Learning Advanced JavaScript (John Resig)
John Resig's guide to advanced JavaScript.
Introducing the JavaScript DOM (Elated)
What is the Document Object Model, and why is it useful? This article gives you a gentle introduction to this powerful JavaScript feature.
An Inconvenient API: The Theory of the DOM (YUI Blog)
Douglas Crockford explains the Document Object Model.
Advanced JavaScript (YUI Blog)
Douglas Crockford looks closely at code patterns from which JavaScript programmers can choose in authoring their applications.
JavaScript Garden
Documentation of the most quirky parts of JavaScript.
Exploring ES6 (Dr. Axel Rauschmayer)
Reliable and in-depth information on ECMAScript 6.
Non-Blocking JavaScript Downloads (YUI Blog)
Tips on improving the download performance of pages containing JavaScript.
Javascipt Patterns
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM.
How browsers work
A detailed research article describing different modern browsers, their engines, page rendering etc.

CSS Посібники

Вступний рівень

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)
Що є класами в CSS?
External CSS (Wikiversity)
Використання у CSS зовнішніньої таблиці стилів.
Adding a Touch of Style (W3C)
A brief beginner's guide to styling web pages with CSS.
Common CSS Questions
Загальні запитання та відповіді для початківців.
CSS Selectors
Знайомство з CSS селекторами

Середній рівень

CSS Reference
Повний довідник з CSS, де є деталі про підтримку CSS у Firefox та інших броузерах.
CSS Challenges (Wikiversity)
Flex your CSS skills, and see where you need more practice.
Intermediate CSS Concepts (HTML.net)
Групування, псевдокласи, та інше.
CSS Positioning 101 (A List Apart)
Використовуйте позиціювання для стандартного, безтабличного макету.
Progressive Enhancement with CSS (A List Apart)
Втілення прогресивного покращення у ваші web сторінки за допомогою CSS.
Fluid Grids (A List Apart)
Design layouts that fluidly resize with the browser window, while still using a typographic grid.

Професійний рівень

Using CSS Transforms
Застосування обертання, перекошування, маштабування та транслявання у 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.