Frontend
3.45K subscribers
382 photos
53 videos
23 files
364 links
Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @jaydariX
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#react


React Three Fiber bilan interaktiv 3D Bulge matn effektini yaratish.

Saytingizni yanada qiziqarli ko'rsatadi

πŸ•Έ Demo βš™οΈ Code

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯10πŸ’―22
#javascript


let sum = 0;
for (let i = 0; i < 3; i++, sum++) {
sum *= i
}

console.log(sum);


Natija qanday bo'ladi ❓
Please open Telegram to view this post
VIEW IN TELEGRAM
😱9πŸ”₯22
Frontend
Natija qanday bo'ladi ❓
To'g'ti javobni tanlang!
Anonymous Quiz
24%
4
37%
0
17%
5
22%
ERROR
😱64πŸ‘2
#vscode


Babel JavaScript Visual Studio Code kengaytmasi, VSCode uchun JavaScript sintaksisini ajratib ko’rsatadi.

πŸ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯543❀1
#font


πŸ”€πŸ”€πŸ”€πŸ”€ Font of Web

Veb-saytlarning qanday shriftlardan foydalanganligini aniqlash va ularni yuklab olish uchun ishlatiladigan veb-saytdir.

Qaysi saytni font ma'lumotlarini bilmoqchi, foydalanmoqchi bo'lsangiz ushbu saytning url manzilini kiritsangiz yetarli.

πŸ”— https://fontofweb.com

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
5πŸ”₯22
This media is not supported in your browser
VIEW IN TELEGRAM
#hazil


Bu ko'pchilikni boshidan o'tkan bo'lsa kerak a?

@frontend
😁22πŸ’―22
#tutorial


⭐️ Frontend dasturlash bo'yicha Top 6 ta O'zbekzabon YouTube kanallar

1. Ulugbek Samigjonov
2. Samar Badriddinov
3. Muhammadjavohir Suratov
4. Saidbek Arislonov
5. Webbrain Academy
6. Akhror Web

*Siz ham o'zingiz bilgan eng yaxshilarini izohlarda yozib qoldiring

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
19πŸ”₯74
This media is not supported in the widget
VIEW IN TELEGRAM
😁174😱3❀2
#tools


β˜‘οΈ Front-End Checklist

Frontend dasturchilar uchun saytingizni optimallashtirish uchun resurs.

πŸ•Έ Saytga o'tish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯43πŸ‘11
#javascript #github


πŸ‘©β€πŸ’» Har bir Frontend dasturchi bilishi kerak bo'lgan 33 ta JavaScript tushuncha.

πŸš€ 2018 - yilda GitHub tomonidan eng zo'r opensource loyihalardan biri deb tan olingan.

βš™οΈ GitHubga havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
7πŸ”₯11
This media is not supported in the widget
VIEW IN TELEGRAM
😁1713⚑4πŸ‘2πŸ”₯1
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript


πŸ“Ά navigator.onLine JavaScript API’si brauzerda internetga ulanish holatini tekshirish uchun ishlatiladi. Agar brauzer internetga ulangan bo’lsa, bu API true qiymatini qaytaradi, aks holda false qiymatini qaytaradi.

<div id="state">
<div id='ofline'>No internet Connection!</div>
</div>
<script>
function isOnline() {
return navigator.onLine;
}
if (isOnline()) {
state.innerHTML = "<div id='online'>Onlaynsiz βœ…</div>"
} else {
state.innerHTML = "<div id='ofline'>Intrnetga ulanmagansiz ❌</div>"
}
</script>


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯1374
#cheatsheet


πŸ‘©β€πŸ’» Nerdcave.com saytidagi β€œTailwind Cheat Sheet” - bu Tailwind CSS uchun interaktiv yordamchi vositadir. U sizga barcha sinf nomlarini va CSS xususiyatlarini tez topish imkoniyatini beradi.

πŸ”—Saytga havola:
https://nerdcave.com/tailwind-cheat-sheet

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯422
#algoritm


πŸ€– RoboContest.UZ

Algoritmlash bilimingizni turli xil qiyinlik darajasidagi masalalar yechish orqali kuchaytirish uchun , o'zbek tilidagi eng yaxshi resurs.

πŸ”—Masala yechish:
https://robocontest.uz/tasks

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯531
Forwarded from Elshod Adamov
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Na gaaap hamkasb.
Frontend dasturchilik faoliyatingizda ishga olishdagi birinchi to'siqlardan biri tajriba yo'qligimi ? πŸ‘¨β€πŸ’»

Unday bo'lsa, UMFT xususiy universiteti hamkorligida Dev114 dasturchilar guruhida tajribangizni loyihalarda ishtirok etib oshirish imkoniyati borligini e'lon qilamiz.

πŸ‘ Amaliyot bepul bo'lib, amaliyot davomiyligi 2 oy.

Amaliyotda ishtirok etishingiz uchun 3 ta bosqichdan o'tishingiz lozim bo'ladi.

1-bosqich. @nagaaap_bot da amaliyotga yozilib, bosqich figma faylini yuklab olib verstka qilish. πŸ‘¨β€πŸ’»
2-bosqich. Hackaton musobaqasi πŸ‹οΈβ€β™‚οΈ
3-bosqich. Suhbat. πŸ§‘β€πŸŽ“

Agarda 3 ta bosqichdan muvafaqqiyatli o'tsangiz sizni guruhimizga amaliyot uchun taklif etamiz.
1-bosqichni boshlash uchun "Amaliyotga yozilish" tugmasini bosing.
Savollar paydo bo'ldimi? @gurringxona guruhda murojat qiling. πŸ–
Please open Telegram to view this post
VIEW IN TELEGRAM
5πŸ”₯21
No comment... 😁

@frontend
😁23πŸ—Ώ22πŸ’―1
#git


βš™οΈ Bilishingiz kerak bo'lgan 50 ta Git buyruqlari

- git init
- git add file_name
- git add .
- git add fil*
- git status
- git commit

πŸ”—Batafsil tanishish uchun:
https://www.freecodecamp.org/news/git-cheat-sheet

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
6πŸ”₯44
#javascript


πŸ‘©β€πŸ’» JavaScript cheatsheet

https://quickref.me/javascript

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯822❀1
#book #eng


πŸ“š Veb dasturlash bo'yicha ko'nikmalaringizni oshirish uchun GitHub-da PDF formatidagi 100 dan ortiq bepul elektron kitoblar to'plami.

Masalan:
- How-to-Build-a-website.pdf
- JavaScript-Arrays-quiz.pdf
- Functions.pdf
- JavaScript-hoisting.pdf
- JavaScript-25-Interview-Questions-.pdf
- 50-CSS-questions.pdf
- JavaScript-Events.pdf

βš™οΈ Kitoblar ro'yxati - GitHub

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯652