Я не испытываю удовольствие от работы с javascript. Яваскрипт в сравнении с PHP некрасивый язык программирования. Он имеет пугающий синтаксис. Исключением является CoffeeScript. Там на редкость красивый синтаксис. Появление удобной библиотеки jquery изменило язык. Он стал более красивым и коротким. Яваскрипт в чистом виде очень "длинно" и тяжело выглядел. Как бы я не критиковал яваскрипт я точно знаю что без него не обойтись. Все визуальные эффекты, работа событий, валидация, графические галереи - это то за что любят яваскрипт. PHP не может работать как python или Ruby. Благодаря javascript можно запускать сразу несколько скриптов. Javascript не соревнуется с PHP, а как бы дополняет его. Одним словом, у каждого языка свои тонкости и изюминки. Прежде чем написать простенький скрипт на javascript + jquery вам нужно знать основу и более сложные технологии. Я приведу схему.

Я разбил схему изучения javascript и jquery на логические блоки. Расположил блоки по степени сложности. Что же касается ООП тут нет однозначного ответа. Нужен ли такой подход решать вам? Я думаю что такой подход нужен для определённых задач. Например, таблица с сотнями ячеек. В каждой ячейке данные с небольшими отличиями. Тут ООП друг. Чаще всего он не нужен. В PHP ООП сила и мощь. В яваскрипте подход ООП на мой взгляд не доделан. Будем с вами ждать EcmaScript 6.0.

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

1. Типы данных. Это святое. Без понимания будет тяжело. Есть подводные камни такие как Nan, endefined
2. Условные операторы if-else. Вся логика основана на условиях. Без понимания этих условий вы не станете программистом
3. Циклы. Очень часто нужно перебирать массив или объект. Обход DOM-дерева иногда нужно делать с перебором элементов.
4. DOM-дерево. Это самая вкусная часть. Если вы владеете обходим дум-дерева, то можно в разы сократить количество кода на странице.
5. Массивы. Тут нужно уметь наполнять массив элементами и извлекать нужные элементы
6. Объекты. Для передачи в PHP обработчик нужно формировать и наполнять объект. Внутри объекта может быть много элементов.
7. Внутренние функции. Тут вам необходимо выучить некий набор для работы с: массивами, объектами, строками
8. Эффекты. Вот это крутая вещь. Тут можно сделать следующее: затухание, изменение размеров объекта, постепенное изменение цвета
9. Технология Ajax. Без этой технологии о javascript давно бы забыли и не вспоминали. Она помогает передавать данные PHP-обработчику при помощи в формата JSON.
10. ООП в javascript. Спорный момент. Тут трудно судить? Разработчики явно не доделали эту часть языка. Таков мой взгляд.
11. Фрейморк (процедурный подход). Не секрет что фреймворки упрощают жизнь. Тут придётся работать как на чистом javascript, так и программировать на языке фреймворка. Тут для обновления таблицы нужно всего набрать одну строку.
12. Фрейморк (ООП подход). Мы с вами должны стремиться к освоению любого ООП фреймворка. Когда работает подобный фреймворк, то количество кода сокращается в разы. Освоение подобного фреймоворка - это трудоёмкое дело. Оно того стоит! После создания нескольких проектов вы сможете устроиться на высокооплачиваемую работу.