Telegram Web
#js #library #frontend


πŸ”” Top JavaScript bildirishnoma kutubxonalari

β€” SweetAlert
β€” React-Toastify
β€” Toastr
β€” Essential JS 2
β€” chakra-ui/alert
β€” Vue Toastification
β€” Sonner
β€” Awesome Notifications

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘7πŸ”₯2
#100DaysOfFrontend #beginner


7 - kun | 404 page


Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 19.07.2024 β€” 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend
πŸ‘9πŸ”₯2
#portfolio #frontend


Frontend dasturchining portfolio saytida
"Nimalar bo'lishi kerak ?"


πŸ”˜Shaxsiy ma'lumotlar:
- Qisqa tarjimai hol
- Ta'lim va sohadagi tajribangiz
- Shaxsiy fotosurat yoki avatar qo'shing


πŸ”˜Ko'nikmalaringiz:
- Frontend dasturlashda foydalanadigan barcha texnologiyalar ro'yxatini kiriting.
- Har bir texnologiya uchun sizning tajriba darajangizni ko'rsating.
- Qo'shimcha ko'nikmalarni, masalan, dizayn yoki UX/UI


πŸ”˜Loyihalaringiz:
- Eng yaxshi ishlaringizni joylang.
- Har bir loyiha uchun qisqa tavsif, ishlatilgan texnologiyalar va loyihada sizning rolingiz.
- Loyihalarni filtrlash yoki qidirish imkoniyatini.



πŸ”˜Aloqa ma'lumotlari:
- Siz bilan bog'lanishga qulay bo'lgan elektron pochta/telegramga havola, manzilingiz va telefon raqamingiz.
- Ijtimoiy media profillaringizga havolalarni kiriting.


Saytingiz vizual jihatdan qiziqarli va foydalanish uchun oson bo'lishi kerak. Mobil qurilmalar uchun moslashuvchan dizayndan foydalaning.

Portfoliongizni muntazam yangilab boring. Eng yaxshi loyihangizni namoyish qilish uchun yuqori sifatli tasvirlar ishlating.


Ba'zi namunalar:
1. https://sarkar.fr
2. https://henryheffernan.com

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯7πŸ‘4
#100DaysOfFrontend #beginner


8 - kun | Coming Soon


Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 21.07.2024 β€” 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend
πŸ‘4πŸ”₯3
#css #frontend


🎲 CSSda Divni Markazlash

Html struktura:
<div class="container">
<div class="centered-div">Markazlangan kontent</div>
</div>


1️⃣ Flexbox yordamida markazlash:
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

2️⃣ Grid yordamida markazlash:
.container {
display: grid;
place-items: center;
height: 100vh;
}

3️⃣ Absolyut yordamida markazlash:
.container {
position: relative;
height: 100vh;
}
.centered-div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

4️⃣ Margin Auto yordamida markazlash:
// Gorizontal markazlash uchun, margin: auto
.centered-div {
width: 50%;
margin: 0 auto;
}

5️⃣ Inline-block bilan markazlash:
// Inline yoki inline-block elementlari uchun
.container {
text-align: center;
line-height: 100vh;
}
.centered-div {
display: inline-block;
vertical-align: middle;
line-height: normal;
}


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯11πŸ‘10
This media is not supported in your browser
VIEW IN TELEGRAM
#css #mem #frontend


Saytni adaptive qilish jarayonida.

P.S. Buyog'ini to'girlasa boshqa joyi qiyshayib ketadi

@frontend
😁29πŸ‘5πŸ”₯3
This media is not supported in your browser
VIEW IN TELEGRAM
#100DaysOfFrontend #beginner


9 - kun | Todo


Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 22.07.2024 β€” 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend
πŸ”₯6πŸ‘2
This media is not supported in your browser
VIEW IN TELEGRAM
#devtools #frontend


🎲 Swapy

Swapy - bu layoutlarni bir necha qator kod yordamida 'drag-to-swap' qilish imkon beradigan framework-dan mustaqil vosita. Foydalanish oson, har qanday frontend framework (react, vue, angular, ... va hk) bilan ishlatish mumkin.

GitHub

Ishlatish bo'yicha misollar:
React | Vue | Svelte

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯10πŸ‘3
#100DaysOfFrontend #beginner


10 - kun | Responsive design


Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 24.07.2024 β€” 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend
πŸ”₯9πŸ‘3
#100DaysOfFrontend #beginner


11 - kun | Calculator
app

Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 25.07.2024 β€” 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend
πŸ‘10πŸ”₯10
#meme #frontend


No comment ☹️

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
😁37πŸ‘3πŸ”₯3
#api #frontend


πŸ“± Instagram API

Instagram klonini yaratmoqchi bo'lsangiz, Instagram-dan real vaqtda ma'lumotlarni taqdim etadigan ushbu ajoyib bepul API-dan foydalanishingiz mumkin.

https://rapidapi.com/neotank/api/instagram130

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯9πŸ‘3
#100DaysOfFrontend #beginner


12 - kun | Upload images


Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 2.08.2024 β€” 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend
πŸ‘6πŸ”₯5
2025/10/24 07:56:25
Back to Top
HTML Embed Code: