#jsLibrary #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
π5π₯2
Frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
π9π₯3
#jsLibrary #frontend
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
π8π₯7
https://t.iss.one/boost/frontend π§
Bu sizlar uchun ajoyib ma'lumotlarni ulashib borishga motivatsiya beradiβ‘οΈ
Bu sizlar uchun ajoyib ma'lumotlarni ulashib borishga motivatsiya beradi
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Frontend
Bu kanal qoΚ»shimcha funksiyalarni ochishiga yordam berish uchun unga ovoz bering.
π₯7π5
#100DaysOfFrontend #frontend
Assalomu aleykum hammaga
#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
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯6π5
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
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
π8π₯5
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):β¦Β»
Please open Telegram to view this post
VIEW IN TELEGRAM
π9π₯7
#devTools #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
π7π₯4
#100DaysOfFrontend #beginner
3 - kun | Contact us
Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma (responsive)
Deadline: 15.07.2024 β 20:00
P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.
@frontend
π5π₯4
#js #leetCode #frontend
Videoga havola
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π₯3
Forwarded from Uzbek Developers
#mazui #dasturlash #vuejs
Maz-UI β bu Vue.js uchun moβljallangan yuqori sifatli komponentlar kutubxonasidir. U Mazen Hisham tomonidan yaratilgan va foydalanuvchilarga tez va oson veb-saytlar yaratish uchun keng qamrovli, responsiv va oson sozlanadigan komponentlar toβplamini taqdim etadi.
uzbekdevs.uz / @uzbekdevs
π₯4π2
#vue #frontend
<div v-for="car in cars" :key="car.id">
<h2>{{ car.make }} {{ car.model }}</h2>
</div>
cars[] avtomobillar ro'yxati va har bir avtomobil quyidagi tuzilishga ega:interface Car {
make: string; // Avtomobil markasi
model: string; // Modeli
id: string; // id
}<div v-for="{id, make, model} in cars" :key="id">
<h2>{{ make }} {{ model }}</h2>
</div>@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯8π2