#icon

❤️Foydalanish uchun 200 000 + eng zo'r bepul vector iconlar to'plami.

Bu saytda har bir iconni o'zingizga moslab, o'zgartirishlar kiritib yuklab olishingiz yoki kerakli (vue, react, css, tailwind) component kod manbasidan nusxa olishingiz mumkin.

🔗 Sayt manzili: iconify.design

@frontend

Frontend Vue yo'nalishida kuchli mutaxasis bo'lishni maqsad qilgan dasturchilar uchun ajoyib vakansiya 👆

👩‍💻 👩‍💻 #roadmap

Frontend dasturlashni o'rganish bo'yicha qadamma-qadam tuzilgan va o'rganish uchun manbalar keltirilgan roadmap.

@frontend — ✅

#humor

" Брат " ni taniganlar bormi?

Shunaqa dasturchilarga yuborib qo'yamiz 🚀

@frontend — ✅

#url

🔗 URL ("Unified Resource Locator" yoki "Uniform Resource Locator") brauzerlarda veb-saytlarga kirish uchun ishlatiladigan manzilni bildiradi. URL, protokol (masalan, HTTP yoki HTTPS), veb-saytning nomi, domen nomi va xizmat qiluvchi serverning manzili kabi qismlardan iborat bo'ladi.

@frontend — ✅

👨‍💻 Kod yozgan vaqtingizni qanday kuzatish mumkin?

WakaTime - dasturchilar uchun vaqtni kuzatish plaginidir. U matn muharrirlari va IDE-larga, shuningdek, Chrome kabi brauzerlarga integratsiyalashgan.

Vaqtni avtomatik kuzatish, dasturlash tilidan foydalanish tahlili va unumdorlik vositalarini taqdim etadi.

👩‍💻 Plaginni o'rnatish uchun havola

Foydalanganlar plagin haqida fikringizni izohlarda yozib ketishingiz mumkin 💬

@frontend — ✅

*repost

#news

🔎 Google tizimiga kirish va roʻyxatdan oʻtish sahifalari yangi koʻrinishga o'tibdi.

O'zgarishlar kichik va funksionallikka ta'sir qilmagan.

@frontend — ✅

#career

🖥 Portfolio saytingiz uchun ajoyib dizayn va qulaylikka ega portfolio veb sayt.

Sayt, Next, Tailwind CSS, and EmailJS texnologiyalari orqali ishlab chiqilgan.

🔗 saytga havola

@frontend — ✅

#javascript #safari

✌️ 🌴 Safari 17.4 versiyasida quyidagi JavaScript funksiyalari qo'shildi:

— Promise.withResolvers()
— Object.groupBy()
— Map.groupBy()

@frontend — ✅

Yana bir portfolio uchun qilingan "UDAR" sayt, sizlar bilan bo'lishgim keldi :)

🔗 henryheffernan.com

@frontend — ✅

#humor

Dasturchi yigit va qiz suhbatidan 😇

@frontend — ✅

#tools

Veb-dizaynerlar va frontend ishlab chiquvchilari uchun foydali resurslar

❤️ Icon'lar:
— Font Awesome icons
— Bootstrap icons
— Material Symbols

🔡 Shriftlar:
— Google Fonts
— Awwwards collection
— Fonts.com

🖼 Illustratsiyalar:
— Humaaans
— unDraw
— icons8

🖌 Ranglar palitralari:
— Coolors
— Color Leap

🤖 Boshqa resurslar:
— Smooth box shadow generator
— Cubic bezier generator
— Grid layout generator
— Flex layout generator

👉🏼 @frontend

VueJs bo'yicha vakansiya 👆

#javascript

👩‍💻 JavaScriptda obyektni massiv sifatida qarashga yordam beradigan 4 ta usul bor:

Object.keys()

argument sifatida berilgan obyektning barcha kalitlarini massiv sifatida qaytaradi.

Object.values()

obyektning barcha qiymatlarini massiv sifatida qaytaradi.

Object.entries()

kirishlarni massiv sifatida qaytaradi - har bir kirish o'z-o'zi ikki elementli massiv - kalit va qiymat.

Object.fromEntries()

kirishlarni massivni qabul qilib, ularni massivga aylantiradi.

👉🏼 @frontend

#css

👩‍💻⚙️ CSS Generatorlar

- Keyframes.app
- Cubic-bezier
- Css tricks button maker
- Css box shadow generator
- Css grid layout generator
- Css button generator
- Css animations generator
- ColorZilla gradients
- Css flex layout
- Css gradient generator
- CSS generatorlar to'plami

👉🏻 @frontend

#humor

GitHub-ga loyihaga qo'shib node_modul faylini ham push qilganingda 😥

Loyihani tugatgandan so'ng uni GitHub-ga yuklash yoki faylini biror yerga yuborishda "node_modules" faylnini o'chirib keyin taqdim etish tavsiya qilinadi.

Afzalligi fayl hajmini kichraytirish!

@frontend

#css

🤔 Matnga gradientli kontur qo'yish.

`text-stroke` stil xususiyati matnning harflari va belgilariga kontur rangini va qalinligini bir vaqtning o'zida belgilaydi. Lekin gradient yaratish uchun 2 xususiyatni qo'shish kerak: `background-clip: text` va `background-image: linear-gradient`.

<h1>Hello frontend.t.iss.one</h1>

body {
    background-color: #000119;
    display: grid;
    font-family: sans-serif;
    place-items: center;
  }
  h1 {
    background-clip: text;
    background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
    font-size: 100px;
    -webkit-text-stroke: transparent 6px;
  }

@frontend

#javascript #kutubxona

FullPage.js - bu JavaScript kutubxonasi (library) yangi qatordan foydalanib bir-biriga o'tish (scrolling) asosida to'la sahifa (full page) yaratishga yordam beradi.

🔗Saytga o'tish

@frontend

#vue #Devtools

👩‍💻 Vue Developer Tools

- Vue CLI
- Vite
- Bit
- Nuxt
- VuePress
- Gridsome
- Vuex
- Pinia
- Design Systems
- VueTify
- Vue Devtools
- Quasar

@frontend