Про що ви дізнаєтесь із цієї книги? Цей посібник, сприятливий для мозку, викладає все, від основ мови JavaScript до розширених тем, включаючи об’єкти, функції та модель об’єкта документа в браузері. Ви не просто будете читати - ви будете грати в ігри, розгадувати головоломки, обдумувати таємниці та взаємодіяти з JavaScript так, як ви ніколи не уявляли. І ви напишете реальний код, багато його, щоб ви могли розпочати створення власних веб-додатків. Підготуйтеся відкрити свою думку, коли ви дізнаєтесь (і нігті) ключові теми, зокрема: Внутрішні деталі JavaScript Як JavaScript працює з браузером Секрети типів JavaScript Використання масивів Потужність функцій Як працювати з об’єктами Використання прототипів Розуміння закриттів Написання та тестування програм Що таке особливе у цій книзі? Ми вважаємо, що ваш час занадто цінний, щоб витрачати сили на боротьбу з новими концепціями. Використовуючи найновіші дослідження когнітивної науки та теорії навчання для створення мультисенсорного досвіду навчання, Head First JavaScript Programming використовує візуально багатий формат, розроблений так, як працює ваш мозок, а не текстовий підхід, який приводить вас до сну. Розділ 1: Швидке занурення у Javascript: Змочування ніг Спосіб роботи JavaScript Як ви пишете JavaScript Як ввести JavaScript на свою сторінку JavaScript, ви пройшли довгий шлях дитини ... Як зробити заяву Змінні та значення Відстаньте від цієї клавіатури! Висловлюйте себе Робіть справи не раз Як працює цикл while Прийняття рішень за допомогою JavaScript І, коли вам потрібно приймати багато рішень, дістаньтесь та спілкуйтеся зі своїм користувачем. Детальніше ознайомтеся з console.log Відкриття консолі Кодування серйозної програми JavaScript Як це зробити Я додаю код на свою сторінку? (Дозвольте мені порахувати способи) Нам доведеться відокремити вас два Розділ 2: Написання реального коду: Далі далі Давайте побудуємо гру «Броненосець» Наша перша спроба ... По-перше, дизайн високого рівня Ще кілька деталей .. Робота над псевдокодом О, перш ніж ми підемо далі, не забувайте HTML! Написання простого коду Battleship Тепер давайте запишемо логіку гри. Крок перший: налаштування циклу, отримання деякого вводу. Як працює підказка Перевірка здогадів користувача. Чи є у нас хіт? Додавання коду виявлення хітів Ей, ти затопив мій лінкор! Надайте аналіз після гри. І це завершує логіку! Трохи гарантії якості Чи можемо ми поговорити про вашу багатослів’я ... Закінчення гри Simple Battleship Як призначити випадкові місця Всесвітньо відомий рецепт генерування випадкового числа Назад, щоб зробити ще трохи Поздрав QA у вашій першій справжній програмі JavaScript, і коротке слово про повторне використання коду Розділ 3: Впровадження функцій: Функціонування Що не так з кодом? До речі, чи траплялось нам згадати ФУНКЦІЇ? Гаразд, але як це насправді працює? Що ви можете перейти до функції? JavaScript є прохідним значенням. Дивні функції Функції можуть також повертати речі. Відстеження функції через оператор повернення Глобальні та локальні змінні Знання сфери локальних та глобальних змінних Коротке життя змінних Не забудьте оголосити своїх місцевих жителів! Глава 4: Наведення деякого замовлення у ваші дані: масиви Чи можете ви допомогти Bubbles-R-Us? Як представити декілька значень у JavaScript Як працюють масиви Як отримати доступ до елемента масиву Оновлення значення в масиві Наскільки великий масив у будь-якому випадку? Phrase-O-Matic Тим часом повертаємось до Bubbles-R-Us ... Як переглядати масив Але зачекайте, є кращий спосіб ітерації масиву. Знову це час .... Чи можемо ми поговорити про ваше багатослів’я ? Повторне оновлення циклу за допомогою оператора після наростання Швидкий тестовий диск Створення масиву з нуля (та додавання до нього) І переможці ... Швидке опитування коду ... Написання функції printAndGetHighScore Перейменування коду за допомогою printAndGetHighScore Поміщення все разом ... Розділ 5: Розуміння об'єктів: Поїздка до Objectville Хтось сказав "Об'єкти" ?! Думаючи про властивості ... Як створити об'єкт Що таке об'єктно-орієнтований? Як працюють властивості Як змінна утримує об'єкт? Допитливі розуми хочуть знати ... Порівняння примітивів та об’єктів Ще більше робити з предметами ... Перехід до попередньої кваліфікації Поговоримо трохи більше про передачу об'єктів функцій. Або як додати поведінку до ваших об'єктів Удосконалення методу приводу Чому метод приводу не знає про розпочату властивість? Як це працює Як поведінка впливає на стан ... Додавання рядків Gas-o-Тепер Тепер давайте вплинемо на поведінку зі станом Congrats на перших об’єктах! Вгадай що? Навколо вас є предмети! (і вони полегшать ваше життя) Глава 6: Взаємодія зі своєю веб-сторінкою: Ознайомлення з DOM У нашому останньому розділі ми залишили перед вами невелике завдання. Виклик кода ". То що робить код? Як JavaScript реально взаємодіє з вашою сторінкою Як запекти свій власний DOM Перший смак DOM Отримання елемента за допомогою getElementById Що саме я отримую від DOM? Пошук вашого корчми