Почніть кодувати JavaScript прямо зараз за допомогою цих 5 чудових безкоштовних ресурсів

«Любов - любов - це дієслово, любов - це чинне слово», - так звучить пісня. І насправді, те ж саме можна сказати і про JavaScript: Ця гаряча мова програмування є робочою мовою.

Якщо ви думаєте, що JavaScript цікавий, вам потрібно робити JavaScript, а не просто читати про це. Почати набагато простіше, ніж ви могли очікувати, і нічого не варто. Я шукав три основні ресурси для вивчення JavaScript, які спрямовані на те, щоб змусити вас щось робити з мовою, а не просто читати або дивитися відео.

Для екскурсії: JavaScript Trac от Codeacademy

Припускаючи, що ви дуже мало знаєте про JavaScript, непогано було б зробити екскурсію мовою. Деякі люди роблять це з книгою або двома, інші роблять це за допомогою серії відео. У чудової Code School є шлях JavaScript, який використовує як добре продумані відео, так і вправи, але він обертається навколо допоміжних технологій, таких як jQuery або CoffeeScript. Крім того, це коштує грошей.

Якщо ви шукаєте ресурс, який є як безкоштовним, так і з упором на виконання, вам потрібен JavaScript Trackacademy. Цей керований JavaScript використовує абсолютний мінімум текстових пояснень, всі вони розміщені на бічній панелі. Велика частина екрану зайнята елегантним редактором коду, який працює прямо у вашому браузері. Щоб пройти курс, вам необхідно виконати реальні (прості) завдання з кодування:

Переглядач перевіряє ваш код - як тільки ви правильно його зрозуміли, ви переходите до наступного етапу. Курс охоплює багато основи JavaScript, від функцій до циклів, потоку управління, структур даних і об'єктів. Це чудовий спосіб ознайомитися з основною мовою, перш ніж заглиблюватися в бібліотеки, такі як jQuery. Якщо ви вже знаєте JavaScript, вам не потрібно починати з самого початку: ви можете робити будь-який розділ, який вам подобається, або навіть проходити через кілька розділів паралельно.

Для експериментів: консоль Chrome і jsFiddle

Як тільки ви освоїте простий синтаксис JavaScript, слід пам'ятати про таку важливу мову: він дуже доступний: ви, ймовірно, читаєте ці слова прямо з вікна браузера. Це означає, що ви вже використовуєте повноцінне середовище JavaScript прямо зараз. Нічого не потрібно встановлювати або налаштовувати - просто клацніть правою кнопкою миші що-небудь на сторінці і виберіть Inspect Element. Ви отримаєте наступне:

Натиснувши піктограму вище, ви можете відкрити консоль JavaScript, яка працює в контексті сторінки, яку ви переглядаєте в даний момент. Іншими словами, ви можете маніпулювати поточною сторінкою з довільним кодом JavaScript, використовувати будь-які бібліотеки (наприклад,) завантажувати сторінку і робити все, що ви побажаєте.

Це дуже хороший спосіб навчання методом проб і помилок, тому що він настільки доступний і в ньому немає страху. Ви не можете завдати ніякої шкоди - жодна з ваших змін ніде не збережена, і все, що потрібно, - це всього лише одне натискання клавіші F5, щоб скасувати все, що ви зробили, і почати все спочатку. Ще одна важлива річ, яку потрібно зрозуміти про консолі, це те, що ви не обмежені одностроковими: ви можете написати декілька рядків коду. Щоб почати новий рядок без запуску коду, натисніть клавішу Shift + Enter.

Іноді ви можете захотіти створити своє власне середовище: користувацька комбінація HTML, CSS, бібліотек JavaScript і вашого власного коду. Це може допомогти вам перевірити більш всеосяжні ідеї. Якщо ви хочете створити щось на зразок цього без необхідності щось налаштовувати локально, jsFiddle - це те, що вам потрібно. Це чотирипанельне середовище: HTML, CSS, JavaScript і вихідні дані. Бічна панель дозволяє вибрати всі види доповнень, наприклад, яку бібліотеку JavaScript ви бажаєте використовувати. Є також кілька прикладів, деякі з яких можуть бути занадто складними для початківців:

Розумне використання консолі Chrome і jsFiddle допоможе вам підтримувати JavaScript доступним, грайливим і живим. Зосередження уваги тільки на екскурсіях мовою без проведення власних експериментів може насправді зробити JavaScript більш лякаючим, ніж він є насправді. Адже це твій код - тренуйся!

Для довідки: Мережа розробників Mozilla і документація API jQuery

Раніше ми згадували Mozilla Developer Network як один з декількох ресурсів, які можуть допомогти вам навчитися кодувати. Це було в більш загальному контексті, оскільки MDN містить інформацію з широкого кола питань. Для наших цілей ви повинні знати, що MDN служить дуже надійним довідковим посібником з усіх питань JavaScript. MDN пропонує структуроване керівництво JavaScript, яким ви, можливо, зможете слідувати крок за кроком (залежно від рівня ваших попередніх знань в області програмування), але його справжня сила полягає в довідковому розділі JavaScript. Це розділ, який ви можете використовувати в якості свого роду словника, просто щоб з'ясувати структуру конкретних операторів.

Іншим ключовим довідковим ресурсом є документація по API jQuery. Як і у випадку з MDN, ця документація по API на перший погляд може здатися лякаючою, лякаючою і зовсім недружньою. І так, жоден з цих довідкових ресурсів не допоможе вам за допомогою м'яких пояснень, але вони заповнюють це, будучи всеосяжними, заслуговують довіри і авторитетними.

Кодувальникам не обов'язково знати все - велика частина роботи - це знати, де шукати, коли потрібно щось з'ясувати. Навчитися читати і розуміти офіційну документацію - важливий крок на шляху до поліпшення вашого стилю кодування і знань. Посилання є потужними інструментами в прагненні вивчити на практиці, тому що кожна тема зазвичай стоїть сама по собі: ви можете швидко знайти те, що вам потрібно, більше інформації, отримати суть того, що вам потрібно, і продовжити кодування.

І, нарешті, одна додаткова книга

Насправді є одна книга, яку я хотів би рекомендувати. Мова йде не про JavaScript, і ви не знайдете в ньому ніяких вправ. Насправді, він майже не має ніякого коду. І все ж, це дуже хороша книга для читання, якщо вам цікаво якесь програмування: вона називається «Простота коду» і вчить вас, як думати про програмування і як підходити до предмета в цілому. Ви можете прочитати мій повний огляд цього прямо на сторінці Amazon (в даний час позначений як найкорисніший огляд клієнтів, AWww), але в двох словах, це відмінна книга про філософські основи кодування. Це все одно, що зробити кілька кроків назад від клавіатури і просто обміркувати предмет в цілому.

Простота коду не вимагає читання якимось чином, але якщо ви відчуваєте, що ваші знання можуть принести користь, читаючи книгу, це відмінний варіант для початку.

Ви вчитеся на практиці?

І тепер я нарешті питаю вас: як ви підходите до навчання програмуванню? Ви вчитеся на практиці чи ви більше читач? Які ресурси ви використовували у своєму прагненні стати програмістом? Дай мені знати в коментарях!