Frontend
3.46K 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
#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
This media is not supported in your browser
VIEW IN TELEGRAM
ยซ Gidrotsikly ยป

Qiyinlik darajasi: #middle
Turi: #LandingPage
Responsive: #yes
Til: #ru

@frontend_figma
44๐Ÿ”ฅ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
No comment... ๐Ÿ˜

@frontend
๐Ÿ˜457๐Ÿ”ฅ6๐Ÿ’ฏ1
#tailwind


Tailblocks.cc

Tailwind CSS bloklarini tayyor ishlatish uchun mo'ljallangan veb-sayt. Sayt sizga responsive HTML va Tailwind CSS bloklaridan iborat kodlarni taqdim etadi.

๐Ÿ”— https://tailblocks.cc

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ641
This media is not supported in the widget
VIEW IN TELEGRAM
๐Ÿ˜10๐Ÿ”ฅ55