Коли тільки набиваєш руку у програмуванні, важлива швидкість: чим скоріше розробник початківець опанує всі необхідні технології, тим швидше зможе братися до комерційної роботи. Розвиток розробників з досвідом дещо відрізняється. Тут ефективніше заглиблюватися в окремі аспекти розробки, відточувати уже наявні знання та заповнювати прогалини. Що почитати в першому та другому випадках? Зібрали об’ємний список із 15 книжок разом з Марією Образцовою, Frontend Developer в Universe з екосистеми Genesis. Марія вже близько 2 років працює в команді Universe. За цей час вона розвивала освітню платформу Wisey, а сьогодні працює над новим вебпродуктом.
> «JavaScript Patterns: Build Better Applications with Coding and Design Patterns» by Stoyan Stefanov
Для початківців
ЕРІК ФРІМЕН, ЕЛІЗАБЕТ РОБСОН
Англ: Head First JavaScript Programming: A Brain-Friendly Guide by Eric Freeman, Elisabeth Robson
Об’ємний посібник, де зібрана ключова інформація про JavaScript: від основ до складніших тем — типів, масивів, функцій, об’єктів та DOM. Зачіпають також успадкування прототипів та тестування продуктів.
Переваги:
книга гарно підійде для людей, що люблять вікторини, головоломки та вправи для закріплення матеріалу;
послідовна структура, що дозволяє засвоїти простіші теми, перш ніж перейти до складних.
Недоліки:
інформації про популярні фреймворки та бібліотеки JS майже немає;
деякі матеріали можуть бути не актуальними.
МАРК МАЙЄРС
Англ: A Smarter Way to Learn JavaScript by Mark Myers
Посібник для початківців із акцентом на розуміння та запам'ятовування правильного синтаксису. Книжка будується на постійному закріпленні теоретичних знань через велику кількість додаткових завдань. Як обіцяє Марк Майєрс, на практику йде у два-три рази більше часу, ніж на читання.
Переваги:
інформацію подають невеликими «порціями» — середньостатистичний учень зможе засвоїти один розділ за 10 хвилин;
є сайт із вправами для кожного розділу, де можна попрактикуватися й закріпити все, про що ви дізналися;
матеріал пояснюють простою нетехнічною англійською мовою.
Недоліки:
деякі поняття можуть бути не актуальними.
НІК МОРГАН
Англ: JavaScript for Kids: A Playful Introduction to Programming by Nick Morgan
Попри те, що книга орієнтована на дітей, вона може слугувати хорошим посібником для початківців будь-якого віку. Розповідь починається з основ, таких як робота з рядками, масивами та циклами, а далі автори переходять до складніших тем — наприклад, створення інтерактивності з jQuery та малювання графіки за допомогою Canvas. «Це зовсім базове видання, де початківці можуть ознайомитися з синтаксисом та базовими поняттями мови», — каже Марія Образцова.
Переваги:
мова викладання проста та зрозуміла;
книжка дає достатньо знань, щоби самостійно розробити просту гру, зокрема Find the Buried Treasure, Hangman чи Snake;
швидкий спосіб розібратися, чи подобається вам програмування загалом — і як процес, і як результат.
Недоліки:
деякі технології, наприклад, Canvas, можуть бути неактуальними для стека комерційної розробки;
деякі приклади з книги не працюють так, як описано.
ДУГЛАС КРОКФОРД
Англ: JavaScript: The Good Parts by Douglas Crockford
Існує думка, що JavaScript має більше недоліків, ніж переваг. Однак Дуглас Крокфорд, який відіграв значну роль у розвитку JS, звертає увагу на іншу, «хорошу» частину мови — надійну, читабельну, підтримувану, придатну для створення масштабованого та ефективного коду. Так, у книжці пояснюється робота із синтаксисом обміну, функціями, методами, масивами, регулярними виразами тощо.
«На початку складно зрозуміти, що саме вчити, на чому зосереджуватися. Ця книжка допомагає не витрачати ресурс на пошук базової теорії в різних місцях, а дає впорядковану й доступну інформацію», — каже Марія Образцова.
Переваги:
розбір вдалих прикладів та помилок — з поясненням, як їх уникати;
«сухої» теорії небагато, й вона добре структурована.
чимало прикладів з досвіду автора.
Недоліки:
деякі приклади абстрактні, їх важко пов’язати з реальним програмуванням.
подекуди інформація може бути заскладною, і не вистачає авторської думки та пояснень.
ДЖОН ДАКЕТТ
Англ: JavaScript & JQuery: Interactive Front-End Web Development by Jon Duckett
Книжка насичена візуальними матеріалами. Вони дозволяють краще відчути, як зробити вебсторінки більш інтерактивними, а інтерфейси — більш інтуїтивно зрозумілими. Автор на прикладах показує, як з нуля проєктувати сценарії JavaScript, JavaScript API, а також jQuery. Щоби ефективно опрацювати книжку, знадобляться базові знання HTML та CSS.
Переваги:
проста та зрозуміла мова;
багато візуальних елементів роблять взаємодію з книгою цікавішою.
Недоліки:
трапляються приклади з помилками, яких новачки можуть не помітити.
JavaScript.Info (англ. та укр.)
Онлайн-підручник із сучасного JavaScript, що містить прості, але докладні пояснення з прикладами та завданнями. Є інформація про замикання, DOM, події та об'єктно-орієнтоване програмування. «Це не зовсім книжка, але сайт можна прирівняти до повноцінного посібника по JS», — каже Марія.
«По структурі він як звичайне видання: розділений на три великі блоки та маленькі глави у них. Довідник влаштований так, що при послідовному читанні знання нашаровуються одне на одне — і уявлення про мову стає більш комплексним. Я багато користувалася ним, коли вчила JavaScript, але до нього можуть звертатися і мідли, і сеньйори, якщо потрібно освіжити знання», — додає розробниця.
Для мідлів та сеньорів
DAVID FLANAGAN
Книга стане справді настільним довідником, адже охоплює всі нюанси роботи з мовою — від основних операцій зі значеннями різних типів до рушіїв. Серед інших понять, які охоплює автор — замикання, графіка та прототипування, а також суміжні з JS теми, як-от регулярні вирази й Node.js.
Переваги:
актуальна та сучасна інформація — автор сім разів перевидавав книгу, аби вдосконалити кожен розділ;
пояснення підійдуть як для тих, хто працює з клієнтською версією JS, так і для тих, хто використовує серверну;
багато релевантних прикладів.
Недоліки:
у книзі висвітлено ВСЮ мову: і сучасні підходи, і застарілі концепції, які уже не використовуються (однак автор говорить про це);
місцями книжка заскладна та дуже деталізована.
ADITYA Y. BHARGAVA
Книжка не висвітлює безпосередньо JavaScript, але вважається одним з найкращих видань про алгоритми та структуру даних. Вона складається з 11 розділів, де йдеться про сортування, рекурсію, хештаблиці, зв’язані списки, а також динамічне програмування. «Її корисно прочитати як джунам, так і мідлам та сеньйорам, які прагнуть зробити свої програми більш логічними», — каже Марія.
Переваги:
проста та зрозуміла мова, поняття введені у контекст;
малюнки допомагають краще уявити структуру роботи алгоритмів та структур даних;
багато прикладів.
Недоліки:
мало уваги приділено структурам даних, які є аналогами алгоритмів, як-от бінарне дерево, бінарне дерево пошуку, трійки тощо;
тема про динамічне програмування розкрита не повністю.
NICHOLAS C. ZAKAS
Динаміка сайтів будується в основному на JavaScript — і це одна з найцікавіших частин роботи з мовою. Втім, є мінус — через це сторінки можуть завантажуватися повільніше або взагалі не працювати, що погіршує User Experience. Книжка допомагає зрозуміти фактори, що негативно впливають на продуктивність, та пропонує прийоми й лайфхаки, які допомагають усунути проблеми.
Переваги:
багато важливої інформації про обробку даних та об’єктів;
описаний досвід об’ємний та цікавий, адже Ніколас Закас долучив до написання рок-зірок програмування — Росса Хармса, Жульєна Леконта, Стівена Левітана, Стояна Стефанова та Метта Суїні.
Недоліки:
деякі підходи зводяться до шаблонів програмування, які не є унікальними для JavaScript;
частина порад уже застаріла.
KYLE SIMPSON
«You Don’t Know JS» (англ.)
Серія складається з шести книг, які слід читати послідовно. Так, перша книжка, «Up & Going» охоплює основи мови, включаючи типи, значення та змінні. Друга — «Scope & Closures» — заглиблюється в роботу системи області видимості JavaScript, і в те, як працюють закриття. Останні підручники серії працюють зі складнішими поняттями. Наприклад, п’ята книга, «Async & Performance», присвячена асинхронному програмуванню та оптимізації продуктивності, а остання «ES6&Beyond» розповідає про нові можливості, представлені в ECMAScript 6 та пізніших версіях мови.
«Я зверталася до одного з видань, коли розбиралася в об’єктах і класах. Теорія описана досить просто та зрозуміло. Крім того, там є нюанси, які цікаво дізнатися для загального розвитку, і які ти не вивчаєш, коли треба швидко опанувати мову, щоб виконувати робочі завдання», — каже Марія.
Переваги:
кожна книга написана під певний рівень знань;
завдання та приклади релевантні до реальної роботи розробника;
численні приклади коду з докладними поясненнями.
Недоліки:
подекуди інформація може бути застарілою.
DAVID HERMAN
«Effective JavaScript» (англ.)
Девід Херман, який багато років працює над стандартизацією мови, надає 68 перевірених підходів до написання кращого коду на JavaScript. Він пояснює нюанси роботи з масивами та об’єктами, особливості ООП, функції та семантику змінних — та підкріпляє теорію конкретними прикладами.
Переваги:
містить інформацію, щоб заповнити прогалини у фундаментальній теорії JavaScript;
насичена прикладами з особистої практики автора, а також рекомендаціями для створення застосунків різного масштабу.
Недоліки:
іноді пояснення написані заскладною мовою.
CAY HORSTMANN
Вичерпний посібник із JavaScript ES6 та сучасніших версій мови, де зібрано практичні рекомендації та зразки коду. Книжка допомагає ефективно використати всі новинки JavaScript, уникаючи помилок і застарілого синтаксису. Книга підійде для тих, хто вже працював з іншими мовами та хоче швидко зрозуміти JavaScript.
Переваги:
можливість опанувати сучасний стандарт JS без занурення у старіші версії;
«ігрова» система навігації з натяком на «Алісу в Дивокраї». Картинки позначають складність розділів: Білий Кролик — основи, Аліса — матеріали середнього рівня складності, Чеширський кіт — просунуті теми, Капелюшник — теми «із зірочкою» для найбільш зацікавлених.
Недоліки:
матеріал викладено не зовсім послідовно: спочатку деталі, потім загальна картина;
інформація про відмінності JS від інших мов надається лише в третьому розділі.
STOYAN STEFANOV
Як видно з назви, основна тема книжки — шаблони проєктування для масштабованого та якісного коду. Як класичні, так і досить специфічні. Крім того, Стефан Стоянов наводить способи обійти недоліки мови. Видання буде корисним, якщо ви — досвідчений розробник, який прагне розв’язати проблеми, пов’язані з об’єктами, функціями, успадкуванням та іншими специфічними для мови категоріями.
Переваги:
практичні та детальні поради щодо реалізації кожного розглянутого шаблону;
автор застерігає від практик, які створюють більше проблем, ніж вирішують, та описує їх;
корисна і тим, хто використовує JS для клієнтської частини, і тим, хто працює з серверною.
Недоліки:
застарілий синтаксис.
NICHOLAS C. ZAKAS
«Maintainable JavaScript» (англ.)
Командна розробка вимагає уніфікованого підходу до програмування, впевнений Ніколас Закас. Колись він був солорозробником, пізніше — став Tech Leader в Yahoo! Маючи різноплановий досвід, він ділиться низкою порад — про стиль коду, програмування та автоматизацію. Рекомендації дозволяють всім охочим навчитися писати код, з яким буде комфортно працювати іншим членам команди.
Переваги:
видання об’єднує багато різних матеріалів у своєрідну дорожню карту та структурує їх;
корисно для команд, які працюють із масштабними проєктами на JavaScript.
Недоліки:
деякі приклади можуть бути занадто простими для досвідчених розробників.
ERIC ELLIOTT
«Programming JavaScript Applications: Robust Web Architecture with Node, HTML5, and Modern JS Libraries 1st Edition» (англ.)
Буває так, що внесені зміни в одній частині коди впливають на роботу застосунку в зовсім іншому місці, або взагалі його ламають. Ерік Еліот вчить писати стійкий код, з яким буде легше працювати в міру зростання кодової бази. Він показує, як додавати клієнтські та серверні функції до масштабних вебзастосунків на JavaScript без негативного впливу на решту коду.
Переваги:
описано багато сучасних технологій — як відомих, так і не дуже популярних;
багато прикладів із фрагментами коду;
ґрунтовний огляд способів створення надійної архітектури вебзастосунків.
Недоліки:
деякі методи та підходи описані без оцінки автора та прикладів використання, тому важко зрозуміти, до якого контексту підходить та чи інша технологія;
досить вузька цільова аудиторія. Найкориснішою вона буде для архітекторів вебзастосунків.
Як вчити JavaScript за книжками
Чимало інформації можна нагуглити, але вона невпорядкована та непослідовна. У книжках автори цю проблему вирішують. Втім, на початковому етапі самих лише книжок недостатньо, впевнена Марія Образцова. «Я б радила поєднувати читання з пошуком актуальної інформації, переглядом статей та документації. При цьому книжку не обов'язково читати від початку до кінця. Можна просто скористатися її змістом як переліком тем до вивчення, а далі гуглити матеріали для кожної з них. Або читати окремі розділи, наприклад, про складніші концепції програмування», — каже вона.
На більш просунутому етапі варто обирати літературу, що стосується верхньорівневих концепцій та речей, які змінюються не так часто, як синтаксис. «Розробники, що працюють з JS, спочатку користувалися класами. Але в якийсь момент підхід змінився — і всі перейшли на функції. Глобально мова залишилася такою ж, але програми тепер пишуться трохи інакше. Багато прикладів зі старіших книжок можуть бути нерелевантними, тож за ними ефективніше вивчати алгоритми та підходи до написання програм. Такими є, наприклад, книги Ніколаса Закаса — там мало про синтаксис, і багато про мову загалом», — говорить Марія.
Вона додає, що зараз користується книгами більш вибірково та усвідомлено. «Якщо мені радять книжку і кажуть, що там добре описано певний алгоритм, то я беру і читаю конкретно про цей алгоритм. На жаль, читати книги повністю немає часу, а подібний метод дає змогу швидко та ефективно заповнити прогалини в знаннях».