Хорошие книжки по JavaScript?

Question

[Uzumeti]

Добрый день!

Посоветуйте пожалуйста хорошие доходчивые книжки или самоучители (или другие источники информации: вебинары и т.п.) по JavaScript для совсем низкого уровня освоения.

Теории прочитал довольно много, но ни одну практическую задачу решить не получается. Как-то оно в голове не укладывается. В итоге потом лазишь по форумам и обнаруживаешь, что в довершении ко всему существует ещё масса методик, о которых в книгах ни слова почему-то не было. А решается оно часто двумя строчками :)

Может быть есть какие-то книги, которые помогают "строить мост" между голой теорией про массивы (в которой, к слову, сложности не вижу) и возможностью применить знания на практике?

Спасибо!

Answer 1

[Владимир Проскурин]

А решается оно часто двумя строчками :)

Это по причине того, что на форумах часто код дают в функциональном стиле, состоящим из вызовов map/filter/reduce и.т.д., а новички еще не дошли до этого, и их это ставит в ступор.

Может быть есть какие-то книги, которые помогают "строить мост" между голой теорией про массивы (в которой, к слову, сложности не вижу) и возможностью применить знания на практике?

Вообще, носорог и learn.java-script.ru самые простые книги по JS, есть еще You Dont Know JS, она на английском. Если они кажутся сложными, то либо программирование это не ваше, либо пробуйте читать фундаментальные книжки, типа Код. Тайный язык информатики. Чарльз Петцольд

Comments

[Uzumeti]

Спасибо! Ознакомлюсь

[Fodin]

А вот и You Dont Know JS на русском

[Павел Антонов]

Fodin, за ссылочку спасибо!

[Владимир Проскурин]

Fodin, она не полностью переведена, две основные книги по acync и ES6 пропустили.

Answer 2

[Delirium4dude]

на хабре есть очень толковые и актуальные лекции по JS от преподавателя Киевского Политехнического
https://habr.com/ru/post/434686/

Answer 3

[Константин Урумов]

мне очень помог сайт code.mu и w3schools

Answer 4

[lb-web]

Ник Морган, Джаваскрипт для детей.
Все немного утрировано и разжовано, но чтобы въехать с нулем знаний - оно.
А вот потом если знаешь английский, то You Dont Know JS.

Answer 5

[WebDev]

learn.javascript.ru - очень хороший структурированный учебник. Там, правда ES5, но это не критично.

Comments

[Strannyk]

ES6 тоже.

[WebDev]

Strannyk, Нет, конкретно в учебнике все примеры на ES5.

[Strannyk]

WebDev, А это что?

[Uzumeti]

Спасибо! Этот ресурс как раз в топах поиска, но мне его сложно переварить. Не хватает поэтапного подхода что ли. Вероятно сложность в том, что ни с чем, кроме HTML и CSS не работал, кусочек PHP зацепил. А тут какая-то логика совершенно нестандартная (для меня).

Причем...Я понимаю, что PHP и JS языки разные. Но решить простенькую задачу на PHP могу пользуясь самой обычной человеческой логикой. А в JS начинается это перемешивание и переприравнивание туда-сюда. Понимаю, что для знатока оно звучит смешно :)

[WebDev]

Strannyk, Это отдельная глава, посвященная ES6, а учебник, оглавление которого находится здесь http://learn.javascript.ru не содержит примеров на ES6.

[WebDev]

Uzumeti, это самый поэтапный ресурс. Начинайте вот отсюда и переходите на следующий урок в конце страницы. Все специально отсортировано по сложности.

[Strannyk]

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

[WebDev]

Strannyk, Я понимаю. Но человек заходит на сайт, открывает первую главу и дальше идет по порядку. Чтобы смотреть примеры на ES6, нужно прерывать чтение, идти в в главу, где описан ES6 и сопостовлять это с тем, что в учебнике. Для человека, который только-только разбирается как все устроено - это неудобно.
Но это вообще не критично, я об этом написал в самом начале.

[Павел Корнилов]

Strannyk, WebDev, кто освоил хорошо ES-5 - перейти на 6 труда не составит никакого. Ну, а если и составит, то можно и в ES-5 прекрасно писать.

[Александр Попов]

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

[Strannyk]

Александр Попов, Поддержка старых браузеров требуется все реже, а подключить транспайлер к системе сборки - не непосильный труд. А знание ES6 уже давно не дополнительная опция, а насущная необходимость хотя бы потому, что разработчик со 100% вероятностью столкнется с легаси на новом стандарте. К тому же, все современные инструменты во фронтенде (фреймворки и пр.) заточены под ES6.

[Александр Попов]

Strannyk, "поддержка старых браузеров требуется все реже" - в целом согласен. Но проблема в том, что тут старые - это не старьё-старьё вроде IE8 или Opera Presto. А даже, например, Chrome 48 и ниже (всё, что вышло до января 2016-ого). То есть уже в браузерах трёхлетней давности расчудесный код с let и const вне strict режима безнадёжно зафейлится, превратив весь ваш суперсовременный и динамический сайт в "кирпич" в виде белого полотна. Транспайлер для профи подключить несложно, но тут встаёт вопрос, как много фич от ES6 нам реально нужно. Если это замена var на const в 2-3 местах и всё - то имхо игра вообще не стоит свеч.

"а насущная необходимость" - а вот тут несогласен абсолютно. Нет такой необходимости вообще ни разу. Хотя для анализа чужого кода, конечно, бывает полезно знать, что такое стрелочная функция и Promise.

"(фреймворки и пр.) заточены под ES6" - тоже не соглашусь. Когда мы пишем на фреймворке, мы используем синтаксис фреймворка (в основном), а не синтаксис чистого ES5 или ES6. А если фреймворк тупо требует новый браузер для работы, потому что сам написан с использованием ES6 - тут конечно печалька. Или искать более старую версию для кроссбраузерности, или пытаться прогонять через транспайлер сам фреймворк... Я лично таким не занимался, слава Богу.

[Strannyk]

Александр Попов,

"а насущная необходимость" - а вот тут несогласен абсолютно

Человек банально не устроится на работу - на каждом собеседовании на позиции JS/fullstack Developer задают вопросы по ES6.

"(фреймворки и пр.) заточены под ES6" - тоже не соглашусь

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

А вообще непонятна неприязнь к стандарту, вышедшему три с половиной года назад.

[Александр Попов]

Человек банально не устроится на работу - на каждом собеседовании на позиции JS/fullstack Developer задают вопросы по ES6

ну так откуда ж я знаю, зачем они это делают. Можно вполне нормально и на ES5 писать код, там нет особых проблем. Хотя промисы конечно порой очень выручают.

А вообще непонятна неприязнь к стандарту, вышедшему три с половиной года назад

так дело не в том, когда он вышел, а в том, что он слишком многие концепции изменил в языке. Которые изначально делали JS тем, чем он был. Например, попытка запихнуть синтаксис наследования на классах, как в Java, и лямбды как в Haskell/F#.

[Strannyk]

Александр Попов,

ну так откуда ж я знаю, зачем они это делают

Дело не в том, знаете вы или нет, а в том, что знание ES6 необходимо для прохождения собеседования. Поэтому, совет начинающему не учить ES6 - крайне вреден.

Можно вполне нормально и на ES5 писать код, там нет особых проблем.

Конечно можно, если писать для себя дома на коленке. Я не видел новых коммерческих проектов, в которых на фронте брезгуют ES6. Можно и на PHP 5, и на Java 6 писать.

так дело не в том, когда он вышел

И в этом тоже. Код чаще приходится читать, а не писать. А стандарт вышел достаточно давно, чтобы на нем успели написать мегатонны кода. И отказ от изучения столь кардинальных нововведений в языке является остановкой в развитии, другими словами, профессиональным суицидом.

Можно и кнопкой "Вставить цитату" не пользоваться.

[Александр Попов]

а в том, что знание ES6 необходимо для прохождения собеседования

Да знаю я его. Только вот пользоваться на практике - крайне не рекомендую. А зачем это на собеседованиях - вопрос к собеседующим :)

Можно и на PHP 5, и на Java 6 писать.

Так я и пишу. В чём проблема-то?

Код чаще приходится читать, а не писать.

Печальная у вас работа, если чаще приходится читать. Такое обычно касается тимлидов или людей, часто делающих код-ревью. Чужой код воспринимается плохо, намного хуже чем свой - даже если он хорошо или почти хорошо написан. Это по моему опыту) Ну и ещё это касается ленивых программистов, страдающих любовью к использованию сторонних библиотек и фреймворков - там да, часто что-то работает не так, как хочется, приходится вникать и допиливать.

А стандарт вышел достаточно давно, чтобы на нем успели написать мегатонны кода.

Согласен, но никто не мешает использовать более старые версии продуктов, которые выходили (и до сих пор работают на любых браузерах) до появления ES6.

И отказ от изучения столь кардинальных нововведений в языке является остановкой в развитии, другими словами, профессиональным суицидом.

То есть? Суицид в чём именно? Назовите хоть одну задачу, которую нельзя решить на ES5 (или которая решается в несколько раз или на порядок сложнее). Тогда у нас будет более предметный разговор. Пока вы просто сотрясаете воздух :) Такое ощущение, что вы больше теоретик, чем практик. Практику никогда не мешает отсутствие каких-то новых модных плюшек, потому что у него цель - сделать результат, а не наслаждаться процессом и собственной крутостью. И да, если текущая версия языка что-то делает плохо или не делает совсем - есть сторонние библиотеки, которые делают это, и делают хорошо. jQuery, loDash, mooTools, Ember, Angular, etc.

Answer 6

[Сергей Некрасов]

Перейти от чтения к практике, начни с очень простых задач, которые ты уже знаешь как решить и попробуй их решить другим способом.
Задачки https://www.w3resource.com/javascript-exercises/

Answer 7

[VoidVolker]

https://bonsaiden.github.io/JavaScript-Garden/ru/

Answer 8

[baxxter]

Если нужно именно выучить язык JS (а не научиться программировать - для этого есть другие книги и языки) и действительно понимать как он работает то посоветую серию книг "Вы не знаете JS" от Кайла Симпсона
https://github.com/azat-io/you-dont-know-js-ru в русском переводе первые пять частей можно найти только тут, их не издавали