#amaliyot #api

Amaliyot qilish uchun 7 ta ajoyib bepul API 💻

1️⃣ Web Search API
Agar siz Google kabi qidiruv tizimini yaratmoqchi bo'lsangiz yoki oddiy qidiruv tizimi vidjeti qilmoqchi bo'lsangiz, Web Search API buning uchun ajoyib vositadir.
Web Search

2️⃣ Open Weather Map API
Open Weather Map - bu dunyo bo'ylab so'nggi ob-havo haqida ma'lumot beruvchi bepul API. Siz qilishingiz kerak bo'lgan narsa shahar nomi yoki mamlakat nomini ko'rsatish va u o'sha hudud uchun ob-havo ma'lumotlarini qaytaradi
Open Weather Map

3️⃣ IMDB API
Agar siz kino ilovasini yaratmoqchi bo'lsangiz, IMDB API yana bir ajoyib API bo'lib, u so'ralgan filmlar, aktyorlar, seriallar, treylerlar, kino ratinlari va boshqalar uchun ma'lumotlarni qaytaradi.
IMDB

4️⃣ News API
News API ajoyib bepul API bo'lib, u sizga dunyo miqyosidagi yangiliklar haqidagi ma'lumotlarni taqdim etadi.
News

5️⃣ Instagram API
Instagram klonini yaratmoqchi bo'lsangiz. Instagram-dan real vaqtda ma'lumotlarni taqdim etadigan ushbu ajoyib bepul API-dan foydalanishingiz mumkin.
Instagram

6️⃣ API-Football
Agar siz Futbol natijalari ilovasini yaratmoqchi bo'lsangiz, API-Football siz uchun API bo'lib, u +940 futbol ligalari va kuboklarini taqdim etadi. Har 15 soniyada jonli va o'yindan oldingi koeffitsientlar, voqealar, tarkiblar, murabbiylar, o'yinchilar, eng yaxshi to'purarlar, turnir jadvali, statistika, transferlar.
API-Futbol

7️⃣ Meme Generator API
Meme Generator API - bu oddiy mem generatori bo'lib, u oldindan yuklangan tasvirni asosida memlarni yaratadi. Memlar JPEG tasvir fayl formatida taqdim etiladi.
Meme Generator

Dunyoning eng katta API hubi - rapidapi.com

Do'stlaringizga ham ulashib qo'ying 🚀

Bizga qo'shiling 👉🏼 @Frontend 👈🏼

#js
Topshiriq: Massivdagi har bir elementni sonini aniqlash.

Yechim:

function countElements(arr) {
  return arr.reduce((acc, element) => {
    acc[element] = (acc[element] || 0) + 1;
    return acc;
  }, {});
}

// Misol uchun
const tags = ["#javascript", "#react", "#patterns", "#css", "#interview", "#javascript", "#css"]
console.log(countElements(tags));

Natija:

{
  "#javascript": 2,
  "#react": 1,
  "#patterns": 1,
  "#css": 2,
  "#interview": 1
}

Bu JavaScript funktsiyasi berilgan massivdagi har bir elementni sanaydi va natijani obyekt (object) ko'rinishida qaytaradi. Funksiyada reduce metodidan foydalanilgan. reduce metodi massivdagi har bir elementni bitta qiymatga o'zlashtirish imkonini beradi.

Sizda qanday yechim bor, izohlarda yozib qoldiring 💬

Do'stlarga ulashing 🚀

Bizga qo'shiling 👉🏼 @Frontend 👈🏼

#vsCode #foydali

🖱Sticky Scroll

Visual Studio Code-ning yangi tahrirlovchisi Sticky Scroll xususiyati, sizning kodlaringizni o’qishda yordam beradi. Bu xususiyat yordamida, siz kodlaringizni o’qishda, kodning qaysi qismida ekanligingizni bilib turishingiz mumkin, chunki bo’limlar yuqoriga yopishtiriladi, masalan, klass, funksiya aniqlanishi va hokazo...

✅ VS Code'da ishga tushirish:

⚙️ settings ➡️ editor ➡️ Sticky Scroll

Do'stlarga ulashing 🚀

Bizga qo'shiling 👉🏼 @Frontend 👈🏼

Geolokatsiyani aniqlash va uni xaritada ko'rsatish 🗺

Geolocation API yordamida foydalanuvchining koordinatalarini olishingiz va keyin ularni xaritadan joyni topish uchun ishlatishingiz mumkin.

        <p class="status"></p>
        <iframe class="map" src=""></iframe>
        <button class="button">Men qayerdaman?</button>

const button = document.querySelector(".button"),
  map = document.querySelector(".map"),
  status = document.querySelector(".status");

button.addEventListener('click', findLocation); 

function findLocation() {
  if (!navigator.geolocation) {
    status.textContent = 'Ваш браузер не дружит с геолокацией...';
  } else {
    navigator.geolocation.getCurrentPosition(success, error);
  }

  function success(position) {  
    const { longitude, latitude } = position.coords;
    map.src = `https://www.openstreetmap.org/export/embed.html?bbox=${longitude}%2C${latitude}&layer=mapnik`;
  }

  function error() {
    status.textContent = 'Baribir topaman!:0';
  }
}

👉🏼 @Frontend 👈🏼

#vue #amaliyot

💼 Lavozim: Frontend Vue dasturchi

NDC(ndc.uz) IT kompaniyasi Frontend VueJS bo'yicha Internship e'lon qiladi!

🌐 Batafsil o'qing

Vakansiyalar: 👉🏼 @frontendVacancy

Yangi vakansiya bilan tanishib chiqishingiz mumkin 👆🏻

👉🏼 @Frontend 👈🏼

Tajribali Vue dasturchilar uchun vakansiya 👆🏻

👉🏼 @Frontend 👈🏼

Kursni bitirib ishga kirolmay yurganlar bilan ish haqida suhbat qilib qolsang 😁

👉🏼 @Frontend 👈🏼

React amaliyot uchun vakansiya 👆🏻

👉🏼 @Frontend 👈🏼

JavaScript bilimingizni turli darajadagi misollar orqali kuchaytiring.

Bu saytlar orqali fikrlashingizni, bilimingizni yanada oshiring:

▫️ LeetCode
▫️ CodeWars
▫️ CodinGame
▫️ GeeksForGeeks
▫️ Programmr
▫️ TopCoder Challenges
▫️ CodeForces
▫️ SoloLearn
▫️ KickStart — Google’s Coding Competitions
▫️ CodeChef
▫️ CodeGym
▫️ CodePen Challenges

Siz yana qanday saytlarni bilasiz? Izohlarda qoldirishingiz mumkin! 💬

👉🏼 @Frontend 👈🏼

Telegram kanalimizda STORIES funksiyani ishlatishimiz uchun ovoz bering!

Foydali kontentlarni video ko'rinishida qabul qiling!

https://t.iss.one/boost/frontend

React amaliyot uchun vakansiya 👆🏻

👉🏼 @Frontend 👈🏼

#devtools #ai

Web dasturchilar uchun top AI yordamchilari

1. Sketch2Code
2. Durable
3. ChatGPT
4. Code Mentor
5. Copilot by GitHub
6. Copilot

👉🏼 @Frontend 👈🏼

Tajribali React dasturchilar uchun 👆🏻

👉🏼 @Frontend 👈🏼

VueJs'ni biladigan Full-stack dasturchi vakansiya 👆🏻

👉🏼 @Frontend 👈🏼

React dasturchilar uchun 👆🏻

👉🏼 @Frontend 👈🏼

#game #devtools

🎮 Frontend'ni o'yin o'ynab o'rganing

Frontend'ni o'rganishda top 5 ta bepul o'yin:

🧟‍♂️ “Flexbox Zombies” - u sizga CSS Flexbox-ni o’rganishga yordam beradi. Ushbu o’yinda siz Hoodie nomli personajni boshqarishingiz kerak, u Flexbox kodini ishlatadi.

🥕 “CSS Grid Garden” - sizga CSS Grid-ni o’rganishga yordam beradi. Ushbu o’yinda siz sabzavot bog’ini rivojlantirish uchun CSS kodini yozasiz.

🍽 “CSS Diner” - Ushbu o’yin orqali, siz CSS-ni o’rganishda yordam beradigan bir qator topshiriqlar orqali o’z CSS mahoratingizni oshirishingiz mumkin.

🏹 “CodeCombat” - o’yin Python va JavaScript dasturlash tillarini o’rganishga yordam beradi. U yerda 400 dan ortiq darajalar mavjud.

🥊 "Coding Fantasy" Bu platforma sizga HTML, CSS va JavaScript-ni o’rganishga yordam beradigan bir qator o’yinlarni taklif qiladi.

👉🏼 @Frontend 👈🏼