Как делать сортировку в javascript при помощи sort()

Finding Specified Values

Currently, there are no integrated functions for locating the minimum or maximum values of the array. However, you can solve this issue by obtaining the index of the lowest and the highest value in a sorted array. Then, you will be able to create ascending or descending lists. You can see both kinds created in the code examples below:

Example Copy

Example Copy

Math.max()

When trying to find the highest number in the whole array, you can use the . This way, you don’t have to use the numeric JavaScript sort array function to sort out the whole list. The function will return only the highest number:

Example Copy

Math.min()

Similarly to method, you can locate the lowest number in the whole array using method. This will only return the lowest number in the array:

Example Copy

Custom Min/Max Methods

The least time-consuming way is to use a JS array sorting method which is, let’s say, homemade. Each value is compared with the highest value located in this while loop.Check out the possibilities that arise:

Example Copy

Each value is compared with the lowest value located in this loop:

Example Copy

обновленный ответ (октябрь 2014 года)

я был очень раздражен этим естественным порядком сортировки строк, поэтому мне потребовалось довольно много времени, чтобы исследовать эту проблему. Надеюсь, это поможет.

есть довольно много пользовательских реализаций там, пытаясь сделать сравнение строк более точно называется «естественный порядок сортировки строк»

когда я » играл «с этими реализациями, я всегда замечал какой-то странный выбор» естественного порядка сортировки», а точнее ошибки (или упущения в лучших случаях).

как правило, специальные символы (пробел, тире, амперсанд, скобки и т. д.) не обрабатываются правильно.

затем вы обнаружите, что они появляются в разных местах, как правило, это может быть:

• некоторые будут между прописными буквами » Z «и строчными буквами «a»
• какой будет между ‘9’ и прописные «а»
• некоторые будут после строчной буквы ‘Z’

когда можно было бы ожидать, что специальные символы будут «сгруппированы» вместе в одном месте, за исключением специального символа пробела, возможно (который всегда будет первым символом). То есть либо все перед цифрами, либо все между цифрами и буквами (строчные и прописные буквы «вместе» друг за другом), либо все после букв.

мой вывод заключается в том, что все они не могут обеспечить последовательный порядок, когда я начинаю добавлять едва необычные символы (т. е. символы с диакритическими знаками или символами, такими как тире, восклицательный знак и так далее).

исследования на заказ реализации:

• https://github.com/litejs/natural-compare-lite: не удается последовательно сортировать https://github.com/litejs/natural-compare-lite/issues/1 и http://jsbin.com/bevututodavi/1/edit?js, консоль, сортировка основных латинских символовhttp://jsbin.com/bevututodavi/5/edit?js, консоль
• https://github.com/javve/natural-sort : не сортировка последовательно, см. выпуск https://github.com/javve/natural-sort/issues/7 и смотрите основные латинские символы сортировки http://jsbin.com/cipimosedoqe/3/edit?js, консоль
• https://github.com/overset/javascript-natural-sort: кажется, довольно пренебрегают с февраля 2012 года, не удается последовательно сортировать, см. выпуск https://github.com/overset/javascript-natural-sort/issues/16
• http://www.davekoelle.com/files/alphanum.js, не удается последовательно сортировать, см. http://jsbin.com/tuminoxifuyo/1/edit?js, консоль

собственные реализации «естественного порядка сортировки строк» браузеров через

самая старая реализация (без аргументов locales и options) поддерживается IE6+, см. http://msdn.microsoft.com/en-us/library/ie/s4esdbwz (v=vs.94). aspx (прокрутите вниз до метод localeCompare ().
Встроенный способ делает намного лучшую работу по сортировке, даже международные и специальные символы.
Единственная проблема с использованием метод заключается в том, что «используемая локаль и порядок сортировки полностью зависят от реализации». Другими словами, при использовании localeCompare, таких как stringOne.localeCompare (stringTwo): Firefox, Safari, Chrome & IE имеют другой порядок сортировки для строк.

исследование браузера-родной реализации:

• http://jsbin.com/beboroyifomu/1/edit?js, console — сравнение основных латинских символов с localeCompare()
  http://jsbin.com/viyucavudela/2/ — сравнение основных латинских символов с localeCompare () для тестирования на IE8
• http://jsbin.com/beboroyifomu/2/edit?js, console — основные латинские символы в сравнении строк: проверка согласованности в строке vs, когда символ один
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare- IE11 + поддерживает новые аргументы locales & options

сложность «строки естественного порядка сортировки»

реализация твердого алгоритма (что означает: последовательный, но также охватывающий широкий спектр символов) является очень сложной задачей. UTF8 содержит более 2000 символов & покрывает больше чем 120 скрипты (языках).
Наконец, есть некоторые спецификации для этой задачи, она называется «алгоритм сортировки Unicode», который можно найти в http://www.unicode.org/reports/tr10/ . Вы можете найти дополнительную информацию об этом по этому вопросу, который я опубликовал https://softwareengineering.stackexchange.com/questions/257286/is-there-any-language-agnostic-specification-for-string-natural-sorting-order

Array.isArray

Массивы не
образуют отдельный тип языка. Они основаны на объектах. Поэтому typeof не может
отличить простой объект от массива:

console.log(typeof {}); // object
console.log (typeof ); // тоже object

Но массивы
используются настолько часто, что для этого придумали специальный метод: Array.isArray(value). Он возвращает
true, если value массив, и false, если нет.

console.log(Array.isArray({})); // false
console.log(Array.isArray()); // true

Подведем итоги
по рассмотренным методам массивов. У нас получился следующий список:

Для добавления/удаления элементов
push(…items)	добавляет элементы в конец
pop()	извлекает элемент с конца
shift()	извлекает элемент с начала
unshift(…items)	добавляет элементы в начало
splice(pos, deleteCount, …items)	начиная с индекса pos, удаляет deleteCount элементов и вставляет items
slice(start, end)	создаёт новый массив, копируя в него элементы с позиции start до end (не включая end)
concat(…items)	возвращает новый массив: копирует все члены текущего массива и добавляет к нему items (если какой-то из items является массивом, тогда берутся его элементы)
Для поиска среди элементов
indexOf/lastIndexOf(item, pos)	ищет item, начиная с позиции pos, и возвращает его индекс или -1, если ничего не найдено
includes(value)	возвращает true, если в массиве имеется элемент value, в противном случае false
find/filter(func)	фильтрует элементы через функцию и отдаёт первое/все значения, при прохождении которых через функцию возвращается true
findIndex(func)	похож на find, но возвращает индекс вместо значения
Для перебора элементов
forEach(func)	вызывает func для каждого элемента. Ничего не возвращает
Для преобразования массива
map(func)	создаёт новый массив из результатов вызова func для каждого элемента
sort(func)	сортирует массив «на месте», а потом возвращает его
reverse()	«на месте» меняет порядок следования элементов на противоположный и возвращает изменённый массив
split/join	преобразует строку в массив и обратно
reduce(func, initial)	вычисляет одно значение на основе всего массива, вызывая func для каждого элемента и передавая промежуточный результат между вызовами

Видео по теме

JavaScipt #1: что это такое, с чего начать, как внедрять и запускать

JavaScipt #2: способы объявления переменных и констант в стандарте ES6+

JavaScript #3: примитивные типы number, string, Infinity, NaN, boolean, null, undefined, Symbol

JavaScript #4: приведение типов, оператор присваивания, функции alert, prompt, confirm

JavaScript #5: арифметические операции: +, -, *, /, **, %, ++, —

JavaScript #6: условные операторы if и switch, сравнение строк, строгое сравнение

JavaScript #7: операторы циклов for, while, do while, операторы break и continue

JavaScript #8: объявление функций по Function Declaration, аргументы по умолчанию

JavaScript #9: функции по Function Expression, анонимные функции, callback-функции

JavaScript #10: анонимные и стрелочные функции, функциональное выражение

JavaScript #11: объекты, цикл for in

JavaScript #12: методы объектов, ключевое слово this

JavaScript #13: клонирование объектов, функции конструкторы

JavaScript #14: массивы (array), методы push, pop, shift, unshift, многомерные массивы

JavaScript #15: методы массивов: splice, slice, indexOf, find, filter, forEach, sort, split, join

JavaScript #16: числовые методы toString, floor, ceil, round, random, parseInt и другие

JavaScript #17: методы строк — length, toLowerCase, indexOf, includes, startsWith, slice, substring

JavaScript #18: коллекции Map и Set

JavaScript #19: деструктурирующее присваивание

JavaScript #20: рекурсивные функции, остаточные аргументы, оператор расширения

JavaScript #21: замыкания, лексическое окружение, вложенные функции

JavaScript #22: свойства name, length и методы call, apply, bind функций

JavaScript #23: создание функций (new Function), функции setTimeout, setInterval и clearInterval

Find the Highest (or Lowest) Array Value

There are no built-in functions for finding the max or min
value in an array.

However, after you have sorted an array, you can use the
index to obtain the highest and lowest values.

Sorting ascending:

Example

var points = ;
points.sort(function(a, b){return a — b});
// now points contains the lowest value
// and points contains the highest value

Sorting descending:

Example

var points = ;
points.sort(function(a, b){return b — a});
// now points contains the highest value
// and points contains the lowest value

Sorting a whole array is a very inefficient method if you only want to find the highest (or lowest) value.

ИЗОБРАЖЕНИЯ

Слайд шоуГалерея слайд шоуМодальное изображениеЛайтбоксОтзывчивая сетка изображенийСетка изображенийГалерея вкладокЭффект наведения на изображениеНаложение слайда на изображениеНаложение на изображениеНаложение заголовка на изображениеНаложение иконки на изображениеЭффект к изображениюЧерно-белое изображениеТекст на изображенииИзображение с текстовым блокомИзображение c прозрачным текстомИзображение на всю страницуФорма на изображенииИзображение герояРазмытое фоновое изображениеФоновое изображениеВыравненные изображенияОкругленные изображенияИзображение аватарОтзывчивое изображениеИзображение по центруМинитюрное изображениеЗнакомство с командойЛипкое изображениеЗеркальное изображениеДрожание изображенияГалерея портфолиоПортфолио фильтрЗум изображенияЛупа изображенияПолзунок сравнения

More Examples

Example

Sort numbers in an array in ascending order:

var points = ;
points.sort(function(a, b){return a-b});

Example

Sort numbers in an array in descending order:

var points = ;
points.sort(function(a, b){return b-a});

Example

Get the highest value in an array:

var points = ;points.sort(function(a, b){return b-a});    // Sort the numbers in the array in descending order// The first item in the array (points) is now the highest value

Example

Get the lowest value in an array:

var points = ;points.sort(function(a, b){return a-b});    // Sort the numbers in the array in ascending order// The first item in the array (points) is now the lowest value

Example

Sort an array alphabetically, and then reverse the order of the sorted items
(descending):

var fruits = ;
fruits.sort();
fruits.reverse();

Значения параметров

Параметр

Описание

function( a, b )

Функция, определяющую порядок сортировки элементов массива. Если функция сравнения используется (необязательный параметр), то должна возвращать одно из следующих значений: Отрицательное значение, если первый переданный аргумент меньше второго аргумента. В этом случае первый сравниваемый элемент будет расположен по меньшему индексу, чем второй. Ноль, если аргументы эквивалентны. Сравниваемые элементы массива останутся неизменными по отношению друг к другу, но будут отсортированы по отношению ко всем другим элементам. Положительное значение, если первый аргумент больше второго аргумента. В этом случае второй сравниваемый элемент будет расположен по меньшему индексу, чем первый.

Любая функция сравнения имеет следующую логику работы:

function compareFunction( a, b ) {
    if ( a меньше b по заданному критерию сортировки) {
        return -1;  // первый сравниваемый элемент будет расположен по меньшему индексу
    }
    if ( a больше b по заданному критерию сортировки) {
        return 1;  // второй сравниваемый элемент будет расположен по меньшему индексу
    }
    // если первый аргумент равен второму, то элементы массива останутся неизменными 
    // по отношению друг к другу но будут отсортированы по отношению ко всем другим элементам
    return 0;   
}

Сортировка слов и чисел

Мы наконец здесь: интересная часть! Мы начнем с создания двух простых функций для нашего объекта datatypes. Они будут просто передавать значения в base.extract(), а затем передавать эти возвращаемые значения в соответствующий класс сортировки.

Наш алфавитный сортировщик должен быть очевиден. Сортировщик чисел делает немного больше: перед передачей извлеченных значений он вырезает знак доллара спереди. Я сохранил это регулярное выражение простым, но вы могли бы разобрать много разных форматов здесь, если бы хотели получить что-то более сложное. Давайте уже опробуем наш плагин; создайте базовую страницу html:

Я включил таблицу и два списка (и я кратко их описал)

Обратите внимание на наши вызовы плагинов: мы используем тип данных по умолчанию для таблицы, но сортируем по ячейкам таблицы с классом last; попробуйте изменить это на «td.first». Затем мы сортируем списки численно и меняем один из них

Вот доказательство наших трудов:

Довольно приятно, но это были относительно простые ценности; что, если мы хотим иметь возможность сортировать несколько форматов для одного типа?

Comparing Elements

The function reads values as textual data (strings). A string like will be read as higher than because of its first character: is bigger than . Therefore, you will get wrong answers in your list. This problem can be solved using a compare() function:

Example Copy

The same method applies for sorting descending arrays:

Example Copy

When specifying a different sorting order, you should also use the function. It will bring back one of three values: a positive, negative or a zero:

Example Copy

In the example below, when 20 and 50 are compared, the method is calling the function . Then, a calculation of 20-50 happens, and the answer is -30 (a negative value). Now, the sort JavaScript function will proceed with array sort with the lower value being 20 rather than 50:

Example Copy

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid certificates of completion

100% FREE Pros

• Professional service
• Flexible timetables
• A variety of features to choose from

Main Features

• Professional certificates of completion
• University-level courses
• Multiple Online degree programs

100% FREE Pros

• Great user experience
• Offers quality content
• Very transparent with their pricing

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

100% FREE

Сортировка вставками на JavaScript

На каждом шаге алгоритма сортировки встаками выбирается один из элементов входного массива и вставляется на нужную позицию в уже отсортированном массиве, до тех пор, пока входных элементы не будут исчерпана. Метод выбора очередного элемента из исходного массива произволен; может использоваться практически любой алгоритм выбора. Обычно (и с целью получения устойчивого алгоритма сортировки), элементы вставляются по порядку их появления во входном массиве. В приведённой ниже реализации на JavaScript алгоритма сортировки встаками используется именно эта стратегия выбора.

Скопировать

function InsertionSort(A)       // A - массив, который нужно{                               // отсортировать по возрастанию.    var n = A.length;    for (var i = 0; i < n; i++)     { var v = A, j = i-1;       while (j >= 0 && A > v)        { A = A; j--; }       A = v;     }                        return A;    // На выходе сортированный по возрастанию массив A.}

Creating a Dynamic Sorting Function

Let’s finish up by making this more dynamic. Let’s create a sorting function, which you can use to sort an array of objects, whose values are either strings or numbers. This function has two parameters — the key we want to sort by and the order of the results (i.e. ascending or descending):

And this is how you’d use it:

Try it out

See the Pen
OJJopmx by SitePoint (@SitePoint)
on CodePen.

In the code above, the hasOwnProperty method is used to check if the specified property is defined on each object and has not been inherited via the prototype chain. If it’s not defined on both objects, the function returns , which causes the sort order to remain as is (i.e. the objects remain unchanged with respect to each other).

The typeof operator is also used to check the data type of the property’s value. This allows the function to determine the proper way to sort the array. For example, if the value of the specified property is a , a method is used to convert all its characters to uppercase, so character casing is ignored when sorting.

You can adjust the above function to accommodate other data types, and any other needs your script may have.

JS Tutorial

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS EventsJS StringsJS String MethodsJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop WhileJS BreakJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS ScopeJS HoistingJS Strict ModeJS this KeywordJS LetJS ConstJS Arrow FunctionJS ClassesJS DebuggingJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS VersionsJS 2009 (ES5)JS 2015 (ES6)JS 2016JS 2017JS JSON

Сортировка расчёской на JavaScript

Сортировка расчёской схожа с сортировкой пузырьком. Основная идея этого алгоритма — устранить маленькие значения в конце массива, которые крайне замедляют сортировку пузырьком (большие значения в начале массива, не представляют проблемы для алгоритма сортировки пузырьком). В сортировке пузырьком, когда сравниваются два элемента, промежуток (расстояние друг от друга) равен 1. Основная идея сортировки расчёской в том, что этот промежуток может быть гораздо больше, чем единица.

Скопировать

function newGap(gap)        // Вспомогательная функция.{   gap /= 1.3;    if (gap == 9 || gap == 10) gap = 11;    if (gap < 1) return 1;    return gap;}function CombSort(A)                // Функция сортировки расчёской.{   var n = A.length, gap = n;    do { swapped = false;         gap = newGap(gap);         for (var i=0; i<n-gap; ++i)          { if (A > A)             { swapped = true;               var t = A; A = A; A = t;             }          }    } while (gap > 1 || swapped);    return A;}

Добавление/удаление элементов

Мы уже знаем методы, которые добавляют и удаляют элементы из начала или конца:

• – добавляет элементы в конец,
• – извлекает элемент из конца,
• – извлекает элемент из начала,
• – добавляет элементы в начало.

Есть и другие.

Как удалить элемент из массива?

Так как массивы – это объекты, то можно попробовать :

Вроде бы, элемент и был удалён, но при проверке оказывается, что массив всё ещё имеет 3 элемента .

Это нормально, потому что всё, что делает – это удаляет значение с данным ключом . Это нормально для объектов, но для массивов мы обычно хотим, чтобы оставшиеся элементы сдвинулись и заняли освободившееся место. Мы ждём, что массив станет короче.

Поэтому для этого нужно использовать специальные методы.

Метод arr.splice(str) – это универсальный «швейцарский нож» для работы с массивами. Умеет всё: добавлять, удалять и заменять элементы.

Его синтаксис:

Он начинает с позиции , удаляет элементов и вставляет на их место. Возвращает массив из удалённых элементов.

Этот метод проще всего понять, рассмотрев примеры.

Начнём с удаления:

Легко, правда? Начиная с позиции , он убрал элемент.

В следующем примере мы удалим 3 элемента и заменим их двумя другими.

Здесь видно, что возвращает массив из удалённых элементов:

Метод также может вставлять элементы без удаления, для этого достаточно установить в :

Отрицательные индексы разрешены

В этом и в других методах массива допускается использование отрицательного индекса. Он позволяет начать отсчёт элементов с конца, как тут:

Метод arr.slice намного проще, чем похожий на него .

Его синтаксис:

Он возвращает новый массив, в который копирует элементы, начиная с индекса и до (не включая ). Оба индекса и могут быть отрицательными. В таком случае отсчёт будет осуществляться с конца массива.

Это похоже на строковый метод , но вместо подстрок возвращает подмассивы.

Например:

Можно вызвать и вообще без аргументов: создаёт копию массива . Это часто используют, чтобы создать копию массива для дальнейших преобразований, которые не должны менять исходный массив.

Метод arr.concat создаёт новый массив, в который копирует данные из других массивов и дополнительные значения.

Его синтаксис:

Он принимает любое количество аргументов, которые могут быть как массивами, так и простыми значениями.

В результате мы получаем новый массив, включающий в себя элементы из , а также , и так далее…

Если аргумент – массив, то все его элементы копируются. Иначе скопируется сам аргумент.

Например:

Обычно он просто копирует элементы из массивов. Другие объекты, даже если они выглядят как массивы, добавляются как есть:

…Но если объект имеет специальное свойство , то он обрабатывается как массив: вместо него добавляются его числовые свойства.

Для корректной обработки в объекте должны быть числовые свойства и :

Внутреннее устройство массива

Массив – это особый подвид объектов. Квадратные скобки, используемые для того, чтобы получить доступ к свойству – это по сути обычный синтаксис доступа по ключу, как , где в роли у нас , а в качестве ключа – числовой индекс.

Массивы расширяют объекты, так как предусматривают специальные методы для работы с упорядоченными коллекциями данных, а также свойство . Но в основе всё равно лежит объект.

Следует помнить, что в JavaScript существует 8 основных типов данных. Массив является объектом и, следовательно, ведёт себя как объект.

…Но то, что действительно делает массивы особенными – это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим, так, как это показано на иллюстрациях к этой главе. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро.

Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект.

Например, технически мы можем сделать следующее:

Это возможно, потому что в основе массива лежит объект. Мы можем присвоить ему любые свойства.

Но движок поймёт, что мы работаем с массивом, как с обычным объектом. Способы оптимизации, используемые для массивов, в этом случае не подходят, поэтому они будут отключены и никакой выгоды не принесут.

Варианты неправильного применения массива:

• Добавление нечислового свойства, например: .
• Создание «дыр», например: добавление , затем (между ними ничего нет).
• Заполнение массива в обратном порядке, например: , и т.д.

Массив следует считать особой структурой, позволяющей работать с упорядоченными данными. Для этого массивы предоставляют специальные методы. Массивы тщательно настроены в движках JavaScript для работы с однотипными упорядоченными данными, поэтому, пожалуйста, используйте их именно в таких случаях. Если вам нужны произвольные ключи, вполне возможно, лучше подойдёт обычный объект .

More Examples

Example

Sort numbers in an array in ascending order:

var points = ;
points.sort(function(a, b){return a-b});

Example

Sort numbers in an array in descending order:

var points = ;
points.sort(function(a, b){return b-a});

Example

Get the highest value in an array:

var points = ;points.sort(function(a, b){return b-a});    // Sort the numbers in the array in descending order// The first item in the array (points) is now the highest value

Example

Get the lowest value in an array:

var points = ;points.sort(function(a, b){return a-b});    // Sort the numbers in the array in ascending order// The first item in the array (points) is now the lowest value

Example

Sort an array alphabetically, and then reverse the order of the sorted items
(descending):

var fruits = ;
fruits.sort();
fruits.reverse();

Сортировка по дате

И наконец, предположим, что вам нужно отсортировать сотрудников по их дате выхода на пенсию. Эта информация хранится в свойстве и чтобы сделать всё интереснее, это будет не объект с датой, а просто строка. Что нам нужно сделать первым делом, так это создать валидный объект даты из строки даты выхода на пенсию, хоть впоследствии процесс и будет таким же, как и сортировка по числам:

employees.sort(function(a, b){var dateA=new Date(a.retiredate), dateB=new Date(b.retiredate)return dateA-dateB //сортировка по возрастающей дате})

Это отсортирует массив таким образом, что работник, выходящий на пенсию раньше всех, появится первым. теперь будет Sarah. Это сработает, потому что JavaScript даст вам сравнить и/или сделать арифметические вычисления на объекте даты, который в первую очередь автоматически сконвертируется в числовой вид.

Итог!

Теперь вы знаете: сортировка значений в JavaScript действительно не так сложна, как вы могли бы подумать. Вы можете представить, что это полезно для сортировки таблицы с чем-то вроде этого:

(Попробуйте заменить код jQuery для таблицы в первом примере этим!)

Конечно, мы могли бы улучшить этот плагин; например, мы могли бы проверить его атрибут atttribute для типа данных, если он не указан как параметр, и использовать по умолчанию alpha, если нет . Но это уже не относится к сортировке.

В общем, для сортировки с JavaScript мы выполняем следующие шаги:

1. Определите различные форматы, которые вы хотите сортировать.
2. Определите, в каком формате вы хотите сортировать.
3. Сортируйте массив элементов с методом sort(), передавая функцию, которая преобразует два элемента в желаемый формат, прежде чем сравнивать их

Следуйте за нами в Твиттере или подпишитесь на Nettuts + RSS Feed для лучших учебных пособий по веб-разработке в Интернете.