JavaScript Основи For Dummies

Вашето основно джобно ръководство за програмиране с JavaScript.

Какво ще кажете за една компактна книга, която можете да разгърнете винаги, когато имате нужда от бързо опресняване на основите на JavaScript програмирането? О, такава съществува! JavaScript Основи For Dummies е изчистено и сбито ръководство за основните концепции, необходими за програмиране на уебсайтове. Без дълги обяснения или излишни повторения. Само кратки и ясни отговори на основните ви въпроси за JavaScript. Идеална както за опресняване на знанията, така и като настолна справка за бързо припомняне. Тази практична книга от серията Основи е лесният начин да започнете да програмирате.

Вътре ще откриете:

• преглед на прости примери за код и обяснения;
• настройване на JavaScript файлове;
• създаване и използване на функции;
• кодиране на интерактивни формуляри;
• работа с дати и часове;
• добавяне на коментари в кода;
• откриване и отстраняване на грешки в кода.

Пол Макфедрис е дългогодишен технически автор с над 100 публикувани заглавия. Неговата работа включва книги като Web Coding & Development All-in-One For Dummies, iPad and iPad Pro For Dummies, Alexa For Dummies, G Suite For Dummies и Excel Data Analysis For Dummies.

Алекс-Софт Пъблишинг ЕООД
София, 1528
ул. Поручик Христо Топракчиев 11
cust_serv@alexsoft.net

Въведение
JavaScript: Общата картина

• Добавяне на JavaScript код към уеб страница
• Тагът script
• Къде да поставите тага script?
• Примери
• Показване на съобщение на потребителя
• Записване на текст в страницата
• Какво ви е нужно, за да започнете
• Работа с два изключителни случая
• Работа с браузъри с изключен JavaScript
• Работа с много стари браузъри
• Добавяне на коментари към кода
• Преминаване към външни JavaScript файлове

Програмиране с променливи

• Разбиране на променливите
• Деклариране на променлива с let
• Съхраняване на стойност в променлива
• Друг начин за деклариране на променлива: const
• Използване на променливи в инструкции
• Именуване на променливи: Правила и добри практики
• Правила за именуване на променливи
• Идеи за добри имена на променливи
• Разбиране на литералните типове данни
• Работа с числови литерали
• Експоненциална нотация
• Шестнадесетични стойности на цели числа
• Работа с низови литерали
• Използване на кавички в низове
• Разбиране на escape последователности
• Работа с булеви литерали

Създаване на изрази

• Разбиране на структурата на изразите
• Създаване на числови изрази
• Създаване на текстови изрази
• Създаване на изрази за сравнение
• Създаване на логически изрази
• Разбиране на приоритета на операторите
• Ред на приоритет
• Контролиране на реда на приоритет

Контролиране на потока на JavaScript

• Вземане на решения с if инструкции
• Разклонение с if... else инструкции
• Разбиране на стойността на цикли в кода
• Работа с цикли while
• Работа с for цикли
• Работа с do... while цикли

Овладяване на силата на функциите

• Запознаване със структурата на функциите
• Извикване на функция
• Когато браузърът обработва script таг
• След като страницата се зареди
• В отговор на събитие
• Предаване на една или повече стойности на функция
• Предаване на една стойност на функция
• Предаване на две или повече стойности на функция
• Получаване на стойност от функция
• Работа с анонимни функции
• Присвояване на анонимна функция на променлива
• Замяна на извикването на функция с анонимна функция
• Работа със стрелкови функции

Кодиране на модела на документния обект

• Запознаване с обектите
• Работа със свойства на обекти
• Работа с методи на обекти
• Въведение в Document Object Model (DOM)
• Определяне на елементи в кода
• Определяне на елемент по id
• Определяне на елементи по име на таг
• Определяне на елементи по име на клас
• Определяне на елементи чрез селектор
• Работа с колекции от елементи
• Обхождане на DOM с код
• Получаване на децата на родителски елемент
• Получаване на всички подчинени възли
• Получаване на първия дъщерен възел
• Получаване на последния дъщерен възел
• Получаване на родителския елемент на даден дъщерен елемент
• Получаване на братята и сестрите на даден елемент
• Получаване на предишния брат/сестра
• Получаване на следващия брат/сестра
• Добавяне, модифициране и премахване на елементи
• Добавяне на елемент към страницата
• Стъпки
• Създаване на елемент
• Добавяне на новия елемент като дете
• Добавяне на текст и тагове в новия елемент
• Вмъкване на текст или HTML в елемент
• Премахване на елемент
• Използване на код за промяна на CSS
• Промяна на стиловете на елемент
• Добавяне на клас към елемент
• Премахване на клас
• Превключване на клас
• Използване на код за настройка на HTML атрибути
• Четене на стойност на атрибут
• Задаване на стойност на атрибут
• Премахване на атрибут
• Слушане за събития на страницата

Работа с масиви

• Какво е масив?
• Деклариране на масив
• Попълване на масив
• Деклариране и попълване на масив едновременно
• Попълване на масив с помощта на цикъл
• Итерация на масиви
• Итерация на масив: forEach()
• Обхождане за създаване на нов масив: map()
• Обхождане на масив за изчисляване на стойност: reduce()
• Обхождане за намиране на елемент: find()
• Манипулиране на масиви
• Свойството length
• Някои полезни методи за масиви

Кодиране с низове и дати

• Манипулиране на низове
• Работа с шаблони за низове
• Определяне на дължината на низ
• Търсене на поднизове
• Научаване на методите за извличане на поднизове
• Работа с дати и времена
• Запознаване с аргументите, използвани с обекта Date
• Запознаване с обекта Date
• Посочване на текущата дата и час
• Посочване на конкретна дата и час
• Получаване на информация за дата
• Настройване на дата

Отстраняване на грешки в JavaScript

• Организиране на инструментите за отстраняване на грешки
• Основи на отстраняването на грешки: Използване на Конзолата
• Отваряне на Конзолата
• Извеждане на данни от програмата в Конзолата
• Изпълнение на код в Конзолата
• Поставяне на кода в режим на прекъсване
• Активиране на режим на прекъсване
• Задаване на точка на прекъсване
• Добавяне на инструкция debugger
• Излизане от режим на прекъсване
• Проследяване на кода стъпка по стъпка
• Изпълнение на кода стъпка по стъпка
• Влизане в кода (Stepping into)
• Прескачане на част от кода (Stepping over)
• Излизане от код (Stepping Out)

Работа с данни от формуляри

• Кодиране на текстови полета
• Рефериране по тип поле
• Получаване на стойност от текстово поле
• Задаване на стойност в текстово поле
• Програмиране на полета за отметки
• Рефериране на полета за отметки
• Получаване на състоянието на поле за отметка
• Настройка на състоянието на поле за отметка
• Кодиране на радио бутони
• Рефериране на радио бутони
• Получаване на състоянието на радио бутон
• Настройка на състоянието на радио бутон
• Програмиране на списъци за избор
• Рефериране на опции в списък за избор
• Получаване на избраната опция от списъка за избор
• Промяна на избраната опция
• Работа със събития във формуляри
• Настройка на фокуса
• Наблюдение на събитието за фокус
• Наблюдение на събитието за загуба на фокус (blur)
• Наблюдение на промени в елемента
• Работа с данни от формуляри

Десет стратегии за дебъгване на JavaScript

• Обърнете се към инструментите за разработчици
• Конзолата е вашият най-добър приятел за дебъгване
• Дайте на кода си пауза (breakpoint)
• Обходете кода си стъпка по стъпка
• Наблюдавайте стойностите на променливи и свойства на обекти
• Подравнете кода си
• Разделяйте сложните задачи
• Разделяйте дългите инструкции
• Деактивирайте временно проблемните инструкции
• Използвайте коментари за документиране на вашите скриптове

За автора
Посвещение
Благодарности на автора