Karyerasini boshlamoqchi boʻlib yurgan React'chilar uchun amaliyot 👆

#quiz #javascript

❓ Konsolga qanday qiymat chiqadi?

@frontend

#javascript

Top 5 ta Js animatsion kutubxonalari 🎮

1. Gsap
2. AnimeJs
3. ScrollReveal.js
4. Typed.js / Typeit.js
5. Velocity.js

Izohlarda qo'shimcha qilish mumkin 💬

@frontend

#css

📝 Chiziqli matn yaratish

Chiziqli matn hosil qilishda text-shadow xususiyati ishlatiladi. Soya Y o'qi bo'ylab biroz siljiydi, bu esa engil chuqurlik effektini yaratadi.

.recessed {
   font-size: 50px;
   font-weight: 800;
   text-align: center;
   text-shadow: 2px 2px 2px rgba(255,255,255,0.3);
   background-color: #b9b9b9;
   background-clip: text;
   color: transparent;
   font-family: 'M PLUS 1p', sans-serif;
}

@frontend

#humor

Dasturchilar pardasi ekan 😄

@frontend

VueJs bo'yicha yangi vakansiya 👆

Reaksiyalani 👍BOMBA qilib tashlayleeek

#javascript #beginner

👨‍💻 JavaScript bilimingizni 10 kun davomida kichik amaliyotlar orqali mustahkamlang.

#10DaysOfJS

1-kun: Character and Words Counter
2-kun: Speech to Text
3-kun: To-Do list
4-kun: Quotes genrator
5-kun: Hotel Menu list
6-kun: Form validation
7-kun: Recipe App
8-kun: Movie App
9-kun: Budget App
10-kun: Portfolio

Loyihalarning kod manbayi:
👩‍💻 GitHub'ga havola

@frontend

#vuejs

👩‍💻 Vue Cheatsheet

Vue.js, Vue Router, Pinia haqida asosiy tushunchalar haqida qisqa ma’lumotlar beruvchi sayt.

Quyidagi mavzularni o'z ichiga oladi:
v-bind, v-on, {{ }}, v-html, v-show, v-if, v-else, v-else-if, v-for, v-once, v-model, v-on, v-pre, v-memo, v-cloak va boshqalar.

🔗Saytni ko'rish

@frontend

#javascript

👩‍💻 JSchallenger

Ushbu sayt sizga JavaScript dasturlash tilida asosiy tushunchalar haqida qisqa ma’lumotlar beradi. Ushbu sayt quyidagi imkoniyatlarni taqdim etadi:

- Kod yozish mashqlari
- Ketma-ket o'quv qo'llanma
- Shaxsiy profil

🔗Saytga havola

@frontend

#css

💻 Modal oynasini yoki div elementini markazlashtirish va moslashuvchan(responsive) qilish uchun optimal css yechim.

CSS kodi:

.element {
  position: fixed;
  inset: 0px;
  width: 12rem;
  height: 5rem;
  max-width: 100vw;
  max-height: 100dvh;
  margin: auto;
}

inset: 0px = top: 0; right: 0; bottom: 0; left: 0;

@frontend | *repost

#practice

👨‍💻 Frontend amaliyot uchun eng yaxshi veb saytlar:

1. FrontendMentor
2. JavaScript 30
3. Codepen Challenges
4. FreeCodeCamp
5. CSS Battle
6. Codewars
7. Devchallengesio
8. CoderByte

@frontend

#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

@frontend | *repost

#humor

Junior dasturchi qilgan joyni toping ❓

@frontend