#css

— Matn tanlashdagi user-select xususiyati orqali barcha matnni belgilash yoki tanlashni o'chirib qo'yish.

/* Birmarta bosish orqali barcha matnni tanlash */
p {
  user-select: all;
}

/* Matn tanlashni o'chirib qo'yish */
p {
  user-select: none;
}

👉🏼 @frontend

#interview

JavaScript intervyuga tayyorlanayotgan yoki o'z bilimini oshirish, mustahkamlash istagida bo'lganlar uchun savollar to'plami.

👉🏼 SAVOLLARNI KO'RISH

👉🏼 @frontend 👈🏼

#js #github

🔂 JavaScriptni organish uchun 5 GitHub reposi.

1. Murakkab JavaScript savollarining uzun roʻyxati va ularning tushuntirishlari

2. 🛁 JavaScript uchun Clean Code

3. Udemydagi JS kursining barcha bo'limlari va loyihalar uchun kodlar

4. Zamonaviy JavaScript qo'llanma

5. Boshlangich JavaScript

Foydali kontent uchun OBUNA bo'ling!
👉🏼 @frontend 👈🏼

#quiz #js

What is the output?

 const list = [1 + 2, 1 * 2, 1 / 2];
 console.log(list);

#vue #js

Vue'da "v-if" va "v-show" orasidagi farq 📌

🟢 "v-if" - o'zgaruvchining qiymati "true" bo'lsa, elementni DOM-da yaratadi, "false" bo'lsa, elementni DOM-dan o'chiradi va uni yashiradi.

🟢 "v-show" - o'zgaruvchining qiymati "false" bo'lsa, DOM elementini CSS "display" stilini "none" qilib o'zgartiradi. Buning natijasida, DOM elementi sahifada qoladi, ammo ko'rinmaydi.

👉🏼 @frontend 👈🏼

#freelance

🌐 Top 5 freelance saytlar:

1. UpWork
2. TopTal
3. Fiverr
4. PeoplePerHour
5. Hired

👉🏼 @frontend 👈🏼

Html, Css ni o'zi bilan FrontEnd dasturchi bo'laman deb o'ylaganingizda 🤣

👉🏼 @frontend 👈🏼

#js #kutubxona

🖱Parallax-img-scroll

Veb-sayt yuqoriga yoki pastga aylantirilganda tasvirlarni (yoki boshqa turdagi HTML-kontentni) suzuvchi va harakatlantirish uchun parallaks effekt JavaScript kutubxonasi.

📔 githubga havola

🌐 veb sayt

👉🏼 @frontend 👈🏼

Landing Page yaratish uchun amaliy ko'rsatmalar ketma-ketligi, qo'llanma

🖇 https://foundersbook.co/lean-landing-page

👉🏼 @frontend 👈🏼

#dev_link

Foydali resurslar ro'yxati 💻

• JavaScript: awesome-javascript
• React: awesome-react
• Vue: awesome-vue
• Angular: awesome-angular
• Node.js: awesome-nodejs
• Typescript: awesome-typescript
• Java: awesome-java
• Go: awesome-go
• Ruby: awesome-ruby
• PHP: awesome-php
• Kotlin: awesome-kotlin
• Rust: awesome-rust
• Swift: awesome-swift
• iOS-developper: awesome-ios
• Android-Developper: awesome-android
• C: awesome-c
• C++: awesome-cpp
• C#: awesome-dotnet
• Unreal Engine: awesome-unreal
• Unity: awesome-unity3d
• Python: awesome-python
• Django: awesome-django
• Data Science: awesome-datascience
• TensorFlow: awesome-tensorflow
• Linux: Awesome-Linux-Software
• DevOps: awesome-devops
• SysAdmins: awesome-sysadmin
• Nginx: awesome-nginx
• Kubernetes: awesome-kubernetes
• Docker: awesome-docker
• Auto Networking: awesome-network-automation
• Kiberxavfsizlik: awesome-security
• QA: awesome-testing
• DataBase: awesome-database-learning

👉🏼 @frontend 👈🏼

🖱VUE DRA GGA BLE

Sortable.js asosida Vue 3 bilan ishlangan drag-and-drop komponenti.

⌨️ GitHub havola
🌐 Veb saytga havola

Siz shunga o'xshash yana qanday resurslarni bilasiz, izohlarda yozing 💬

👉🏼 @frontend 👈🏼

#css

div elementimizni markazga joylashtirishning eng yaxshi yo'llari.

P.S ustozim maslahat bergandilar unga ko'ra 3-usul maqulroq ekan 👌🏼

Bu usul afzalliklari:

1) brauzerlar tushunishida qiyinchilik bo'lmaydi ya'ni barcha eski brauzerlar ham muammosiz o'qiy oladi.

2) U ichki elementning kengligi va balandligiga bog’liq emas, ya’ni har xil o’lchamdagi elementlarni markazlashtira oladi.

bu degani responsiv qilishda ancha qo'l keladi.

👉🏼 @frontend 👈🏼

#vue

Vue.js Patterns: Vue 3 Composition API da, ota va bola komponentalar o'rtasida reaktiv aloqa o'rnatish(ma'lumot almashish) haqida maqola.

🖇 Maqolaga link

👉🏼 @frontend 👈🏼

Dasturchilar uchun ayni kerakligi 😎

Metabob kodni tuzatish va qayta ishlashni avtomatlashtirishga yordam beradi.

AI sizning kodingizni tekshiradi, xatolar haqida signal beradi, ularni tushuntiradi va tuzatadi

✅ Python, Javascript, Typescript, C++, C va Java bilan ishlaydi, Github, Bitbucket, Gitlab va VScode da mavjud.

Bu AI'dan foydalanadiganlar bormi? 💬

👉🏼 @frontend 👈🏼

💎 Dasturchilar uchun foydli bo'lgan 7ta sayt

1️⃣ O'zingiz biladigan dasturlash tilingiz bo'yicha kod yozib bilimingizni sinab ko'rish imkoniyatini beruvchi sayt:
👉🏻 https://codewars.com/

2️⃣ CSS Grid'ga oid ajoyib misollarini osongina o'rganish imkoniyatini beruvchi sayt:
👉🏻 https://griddy.io/

3️⃣ Sizga animatsiyalarni yaratish, ko‘rish va ishga tushirishda yordam beradigan ajoyib sayt:
👉🏻 https://keyframes.app/animate

4️⃣ Kodlarni bir dasturlash tilidan boshqa dasturlash tiliga o'tqazib beruvchi sayt:
👉🏻 https://ide.onelang.io/

5️⃣ Ochiq manbali CSS, SVG va Figma UI Ikonkalari mavjud sayt:
👉🏻 https://css.gg/

6️⃣ Web dasturchilar uchun kerak bo'ladigan ikonkalar bor eng yaxshi sayt:
👉🏻 https://fontawesome.com/

7️⃣ VSCode'ni brauzerning o’zida foydalanish imkoniyatini beruvchi sayt:
👉🏻 https://vscode.dev/


👉🏼 @frontend 👈🏼

#vscplugin

Tailwind CSS IntelliSense

Tailwind CSS IntelliSense VSCode foydalanuvchilariga avtoto‘ldirish, sintaksisni ajratib ko‘rsatish va tahlil qilish kabi ilg‘or funksiyalarni taqdim etish orqali Tailwindda ishlash imkoniyatingizni oshiradi.

📥 Plaginni o'rnatish

👉🏼 @frontend 👈🏼