К содержанию

Основни водич за JavaScript

Једноставан водич за JavaScript за почетнике са задацима и примерима решења.

Основе

Увод у језик JavaScript за почетнике

Покретање JavaScript-а

Прва програма у JavaScript-у

Анализирамо код програма

Даљи примери

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

Више фајлова са JavaScript скриптама

Карактеристике script тага у JavaScript-у

Кеширање ЈаваСкрипт датотека од стране прегледача

Строги мод у JavaScript-у

Коментари у JavaScript-у

Променљиве у JavaScript-у

Коришћење променљивих

Декларација више променљивих у JavaScript-у

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

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

Математичке операције са бројевима у 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-у

Функција prompt у JavaScript-у

Проблема са типовима у функцији prompt у 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-у

Оператор in у JavaScript-у

Оператор delete у 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-у

Опционалност конструкције 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-у

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

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

Угњеждене петље у JavaScript-у

Опсег видљивости у ЈаваСкрипт петљама

Угњеждене петље и опсег видљивости у JavaScript

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

Мeњање низа у петљи 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-у

Инструкција 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-у

Нијансе функцијских израза у JavaScript-у

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

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

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

Izraz sa leve strane funkcije u JavaScript-u

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

Низ анонимних функција у JavaScript

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

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

Угњеждене функције

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

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

Параметри прослеђених функција у JavaScript-у

Прослеђивање броја као параметра у JavaScript-у

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

Угњежђене функције у JavaScript-у

Област видљивости угнежђених функција у JavaScript

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

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

Именски параметри у JavaScript-у

Функција која враћа функцију у JavaScript-у

Било који ниво угнежђења у ЈаваСкрипту

Параметри враћене функције у JavaScript-у

Callback функције у JavaScript-у

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

Стреласте функције у JavaScript-у

Примена стреластих функција у JavaScript-у

Затварања (Closures)

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

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

Примјена лексичког окружења функција у JavaScript-у

Затварања у JavaScript-у

Бројач на затварањима у JavaScript-у

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

Глобална променљива бројача у JavaScript-у

IIFE

Имедијетно извршавање функције у ЈаваСкрипту

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

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

Заграде у IIFE у JavaScript-у

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

Вишеструки позиви IIFE у JavaScript-у

Скрајдне камење IIFE у JavaScript-у

Тачка зарез у безбедности у IIFE

Затварања (closure) и изазивање функције на месту у 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-у

Оператор спред и бројеви у JavaScript-у

Оператор rest

Оператор rest у JavaScript-у

Функција за проналажење збира бројева користећи операторе rest и spread у 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-у

Провера припадaња датума у интервал

Поређење објеката са датумима у JavaScript-у

Увод у DOM

Основе рада са DOM-ом у JavaScript-у

DOM елементи у JavaScript-у

Добијање DOM елемента у JavaScript-у

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

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

Именовани руковаоци догађаја у JavaScript-у

Један хендлер на многе елементе у JavaScript

Више руковаоца за један догађај у JavaScript-у

Хендлери различитих догађаја у JavaScript-у

Рад са текстом елемената у JavaScript-у

Рад са HTML кодом елемената на 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

Стилизација помоћу CSS класа на ЈаваСкрипту

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

Примена стилизације у ЈаваСкрипту

Претрага

Проналажење потомака елемената у JavaScript-у

Налажење родитељских елемената у JavaScript-у

Проналажење свих родитељских елемената у JavaScript-у

Претрага суседних елемената у JavaScript-у

Проналажење елемента по id у JavaScript-у

Претрага елемената по имену тага у JavaScript-у

Претрага елемената по имену класе у JavaScript-у

Претрага елемената унутар другог елемента у JavaScript-у

Чворови

Рад са чворовима у JavaScript-у

Прелазак чворова петљом у JavaScript-у

Називи чворова у JavaScript

Тип чворова у JavaScript-у

Текст чворова у ЈаваСкрипту

Форме

Рад са textarea у JavaScript-у

Атрибут disabled у JavaScript-у

Рад са чекбоксима у ЈаваСкрипту

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

Рад са радио дугмадима у JavaScript-у

Догађај change у JavaScript-у

Догађај input у JavaScript-у

Методи focus и blur у JavaScript-у

Проналажење грешака у коду са формама у JavaScript

Падајући списак

Рад са падајућим листама у ЈаваСкрипту

Атрибут value у падајућим листама у 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-у

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

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

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

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

Тajмери

Основе рада са функцијом setInterval у JavaScript-у

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

Заустављање ЈаваСкрипт тајмера

Дугме за покретање тајмера у JavaScript-у

Вишеструко кликтање на дугме за покретање тајмера у JavaScript-у

Дугмићи за покретање и заустављање тајмера у JavaScript-у

Вежбе на тајмере и рад са DOM-ом у JavaScript

Тajмери и губитак контекста у JavaScript-у

Вежбе на тајмере и рад са DOM-ом у JavaScript-у

Кашњење пре извршавања у JavaScript

Покретање тајмера у JavaScript-у

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

Креирање и уметање елемената у ЈаваСкрипту

Причврљивање догађаја приликом уметања елемената

Креирање елемената у петљи на JavaScript-у

Додавање руковаоца догађајима у петљи на ЈаваСкрипту

Брисање елемената у JavaScript-у

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

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

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

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

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

Провера елемената у JavaScript-у

Практика

Креирање елемената из низа у JavaScript-у

Практика на креирање ul листи у JavaScript-у

Прављење HTML табела у JavaScript-у

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

Креирање HTML табеле из низа у JavaScript-у

Креирање HTML табеле из низа објеката

Додавање редова и колона у ХТМЛ табелу

Промена ћелија HTML табеле у ЈаваСкрипту

Самоуништавање нових елемената у JavaScript-у

Веза за брисање елемента у ЈаваСкрипту

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

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

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

Уређивање у групи елемената у JavaScript-у

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

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

Дугмићи за сакривање и приказ елемента у JavaScript-у

Више елемената са дугмадима за приказ на JavaScript

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

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

Практика на измену елемената у JavaScript-у

Функције и DOM

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

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

Прослеђивање колбек функције за рад са DOM-ом у JavaScript-у

Прослеђивање редног броја у колбек на JavaScript-у

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

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

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

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

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

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

Конфликти променљивих у JavaScript-у

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

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

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

Прослеђивање родитељског елемента у модул кроз затварања у JavaScript-у

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

Подразумевани параметри

Извоз променљивих и функција у модулима преко затварања у JavaScript-у

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

Библиотеке кроз затварања у JavaScript-у