К содержанию

Основен туторијал за JavaScript

Едноставен туторијал за JavaScript за почетници со задачи и примери на решенија.

Основи

Вовед во програмскиот јазик JavaScript за почетници

Пуштање на JavaScript

Првата програма во JavaScript

Да го разгледаме кодот на програмата

Понатамошни примери

Вклучување на датотека со скриптови JavaScript

Повеќе датотеки со скриптови на JavaScript

Карактеристики на script тагот во JavaScript

Кеширање на JavaScript датотеки од страна на прелистувачот

Строгиот режим во JavaScript

Коментари во JavaScript

Променливи во JavaScript

Користење на променливи

Објава на повеќе променливи во JavaScript

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

Неколку let за една променлива

Математички операции со броеви во JavaScript

Математички операции со променливи во JavaScript

Приоритет на математичките операции во JavaScript

Еднаков приоритет на математички операции во JavaScript

Групни заградувки во JavaScript

Дропки во JavaScript

Негативни броеви во JavaScript

Плус пред бројки во JavaScript

Остаток от делба во JavaScript

Степенување во JavaScript

Приоритет на степенување

Стрингови во JavaScript

Собирање на стрингови во JavaScript

Должина на стринг во JavaScript

Шаблонни стрингови во JavaScript

Мулти-линиски стрингови

Специјални вредности во JavaScript

Вредност undefined

Вредност null

Вредности true и false

Вредност NaN

Infinity и -Infinity во JavaScript

Работа со конзола во JavaScript

Тип на податоци во конзолата на JavaScript

Грешки во конзола на JavaScript

Константи во JavaScript

Автоматско конвертирање на типови на податоци

Конверзија во број во JavaScript

Скратено преобразување во број во JavaScript

Конвертирање на невалидни броеви во JavaScript

Извлекување на броеви во JavaScript

Конверзија во стринг во JavaScript

Примена на преобразување на стрингови во JavaScript

Конверзија на буловиот тип во JavaScript

Конверзија на булови типови во JavaScript

Добивање на карактери од низа во JavaScript

Непроменливост на низите во JavaScript

Последниот симбол на стрингот во JavaScript

Стрингови со бројки во JavaScript

Пристап до цифрите на бројот во JavaScript

Операции за промена на променлива во JavaScript

Скратени операции во JavaScript

Операции за инкремент и декремент во JavaScript

Префиксен и постфиксен тип во JavaScript

Непрецизни пресметки во JavaScript

Функција prompt во JavaScript

Проблема со типовите во функцијата prompt во JavaScript

Приказ на текст во документот во JavaScript

Барање грешки во кодот

Практика на операции во JavaScript

Практика на формули во JavaScript

Низи

Низи во JavaScript

Добивање на елементи на низи во JavaScript

Должина на низа во JavaScript

Промена на елементите на низа во JavaScript

Препишување на елементи на низа во JavaScript

Инкремент и декремент на елементите од низа во JavaScript

Додавање елементи по клучеви во JavaScript

Разредени низи во JavaScript

Додавање на елементи преку push во JavaScript

Клучеви на низи од променливи во JavaScript

Операторот delete во низи во JavaScript

Барање грешки во кодот со низи во JavaScript

Објекти

Објекти во JavaScript

Приказ на цел објект во JavaScript

Стринговски клучеви на објектите во JavaScript

Својства на објекти во JavaScript

Ограничувања на клучеви на објекти во JavaScript

Менување на елементи на објекти во JavaScript

Додавање елементи во објекти во JavaScript

Неподреденост на објектите во JavaScript

Низа на клучеви на објектот во JavaScript

Должина на објект во JavaScript

Клучеви на објекти од променливи во JavaScript

Грешка при пристап до елемент по клуч во JavaScript

Грешка при пристап до својство на објект во JavaScript

Пресметливи својства во JavaScript

Операторот in во JavaScript

Операторот delete во JavaScript

Типизација на објекти во JavaScript

Низи како објекти во JavaScript

Разликуваме низи од објекти во JavaScript

Објекти и примитиви во JavaScript

Пренос на објекти по референца во JavaScript

Константи со низи или објекти во JavaScript

Пристапот на програмирање преку константи во JavaScript

Барање грешки во кодот со објекти во JavaScript

Услови

Конструкција if-else во JavaScript

Оператори поголеми и помали во JavaScript

Проверка на равенство во JavaScript

Проверка на неравенство во JavaScript

Споредба на променливи во JavaScript

Еднаквост на стрингови во JavaScript

Еднаквост на низи и броеви во JavaScript

Еднаквост по вредност и тип во JavaScript

Нееднаквост по вредност и тип во JavaScript

Логичко И во JavaScript

Логичко ИЛИ во JavaScript

Приоритет на логички оператори во JavaScript

Групирање на услови во JavaScript

Инвертирање на логички изрази во JavaScript

Услови со булови вредности во JavaScript

Споредување на вредности со булов тип во JavaScript

Скратена форма на проверка на вистина во JavaScript

Скратена форма на проверка на невистина во JavaScript

Општа скратена форма на проверка во JavaScript

Сложни условија во скратена форма во JavaScript

Опционалност на else конструкцијата во JavaScript

Опционалност на големите загради во JavaScript

Проблемот со опционалноста на големите загради во if-else

Конструкција else if во JavaScript

Вгнездени if-else конструкции во JavaScript

Конструкција switch-case во JavaScript

Незадолжителноста на break во switch-case конструкцијата во JavaScript

Тернарен оператор во JavaScript

Логички операции во JavaScript

Функција confirm во JavaScript

Област на видливост на променливите во if-else во JavaScript

Нијанси на опсегот на видливост на променливите во if-else конструкциите во JavaScript

Проверка на делови од часот преку if-else во JavaScript

Проверка на должина на низи и низи во JavaScript

Проверка на знаци во стрингот во JavaScript

Проверка на цифрите на број во JavaScript

Проверка на остаток од делење во JavaScript

Барање грешки во кодот со услови во JavaScript

Практикум на условија if-else во JavaScript

Цикли

Вовед во циклување во JavaScript

Итерација на низа со for-of циклус во JavaScript

Итерација на објект со for-in циклус во JavaScript

Цикл while во JavaScript

Цикл for во JavaScript

Цикл for за низи во JavaScript

Услови во јамки во JavaScript

Акумулирање на броеви во циклуси во JavaScript

Акумулирање на елементи на низи во циклуси во JavaScript

Формирање на стрингови преку циклуси во JavaScript

Цифри на број при итерација со циклус во JavaScript

Опционалност на заградите во циклусите во JavaScript

Проблемот со незадолжителните загради во циклусите во JavaScript

Инструкција break во JavaScript

Инструкција continue во JavaScript

Вгнездени јамки во JavaScript

Опсег на видливост во јаваскрипт циклуси

Вгнездени јамки и опсег на видливост во JavaScript

Пополнување на низа во JavaScript

Менување на низа во циклус во JavaScript

Пополнување на објекти преку циклус во JavaScript

Менување на објекти преку циклус во JavaScript

Работа со знамиња во JavaScript

Совети за пишување код на циклуси во JavaScript

Совети за дебагирање на код со примери на циклуси во JavaScript

Барање грешки во кодот со јамки во JavaScript

Вежби за циклуси во JavaScript

Мултидимензионалност

Мултидимензионални низи во JavaScript

Тридимензионална низа во JavaScript

Произволни низи во JavaScript

Итерација на повеќедимензионални низи во JavaScript

Итерација со обичен for во JavaScript

Пополнување на повеќедимензионални низи во JavaScript

Проблеми при пополнување на повеќедимензионални низи во JavaScript

Пополнување на повеќедимензионални низи по редослед во JavaScript

Мултидимензионални објекти во JavaScript

Итерација на мултидимензионални објекти во JavaScript

Мултидимензионални структури во JavaScript

Итерација на повеќедимензионални структури во JavaScript

Низа од објекти во JavaScript

Клучеви од променливи во повеќедимензионални структури во JavaScript

Додавање елементи во повеќедимензионални низи во JavaScript

Додавање елементи во мултидимензионални објекти во JavaScript

Стандардни методи

Степен и корен во JavaScript

Функции за заокружување во JavaScript

Екстремни броеви во JavaScript

Рандом во JavaScript

Модули во JavaScript

Регистар на знаци во JavaScript

Сечење на стрингови во JavaScript

Барање по низи во JavaScript

Замена на делови од стринг во JavaScript

Поделба на стрингови во JavaScript

Гранични елементи во JavaScript

Делови од низи во JavaScript

Сечење на низи во JavaScript

Пребарување низ низи во JavaScript

Низа од клучеви на објект во JavaScript

Барање грешки во кодот со стандардни методи на JavaScript

Кориснички функции

Основи на работата со кориснички функции во JavaScript

Параметри на функции во JavaScript

Неколку параметри на функции во JavaScript

Променливи параметри на функции во JavaScript

Опционални параметри во JavaScript

Инструкција return во JavaScript

Секвенцијален повик на функции во JavaScript

Слабо место на return во JavaScript

Цикл и return во JavaScript

Употреба на return во јамки во JavaScript

Прием на работа со return во JavaScript

Знамиња во функции во JavaScript

Логички оператори без if во функции во JavaScript

Совети за креирање функции во JavaScript

Барање грешки во кодот со функции во JavaScript

Практика на функции JavaScript

Променливи на функции

Глобални променливи во функции во JavaScript

Локални променливи во функции во JavaScript

Исти имиња на променливите во функциите во JavaScript

Промена на глобалните променливи во JavaScript

Глобални променливи и параметри на функции во JavaScript

Совпаѓање на имиња со параметри во JavaScript

Параметри-објекти во JavaScript

Типови на функции

Изворен код на функцијата и нејзиниот резултат во JavaScript

Функција како променлива во JavaScript

Запишување на функција во друга променлива во JavaScript

Доделување на функции во променливи во JavaScript

Совпадение на името на функцијата и променливата во JavaScript

Function expression и Function declaration во JavaScript

Разлика помеѓу декларации на функции

Точка-запирка при декларирање на функции во JavaScript

Нијанси на функционалните изрази во JavaScript

Функција со име, но Function Expression во JavaScript

Именувани функционални изрази во JavaScript

Како да проверите тип на функција во JavaScript

Изразот лево од функцијата во JavaScript

Изразување десно од функцијата во JavaScript

Низа со анонимни функции во JavaScript

Објект со анонимни функции во JavaScript

Примена на објект со функции во JavaScript

Вгнездени функции

Пренос на функции како параметри во JavaScript

Именувани функции-параметри во JavaScript

Параметри на пренесените функции во JavaScript

Пренос на број како параметар во JavaScript

Примена на пренесување на функција како параметар во JavaScript

Вгнездени функции во JavaScript

Опсег на видливост на вгнездени функции во JavaScript

Параметри на надворешната функција во JavaScript

Параметри на надворешните и внатрешните функции во JavaScript

Именувани параметри во JavaScript

Функција што враќа функција во JavaScript

Било кое ниво на вгнездување во JavaScript

Параметри на враќаната функција во JavaScript

Callback функции во JavaScript

Нијанси на колбековите во JavaScript

Стрелочни функции во JavaScript

Примена на стрелкови функции во JavaScript

Затворања

Пристап до надворешни променливи на функции во JavaScript

Лексичкото опкружување на функции во JavaScript

Примена на лексичкото опкружување на функции во JavaScript

Затворања во JavaScript

Бројач на затворања во JavaScript

Локална променлива на бројачот во JavaScript

Глобална променлива за бројач во JavaScript

IIFE

Веднашно повикување на функција во JavaScript

Доделување на функција во променлива во JavaScript

Примена на веднаш повикување на функција во JavaScript

Кругли загради во IIFE во JavaScript

Параметри на функцијата при повикување на место во JavaScript

Повекратни повици на IIFE во JavaScript

Слепните камења на IIFE во JavaScript

Точка-запирка за безбедност во IIFE

Затворања и повикување на функција на место во JavaScript

Рекурзија

Работа со рекурзија во JavaScript

Пример со параметар преку рекурзија во JavaScript

Сума на елементи на низа при рекурзија во JavaScript

Рекурзија и мултидимензионални структури во JavaScript

Збир на елементи на низа преку рекурзија во JavaScript

Манипулации со елементи во JavaScript

Методи за итерација

Методот map за итерација на низа во JavaScript

Методот forEach за итерирање на низа во JavaScript

Методот filter за филтрирање на низа во JavaScript

Методот every за проверка на низа во JavaScript

Методот some за проверка на низа во JavaScript

Барање низ низа преку колбек во JavaScript

Редукција на низа во JavaScript

Оператор spread

Операторот spread во JavaScript

Користење на spread во JavaScript

Екстремни вредности на низа преку spread во JavaScript

Оператор spread и спојување на низи

Операторот spread за стрингови во JavaScript

Оператор spread и числа во JavaScript

Оператор rest

Rest операторот во JavaScript

Функција која го наоѓа збирот на броеви со помош на операторите rest и spread во JavaScript

Функција што спојува низи во дводимензионална во JavaScript

Функција за спојување на низи во една во JavaScript

Деструктурирање

Деструктуризација на низи во JavaScript

Деструктуризација на низа од функција во JavaScript

Прескокнување на елементи од низа при деструктурирање во JavaScript

Вишок вредности при деструктурирање на низа во JavaScript

Остаток от низа при деструктурирање во JavaScript

Стандардни вредности при деструктурирање на низа во JavaScript

Стандардни функции при деструктурирање на низа во JavaScript

Декларирање на променливи при деструктурирање на низа во JavaScript

Деструктуризација на објекти во JavaScript

Имиња на променливи при деструктуризација на објекти во JavaScript

Стандардни вредности при деструктуризација на објекти во JavaScript

Променливи и стандардни вредности во JavaScript

Објавување на променливи при деструктуризација на објекти во JavaScript

Деструктурирање на параметри на функции во JavaScript

Деструктуризација на објекти-параметри на функции во JavaScript

Време

Работа со објектот Date во JavaScript

Форматирање на датум во JavaScript

Промена на форматот на датумот во JavaScript

Добивање на денот од неделата во JavaScript

Приказ на делови од датумот со зборови во JavaScript

Поставување на време во објектот Date во JavaScript

Добивање на време во timestamp формат во JavaScript

Разлика помеѓу датуми во timestamp формат во JavaScript

Разлика помеѓу објекти со датум во JavaScript

Автоматична корекција на датуми во JavaScript

Наоѓање на последниот ден од месецот во JavaScript

Определување на престапна година во JavaScript

Проверка на коректност на дата во JavaScript

Добивање на денот на тековната година во JavaScript

Денот на следниот или претходниот месец

Денот на следната или претходната година

Разлика на моменти

Момент на времето на денот

Почеток на денот во JavaScript

Крајот на денот во JavaScript

Циклична проверка на временски моменти во JavaScript

Практика за добивање на временски моменти во JavaScript

Стрингово споредување на датуми во JavaScript

Споредба на датум без година во JavaScript

Вклучување на датум во интервал

Споредба на објекти со датуми во JavaScript

Вовед во DOM

Основи на работа со DOM во JavaScript

DOM елементи во JavaScript

Добивање на DOM елемент во JavaScript

Сложни селектори на DOM елемент во JavaScript

Поврзување на обработувачи на елементи во JavaScript

Именувани обработувачи на настани во JavaScript

Еден обработувач за многу елементи во JavaScript

Неколку обработувачи на еден настан во JavaScript

Обработувачи на различни настани во JavaScript

Работа со текст на елементите во JavaScript

Работа со HTML код на елементите во JavaScript

Атрибути на тагови како својства во JavaScript

Работа со текст полиња во JavaScript

Фокус на текст полиња во JavaScript

Исклучувања при работа со атрибути во JavaScript

Низи на методи и својства во JavaScript

Предности и недостатоци на ланеци во JavaScript

Објектот this во JavaScript

Предност на this во JavaScript

Добивање на група елементи во JavaScript

Додавање на обработувачи во циклус во JavaScript

Додавање на анонимни обработувачи во циклус во JavaScript

Одврзување на настани во JavaScript

Одврзување на обработувачи на настани во циклус во JavaScript

Одврзување на анонимни функции во JavaScript

Совети за пишување код на примерот на DOM во JavaScript

Барање грешки во кодот со DOM во JavaScript

Вежба на научениот материјал за работа со DOM

Атрибути

Добивање на атрибути во JavaScript

Поставување на атрибути во JavaScript

Отстранување на атрибути во JavaScript

Проверка на наличие на атрибути во JavaScript

Кориснички атрибути во JavaScript

Имиња на атрибути со цртички во JavaScript

Пристап до атрибути преку методи во JavaScript

Манипулирање со низа од CSS класи во JavaScript

Додавање на CSS класи во JavaScript

Отстранување на CSS класи во JavaScript

Проверка на CSS класи во JavaScript

Наизменично менување на CSS класи во JavaScript

Стилизирање

Стилизација на елементи преку атрибутот style во JavaScript

Стилизирање на својства со цртичка во JavaScript

Исключение при стилизирање на елементи во JavaScript

Стилизација со користење на CSS класи во JavaScript

Предност на стилизирањето со користење на CSS класи во JavaScript

Примена на стилизирање во JavaScript

Пребарување

Наоѓање на потомци на елементи во JavaScript

Наоѓање на родители на елементи во JavaScript

Барање на сите родителски елементи во JavaScript

Барање на соседни елементи во JavaScript

Барање елемент по id во JavaScript

Барање елемент по име на таг во JavaScript

Барање елемент по име на класа во JavaScript

Барање елементи внатре во друг елемент во JavaScript

Јазли

Работа со јазли во JavaScript

Преминување на јазли со циклус во JavaScript

Називи на јазли во JavaScript

Тип на јазли во JavaScript

Текст на јазли во JavaScript

Форми

Работа со textarea во JavaScript

Атрибутот disabled во JavaScript

Работа со checkboxes во JavaScript

Наизменично менување на атрибути без вредности

Работа со радио копчиња во JavaScript

Настан change во JavaScript

Настан input во JavaScript

Методите focus и blur во JavaScript

Барање грешки во кодот со форми во JavaScript

Паѓачки листи

Работа со паѓачки листи во JavaScript

Атрибутот value во паѓачките листи во JavaScript

Промена на избраната ставка во листа на JavaScript

Број на избраната ставка во паѓачкиот список

Добивање на ставки од паѓачкиот список во JavaScript

Низа на ставки во паѓачко мени на JavaScript

Работа со ставки на паѓачкиот список во JavaScript

Избор на ставка од листа во JavaScript

Добивање на избраната опција во JavaScript

Објект Event

Основи за работа со објектот Event во JavaScript

Координати на настанот во JavaScript

Тип на настанот во објектот Event во JavaScript

Настан елемент во објектот Event во JavaScript

Добивање на притиснати копчиња во JavaScript

Следење на модификаторски копчиња во JavaScript

Отмена на стандардното дејство во JavaScript

Подигање на настани во JavaScript

Добивање на целниот елемент при појавување на настани

Прекинување на ширењето на настани во JavaScript

Неколку обработувачи на елемент во JavaScript

Непосредно прекинување на bubbling во JavaScript

Примена на прекинување на ширењето на настани во JavaScript

Вовлекување на настани во JavaScript

Додавање обработувачи на нови елементи во JavaScript

Делегирање на настани во JavaScript

Универзално делегирање на настани во JavaScript

Контекст

Основи на работа со контекст во JavaScript

Контекст на несврзана функција во JavaScript

Губење на контекст во JavaScript

Решение на проблемот со контекст во JavaScript

Контекст преку променлива во JavaScript

Контекст преку параметар во JavaScript

Контекст преку стрелочна функција во JavaScript

Врзување на контекст преку методот call во JavaScript

Методот call со параметри во JavaScript

Врзување на контекст преку методот apply во JavaScript

Врзување на контекст преку методот bind во JavaScript

Таймери

Основи на работа со функцијата setInterval во JavaScript

Бројач преку функцијата setInterval во JavaScript

Запретување на тајмер во JavaScript

Копче за стартување на тајмер во JavaScript

Повторно кликање на копче за стартување на тајмер во JavaScript

Копчиња за стартување и запирање на тајмер во JavaScript

Практика на таймери и работа со DOM во JavaScript

Тајмери и губење на контекст во JavaScript

Практикум на тајмери и работа со DOM во JavaScript

Одложување на извршување во JavaScript

Пуштање на тајмер во JavaScript

Манипулирање со елементи

Креирање и вметнување елементи во JavaScript

Врзување на настани при вметнување елементи

Создавање на елементи во циклус во JavaScript

Прикачување на обработувачи во циклус во JavaScript

Бришење елементи во JavaScript

Вметнување елементи на почеток или крај во JavaScript

Вметнување елементи пред елементи во JavaScript

Соседна вметнување на елементи во JavaScript

Соседно вметување на тагови во JavaScript

Клонирање на елементи во JavaScript

Проверка на елементи во JavaScript

Практика

Создавање на елементи од низа во JavaScript

Практикум за креирање на ul листи во JavaScript

Создавање на HTML табели во JavaScript

Секвенцијално пополнување на HTML табели

Создавање HTML табела од низа во JavaScript

Создавање HTML табела од низа објекти

Додавање редови и колонки во HTML табела

Промена на ќелиите во HTML табела со JavaScript

Самo-бришење на нови елементи во JavaScript

Врска за бришење на елемент во JavaScript

Креирање на врски за бришење елементи во JavaScript

Уредување на посебен елемент во JavaScript

Сокривање на текст при уредување на елемент во JavaScript

Уредување во група на елементи во JavaScript

Истовремено уредување и бришење на елементи

Стилизација на елементи во JavaScript

Копчи за скривање и прикажување на елемент во JavaScript

Многу елементи со копчиња за прикажување во JavaScript

Активација на елементи во JavaScript

Наизменична активација на стилови во JavaScript

Практика на промена на елементи во JavaScript

Функции и DOM

Функции за работа со DOM елемент во JavaScript

Функции за работа со група на DOM елементи

Пренос на callback функција за работа со DOM во JavaScript

Пренос на редниот број во callback-функцијата во JavaScript

Пренос на DOM елемент како параметар на функција

Пренос на група DOM елементи како параметри на функции

Функција за креирање на HTML табели во JavaScript

Враќање на табела од функција во JavaScript

Функција за креирање табела од низа

Модули преку затворања

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

Модули преку затворања во JavaScript

Практична примена

Пренос на параметри во модулот преку затворања во JavaScript

Пренос на родителскиот елемент во модулот преку затворања во JavaScript

Пренос на поставки на модулот преку затворања во JavaScript

Стандардни параметри

Експорт на променливи и функции во модулите преку затворања во JavaScript

Експорт на објект во модули преку затворања во JavaScript

Библиотеки преку замыкања во JavaScript