Frontend — endi AI bilan
- Vibe Coding & AI tools
- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar
Vakansiyalar: @frontendVacancy
Hamkorlik: @umrbekOF
Post #1357
1.73K
Channel Public Channel
FR Frontend
@frontend
- Subscribers
- 3.36K
- Photos
- 432
- Videos
- 76
- Links
- 415
Showing posts older than #1360 · Back to latest
Older Posts 20 shown
Post #1356
2.47K
#devTools #frontend
📱 Frontend dasturchilar uchun foydali vositalar
React Dev Tools / Vuejs Devtools: Ushbu kengaytmalar React yoki Vue ilovalarini tuzatish uchun zarurdir. Siz komponentlarni ko'rib chiqishingiz, ularning xususiyatlari va holatlarini ko'rishingiz mumkin.
Redux Dev Tools: Ilovangizda Redux'dan foydalansangiz bu uning holatini tuzatishga yordam beradi.
JSON Formatter: JSON faylini yuborsangiz, uni chiroyli formatda ko'rsatiladi.
ColorZilla: ColorZilla sizga kerakli rangni olishga yordam beradi.
WhatFont: Bu kengaytma veb-saytdan shriftni aniqlaydi.
Mobile simulator: Responsive testing
Screenshot Tool: Tezkor skrinshotlar olishga imkon beradigan skrinshot vositasi
@frontend
- 👍 7
- 🔥 4
Post #1355
1.61K
Post #1354
1.45K
Post #1353
1.77K
Post #1352
1.37K
Frontend pinned «#100DaysOfFrontend #frontend Assalomu aleykum hammaga 👋 ⚡️ Bugundan (12.07.2024) #frontendChallenge boshlangunga qadar #beginner'lar uchun mo'ljallangan yangi #100DaysOfFrontend chellenjiga start beramiz! #100DaysOfFrontend haqida: Kimlar uchun (daraja):…»
Post #1350
1.59K
DRY termini
DRY prinsipining ko'plab afzalliklari bor:
Aytaylik yuqoridagi kod misolida agar biz DRY prinsipiga amal qilinmagan holatdagisiga qaraylik. Agarda "button"ning biror xususiyatini o'zgartirmoqchi bo'lsak biz barcha "button"larni o'sha xususiyatlarnini bittama-bitta yozib chiqishga majbur bo'lamiz. Aytaylik "border-radius" xususiyati qiymatini 12px qilmoqchimiz.
Lekin biz DRY prinsipiga amal qilingan holatdagi kodga qarasak, ".button" classli elementning xususiyatini o'zgartirsak ".button" classli barcha elementlarni xususiyatlarini bitta kod blokida o'zgartira olamiz.
Masalan bunday ko'rinishda foydalanamiz:
Humoyunmirzo
DRY (Don't Repeat Yourself) prinsipi dasturiy ta'minot ishlab chiqishda juda muhim hisoblanadi va uning asosiy maqsadi kodni takrorlashni oldini olishdir. Bu prinsip dasturiy ta'minotning o'qilishini, qo'llab-quvvatlanishini va kengaytirilishini osonlashtiradi.
DRY prinsipining ko'plab afzalliklari bor:
Aytaylik yuqoridagi kod misolida agar biz DRY prinsipiga amal qilinmagan holatdagisiga qaraylik. Agarda "button"ning biror xususiyatini o'zgartirmoqchi bo'lsak biz barcha "button"larni o'sha xususiyatlarnini bittama-bitta yozib chiqishga majbur bo'lamiz. Aytaylik "border-radius" xususiyati qiymatini 12px qilmoqchimiz.
Lekin biz DRY prinsipiga amal qilingan holatdagi kodga qarasak, ".button" classli elementning xususiyatini o'zgartirsak ".button" classli barcha elementlarni xususiyatlarini bitta kod blokida o'zgartira olamiz.
Masalan bunday ko'rinishda foydalanamiz:
<button class="button button-primary">Button</button>
Humoyunmirzo
- 👍 9
- 🔥 5
Post #1349
1.75K
Post #1348
1.52K
Frontend #100DaysOfFrontend
Bugungi vazifa yuboriladi:
Juma (12.07.2024), soat: 20:00
Deadline:
Shanba (13.07.2024), soat: 20:00
Qolgan kunlari shu tarzda davom etadi...
Juma (12.07.2024), soat: 20:00
Deadline:
Shanba (13.07.2024), soat: 20:00
Qolgan kunlari shu tarzda davom etadi...
- 🔥 10
- 👍 4
Post #1347
3.32K
#100DaysOfFrontend #frontend
Assalomu aleykum hammaga 👋
⚡️ Bugundan (12.07.2024) #frontendChallenge boshlangunga qadar #beginner'lar uchun mo'ljallangan yangi #100DaysOfFrontend chellenjiga start beramiz!
#100DaysOfFrontend haqida:
Kimlar uchun (daraja):
- boshlang'ich (beginner)
Texnologiyalar:
- html, css/css frameworks, (js qo'shish ixtiyoriy)
Dizayn:
- loyiha figma maketi beriladi
Loyiha muddati (deadline):
- 1 sutka (24 soat)
Yechimlarni/ishlaringizni kanalga joylangan mos post izohlar qismiga yuborishingiz mumkin.
Bu chellenjda discipline (intizom) ushlansa juda yaxshi shaxsiy izlanish va bilimga ega bo'lasiz!
@frontend
- 🔥 6
- 👍 5
Post #1346
1.64K
Post #1344
1.64K
Post #1343
1.6K
https://t.me/boost/frontend 💧
Bu sizlar uchun ajoyib ma'lumotlarni ulashib borishga motivatsiya beradi ⚡️
Telegram Frontend Bu kanal qoʻshimcha funksiyalarni ochishiga yordam berish uchun unga ovoz bering. Bu sizlar uchun ajoyib ma'lumotlarni ulashib borishga motivatsiya beradi ⚡️
- 🔥 7
- 👍 5
Post #1342
3.41K
#jsLibrary #frontend
💦 Eng Yaxshi 8ta JS Animatsiya Kutubxonasi
1️⃣ GSAP (GreenSock Animation Platform) - Yuqori samarali HTML5 animatsiyalar yaratish uchun mo'ljallangan.
2️⃣ Framer Motion - React uchun opensource kutubxona.
3️⃣ Anime.js - CSS xususiyatlari, SVG va DOM atributlarini animatsiya qilish uchun mo'ljallangan.
4️⃣ Popmotion - JavaScript uchun yengil animatsiya kutubxonasi.
5️⃣ React Spring - React ilovalari uchun animatsiyalar yaratishda qo'llaniladi.
6️⃣ Three.js - 3D grafikalarni yaratish va animatsiya qilish uchun kutubxona.
7️⃣ Vivus - SVG tasvirlarni animatsiya qilish uchun mo'ljallangan.
8️⃣ Mo.js - Murakkab va qatlamli animatsiyalar yaratish uchun ishlatiladi.
@frontend
- 👍 8
- 🔥 7
Post #1338
1.25K
Frontend 🆕 Diqqat Maqolalaringizni @frontend kanalida e'lon qilish imkoniyatini taklif etamiz.
Bu yodingizdami ?
Tajribali dasturchilarni sohadagi dolzarb muammolarga yondashuvlari, yechimlari haqida post/maqola yuborishlarini taklif qilamiz 😐
#balkiFoydasiTegar
Tajribali dasturchilarni sohadagi dolzarb muammolarga yondashuvlari, yechimlari haqida post/maqola yuborishlarini taklif qilamiz 😐
#balkiFoydasiTegar
- 👍 9
- 🔥 3
Post #1337
1.33K
#jsLibrary #frontend
📊 Statistikani Vizual Taqdim Etish: Chart.js
Chart.js — sizga chiziqli, sektorli, ustunli va boshqa turdagi diagrammalarni tez va oson yaratish imkonini beradi. Mobil-qurilmalarda ham yaxshi ko'rinadi.
Batafsil ma'lumot: www.chartjs.org
@frontend
- 👍 5
- 🔥 2
Post #1336
1.72K
#css #frontend
Matnni qanday qilib n ta qatorgacha cheklash va qolganini yashirish mumkin?
p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}@frontend
- 🔥 19
- 👍 10
Post #1335
1.56K
#vue #frontend
Vue.js Crash Course 2024
Vue 3 asosiy tushunchalari, options & composition API, direktivalar, ref & reactive o'zgaruvchilar, props va boshqa ko'plab tushunchalarni o'rganish uchun 3 soatlik tezkor kurs. Shuningdek "Job listing project " loyihasi ham ko'rsatilgan
📱 Videoga havola
@frontend
- 👍 13
Post #1334
1.34K
Forwarded from UMFT Amaliyot
🤝 Na gaaap hamkasb ?
Frontend dasturchi amaliyotni 3-mavsumini boshlaymizmi ?
Amaliyotga qabul uchun 3 ta bosqichdan o'tishingiz lozim bo'ladi:
1-bosqich. Figma fayl dizaynni verstka qilish
2-bosqich. Hackaton
3-bosqich. Suhbat
Amaliyot:
⭐️ 9-iyul 10:00 da 1-bosqichga start beriladi
⭐️ Formati gibrid (online/offline)
⭐️ Bepul
⭐️ Davomiyligi 2 oy
Batafsil ma'lumotni @umft_practice kanalda kuzatib boring. 👍
Frontend dasturchi amaliyotni 3-mavsumini boshlaymizmi ?
Amaliyotga qabul uchun 3 ta bosqichdan o'tishingiz lozim bo'ladi:
1-bosqich. Figma fayl dizaynni verstka qilish
2-bosqich. Hackaton
3-bosqich. Suhbat
Amaliyot:
⭐️ 9-iyul 10:00 da 1-bosqichga start beriladi
⭐️ Formati gibrid (online/offline)
⭐️ Bepul
⭐️ Davomiyligi 2 oy
Batafsil ma'lumotni @umft_practice kanalda kuzatib boring. 👍
- 👍 10