Как правильно учить Javascript?

Question

[karpyuk7]

Больше месяца назад начал изучение javascript, и кажется я застрял. Изучаю в основном по книгам: JavaScript: "The Definitive Guide"," Секреты javaScript ниндзя", "JavaScript. Шаблоны"
и на сайте http://javascript.ru/.
Хочу сказать что книги не читаю "от корки до корки", вместо этого я их просматриваю, изучаю примеры, некоторые из них повторяю.
Смотрю на примеры и вроде бы понимаю что и зачем делается, но сам, без этих примеров практически ничего сделать не могу.
Это первый язык и не очень понятно что делать. С одной стороны нужна практика, но откуда ее брать, и что такого можно сделать на Javascript? Вот по PHP к примеру почти в каждой книге то создаем свой интернет магазин, то мини соц сеть, и становится более понятно. А что на Javascript?
Или может я что-то упускаю и стоит более внимательно изучать книги и справочники?

Answer 1

[Денис Инешин]

Вы наверное слышали, что каждый уважающий себя программист обязан написать несколько велосипедов? И JavaScript-программисты тоже так делают и еще как! Так вот в этом нет ничего плохого, это отличное самообучение.

Для начала заходите на любой каталог плагинов для JavaScript или jQuery. Находите интересный, не очень сложный на вид плагинчик (например карусель, лайтбокс, слайдер и т.п.) и пытаетесь сделать похожий, только лучше. Поначалу будет выходить черти что, но, это будет уже реальная задача, где вы начнете сталкиваться с реальными особенностями языка. Вот тут то знания и начнут обретать какую-то структуру у вас в голове.

Не пытайтесь брать сразу сложные вещи, начинайте с малого. Как заметили выше, не смотрите пока что на очень сложные книжки, их читать сейчас почти бесполезно.

Comments

[No1s3]

Спасибо за советы!

[svilkov87]

Спасибо!

[Artem Arsenowitch]

jQuery - библиотека)

[Денис Инешин]

Artem Arsenowitch: да да)

[Constantin]

Спасибо

[Роман]

Превосходно сформулировано, плюсую.

Answer 2

[davex69]

Сейчас на Hexlet проходит интересный курс по Java Script. Он чисто об особенностях языка. Думаю, будет интересно.

Ваша проблема, как я понял, Вы не знаете, что делать с полученными знаниями. Тогда поставьте себе цель какую-то, например, написать змейку или тетрис. Попробуйте отправить заявку на вакансию js программиста и попросите тестовое задание.

Drink coffee write JavaScript :-)

Answer 3

[Василий]

Ставь задачи сам, например, сделать такое же меню как на Тостере, отличная задача. Изучая отдельно теорию ты 80% не поймешь зачем что и как реализовано. Будет казаться что много бесполезного и зачем вообще так делать, когда ставишь задачу и начинаешь делать, вот тут то и всплывают всяческие нюансы из теории

Answer 4

[Данил Чекалин]

По поводу книг, кто бы, что не говорил, но Definitive Guide конченая книга, имхо! Человека не знающего программирования по мере чтения грузят разрознеными терминами, и чем дальше тем хуже. В итоге чтение превращается постоянное прыгание назад в попытках понять тот или иной термин. Вообще не рекомендую эту книгу.
Секреты нинзя обязательна к прочтению, но не сейчас. Шаблоны тем более.

Учебник на javascript.ru достойное руководство, вот его и читайте не прыгая.
На javascript можно теже самые и интернет-магазины, и мини соц. сети, но вы себе башку не забивайте этим. Изначально он был разработан для выполнения скриптов на стороне браузера (клиента). Добавление динамики для статичного html. Элементарные примеры: анимация (сложная), обработка событий (например мышки: клик, даблклик, пермещение).

Comments

[karpyuk7]

Те же выводы сделал насчет Definitive Guide, много мест которые я как новичок осилить не смог.

[Данил Чекалин]

По этому и читайте javascript.ru и как ранее рекомендовал @davex69 курсы Hexlet. Постоянное желание "точечного" изучения для решения той или иной задачи рано или поздно сделает свое дело, но это не лучший вариант. Все лучше изучить основу, с ней "поиграться", по придумывать элементарные себе задачки. Вот пару примеров и наверника без пособия вы уже и не вспомните как сделать: 1. Создать пустой div 2. Вывести с помощью JS в этом div`е фразу "Hello, world!" 3. Назначить стили, в частности зеленый цвет тексту Вот простая задача, при чем в необходимой последовательности. В целом ваша задача просто знать, что есть какие то уже предопределенные объекты, что с ними можно что-то делать. Например выше описаная задача порождать подобную мысль "так, нужно вставить в что-то в документ, аха, значит мне нужен объект document" и блаблабла. Общее понимаение нужно. И пока его нету, даже не пытайтесь змейки писать или тетрисы. Вот например еще задача: сделайте часы, которые будут "тикать", ну всмысли секунды, минуты и часы будут "идти". И если вы уже сразу же знаете, что вам нужен предопределенный объект Date, уже не плохо.

[karpyuk7]

Огромное спасибо, буду экспериментировать)

[Ырий Ведомый]

А по-моему, на то он и Definitive Guide, что не для самых маленьких. Новички должны страдать (как и многие из нас в своё время), пытаясь выхватить суть из разных источников (как то видеоуроки всякие, статьи, лисапеты с часами и прочее). Со временем знания систематизируются и становится проще. Я вот сейчас, например, снова начал читать этот самый Definitive Guide (год назад дропнул почти в самом начале), и получаю удовольствие, потому что больше не кажутся страшными слова вроде Объект, Класс, Итератор, Интерпретатор или, например, Регулярные Выражения.

[Crash]

Я начинал с Definitive Guide, ничего плохого сказать не могу. Отличный учебник

[erikaleie]

@dakiesse Спасибо большое за комментарий!

А что делать если нет понимания самой "инфраструктуры" языка? Я посмотрела на Hexlet первую лекцию, и как раз, того, чего я не понимаю, нет.

Самый примитивный вопрос где писать JS код? Можно ли сразу в html документе?
Как весь этот стек (html, css, js, jquery) между собой взаимодействуют? Про html и css я понимаю, а в вот как я JS? Спасибо!

[Данил Чекалин]

@erikaleie Ответ на первый вопрос: javascript.ru/tutorial/foundation/start
Ответ на второй: javascript.ru/tutorial/dom
Как я ранее писал, рекоменду javascript.ru

[erikaleie]

@dakiesse спасибо!

Answer 5

[NewTypes]

Я тупо смотрел курсы "Специалист", а потом лепил всякие фиговины которые мне лично интересны (попутно листая доки и книги). Нагрузка росла плавно, а результат оказался эффективным

Answer 6

[Archet]

Codeacademy?

Comments

[karpyuk7]

Именно с Codeacademy и видео уроков от Sorax начинал

[Crash]

Слишком просто)

Answer 7

[SanSYS]

Пара книг:
Professional JavaScript for Web Developers
High Performance JavaScript (Build Faster Web Appl...

Вот эти статьи можно сразу прочесть:
Everything you wanted to know about JavaScript scope
45 Useful JavaScript Tips, Tricks and Best Practices

Посещайте ресурс tech.pro
Почитайте основы по jQuery