#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 👈🏼

#tavsiya #tajriba

🧠 Sodda yechimlarni, murakkab yechimlardan ustun qo'ying (KISS printsipi)

"KISS printsipi" dasturlashda sodda va tushunarli kod yozishga qaratilgan bir tamoyil hisoblanadi. KISS so'zi "Keep It Simple, Stupid" degan iboraning bosh harflaridan tashkil topgan. Bu printsipga asosan, dasturchilar murakkab logika va arxitektura yordamida yozgan kodingizni kelajakda tushunishi, optimizatsiya qilishni va kengaytirishi kerak bo'ladigan dasturchilar haqida o'ylashlari kerak. Bu dasturchiga yarim yildan keyin o'zingiz aylanishingiz mumkin:) Kerak bo'lmagan joyda turli xil dasturiy tamoyillarni, arxitektura shablonlarini, dasturiy tillarning yangi xususiyatlarini v.k. ishlatishga urunmang! Chunki bu kodingizga ortiqcha murakkablik qo'shadi.

Sodda, tushunarli kod, genial va murakkab koddan yaxshiroq, chunki u o'qish va o'rganish, kengaytirish va debug qilish osonroq.

Loyihalaringizni arxitekturasini soddalashtirishga uruning. Bu sizga vaqt, xarajat va muammolardan tejaydi.

👉🏼 @FrontEnd 👈🏼

#js #quiz

let a = 3;
let b = new Number(3);
let c = 3;

console.log(a == b);
console.log(a === b);
console.log(b === c);

👉🏼 @FrontEnd 👈🏼

#hazil

Yig'ilgan tajriba 😅

👉🏼 @Frontend 👈🏼

Amaliyot qilish uchun TOP manbalar 🔝

🔘 Tayyor Dizayn shablonlari orqali HTML, CSS imkoniyatlaringizni kuchaytiring — codewell.cc

🔘 Murakkabroq Frontend loyihalarida o'zingizni sinang — frontendpractice.com

🔘 Bir oylik javascript chellenji orqali JS bo'yicha bilimlaringizni oshiring — javascript30.com

🔘 CSSga doir turli darajadagi vazifalar jamlanmasi — cssbattle.dev

🔘 Frontend bo‘yicha musobaqa o‘tkazish uchun ajoyib sayt — 100dayscss.com

Frontendchilar kanali 👉🏼 @Frontend 👈🏼

Bu holat hamma Frontend'chilarning boshidan o’tgan bo’lsa kerak, shundaymi? 😂

Frontendchilar kanali 👉🏼 @Frontend

Miyyani press qiladigan joyi 😁

let a = 5;
let b = a-- + ++a;
let c = a++ - --b;
            
console.log(a+b+c);

👉🏻 @FrontendIQ > #js