Bu app-də listə itemləri əlavə edə bilirik və tək-tək və ya hamsı silə bilirik. Yazılan data-lar
localStorage-ə yazılır. Yəni browser söndürülmədiyi müdətdə data-lar saxlanır, reload edilsə belə.
- Preview
- Code Documatation
- App-in əsas xususiyyətləri:
localStorageistifadə- RemoveElement-dən isfadə
- AddElement-dən istfadə
Sadəcə JavaScript-dən istfadə edərək sadə Slider yazmağa çalışdım.Burda data olaraq göstərilən
dataobyecti DataBases-dən gələn məlumatları göstərir.Slider-da default olaraq rəsimləri ardıcıl göstərir. Tələbdən aslı olarq random etmək olar. Controller-lərin üzərinə gələn zaman Slider dayanır.
- Preview
- Code Documatation
- App-in əsas xususiyyətləri:
setInterval-dan istfadə edilib.clearInterval-dan istfadə edilib.- radom xususiyyəti əlavə edib.
Validation çox zaman hazır kod blokları və ya Packages-dən istifadə edilir. Burada məqsəd hazır kod bloklarında istifadə etmədən öz şərtlərmizi qoyaraq bu hadisəni necə sadə yolla həyata keçrə biləcəyimizi yazmaqdır.
- Preveiw
- Code Documatation
- App-ın əsas xususiyyətləri:
- JQuery-dən istifadə edilib.
JQuery istifadə edərək sadə Back To Top App gəliştirməyə çalişdim.
prototype,Object.create()və.call()istifadə edərək inheritance ifadə etməyə çalışdım.
Sualları
cardın içərisiniə yerləşdirərək, cavabları butonlar şəkildə götərirk cavbalar doğru olduqda siz bir xal əldə etmiş olursuz. Hazırlamış saullarıQuestion Loadbölmesində yükləyərək ordan əldə etdiyimiz iformasiyanıhtmləks etirdik.
-
App Usage
- İlk olaraq sualları qeyd edərəkən sualları qeyd edəcəmiyimiz dəyişənləri əvvəlcədən qeyd edirik.
- Qeyd etdiyimiz dəyişəni
tryblokunun icərisinə yazırıqQuestion()konstraktorunu dolduruq Question()konstraktorunu Doldurulma qaydasıQuestion("Question", ["Choice", "Choice", "Choice"], "Answer")
- Son olraq bütün dəyişənləri Arrayın içərisinə toplayırıq
-
App-ın əsas xususiyyətləri:
scorebölmesi vastəsi ilə sonda cavablaya bildiymiz sualları neticəsni götərilir.- JQuery-dən istifadə edilib.
https://jsonplaceholder.typicode.com/usersApiüzərindən Profil sorğusu aparılır. Sorğu :
usernamelər üzrə aparılır- Ajax metodologiyasından istifadə edilib.
- Hər hanxi bir axatarış üçün yuxarıda qoyduğum link daxildəki uyğun
usernamedən istifadə etməlisiz.
- a_b_c_fayl.js
- a ümumi sıra
- b ders başlığının sırası
- c Dersin sırası
- Document Object Model
- Selecting Single Elements
- Selecting Multiple Elements
- Traversing the Dom
- Create Element
- Remove Element
- Referance Link
- Selectors
- Styling Content
- Methods
- Click Evevt
- Change Event
- Show/Hide Effects
- Slide/Fade Effects
- Animate
- Messange Box App
- Back To Top App
- Form Validation
- Object and Constroctor
- Inheritance
- Object Create
- ProtoTypal Inheritance
- Bult-in Constructor
- Inheritance Usage
- CallBack Function
- Immediate Function
- Function that return function
- Setter Getter
- Call,Apply and Bind Function
- Error Handling
- Arrow Function and Map Method
thiskeyword- Spread Operator
- Reset Parametrs
- Destrcuting
- Array.from() Using
- Map Object
- Set Uniq Value Collection
- Class
- Static
- Sub Classes
- Asynchronous
- XHR Object
- Create JSON
- Use JSON
- HTTP GET
- HTTP POST
- AsyncJavaScript
- Promise
- Promise Using
- Fetch Api
- Async and Await