30 безкоштовних ресурсів, які допоможуть вам вивчити основи JavaScript

Якщо ви вивчаєте JavaScript, ви, швидше за все, чули, наскільки важливо вивчати основи.

Проблема в тому, що ви не впевнені, в чому полягають основи . І, маючи тисячі ресурсів в Інтернеті, з чого ви починаєте?

В епізоді Синтаксису Уес та Скотт чудово справляються з висвітленням основ JavaScript. Вони переглядають основні навички JS, якими я користуюся щодня на роботі як розробник JavaScript. Слухаючи епізод, я думав про те, як корисно було б для мене, як для початківця, мати підготовлений список ресурсів для вивчення кожної фундаментальної концепції. Тож я створив його для вас.

Нижче перелічені основи JavaScript, перелічені Уесом та Скоттом, а також мої улюблені (і 100% безкоштовні) ресурси для вивчення кожного з них.

Змінні + Область дії

Оголошення змінних JavaScript: var, let і const

ES6 дозволяє VS const змінних

Різниця між функцією та сферою застосування блоків у JavaScript

Типи

Вступ до JavaScript, урок 1: Типи даних та змінні

Розуміння типів даних у JavaScript

Об'єкти

Вступ до веб-розробки: Об'єкти

Ви не знаєте JS: Об’єкти та класи

Посилання проти копії

Функції

Написати багаторазовий JavaScript з функціями

Вступ до веб-розробки: функції та сфера застосування

Функції стрілок

Як використовувати об’єктні методи в JavaScript

DOM

Що таке DOM?

Красномовний JavaScript, глава 14: The Dom

Прототипи + це

Посібник для початківців з прототипу JavaScript

Розуміння цього, прив’язка, дзвінок та застосування в JavaScript

Події

Функції зворотного дзвінка

Який біс - це цикл подій у будь-якому випадку?

Булькання та захоплення

Масиви

Методи масивів та об’єктів JavaScript, щоб зробити вас кращим розробником

10 методів масиву JavaScript, які ви повинні знати

Управління потоком

Вивчіть JavaScript: Цикли

Для петель

Асинхронний JavaScript: від зворотних викликів, до обіцянок, до Async / Await. Ця стаття Тайлера Макгіннеса - найкраща стаття про асинхронний JS, яку я коли-небудь читав.

Вступ до веб-розробки: керування потоком

Безпека та доступність

XSS та внутрішній HTML

Веб-доступність

Написання чистого коду

Книга чистого коду (посилання із синтаксису)

Речі, які ви повинні знати, але необов’язково опановувати:

Модулі ES6

Закриття

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

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

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