Frontend
3.46K subscribers
383 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
#javascript


πŸ‘©β€πŸ’» JSchallenger

Ushbu sayt sizga JavaScript dasturlash tilida asosiy tushunchalar haqida qisqa ma’lumotlar beradi. Ushbu sayt quyidagi imkoniyatlarni taqdim etadi:

- Kod yozish mashqlari
- Ketma-ket o'quv qo'llanma
- Shaxsiy profil

πŸ”—Saytga havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘8πŸ”₯3⚑2🫑1
This media is not supported in your browser
VIEW IN TELEGRAM
#css


πŸ’» Modal oynasini yoki div elementini markazlashtirish va moslashuvchan(responsive) qilish uchun optimal css yechim.

CSS kodi:
.element {
position: fixed;
inset: 0px;
width: 12rem;
height: 5rem;
max-width: 100vw;
max-height: 100dvh;
margin: auto;
}


inset: 0px = top: 0; right: 0; bottom: 0; left: 0;


@frontend | *repost
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯5πŸ‘4
#practice


πŸ‘¨β€πŸ’» Frontend amaliyot uchun eng yaxshi veb saytlar:

1. FrontendMentor
2. JavaScript 30
3. Codepen Challenges
4. FreeCodeCamp
5. CSS Battle
6. Codewars
7. Devchallengesio
8. CoderByte

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


Amaliyot qilish uchun 7 ta ajoyib bepul API
πŸ§‘β€πŸ’»

1️⃣ Web Search API
Agar siz Google kabi qidiruv tizimini yaratmoqchi bo'lsangiz yoki oddiy qidiruv tizimi vidjeti qilmoqchi bo'lsangiz, Web Search API buning uchun ajoyib vositadir.
Web Search

2️⃣ Open Weather Map API
Open Weather Map - bu dunyo bo'ylab so'nggi ob-havo haqida ma'lumot beruvchi bepul API. Siz qilishingiz kerak bo'lgan narsa shahar nomi yoki mamlakat nomini ko'rsatish va u o'sha hudud uchun ob-havo ma'lumotlarini qaytaradi
Open Weather Map

3️⃣ IMDB API
Agar siz kino ilovasini yaratmoqchi bo'lsangiz, IMDB API yana bir ajoyib API bo'lib, u so'ralgan filmlar, aktyorlar, seriallar, treylerlar, kino ratinlari va boshqalar uchun ma'lumotlarni qaytaradi.
IMDB

4️⃣ News API
News API ajoyib bepul API bo'lib, u sizga dunyo miqyosidagi yangiliklar haqidagi ma'lumotlarni taqdim etadi.
News

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

6️⃣ API-Football
Agar siz Futbol natijalari ilovasini yaratmoqchi bo'lsangiz, API-Football siz uchun API bo'lib, u +940 futbol ligalari va kuboklarini taqdim etadi. Har 15 soniyada jonli va o'yindan oldingi koeffitsientlar, voqealar, tarkiblar, murabbiylar, o'yinchilar, eng yaxshi to'purarlar, turnir jadvali, statistika, transferlar.
API-Futbol

7️⃣ Meme Generator API
Meme Generator API - bu oddiy mem generatori bo'lib, u oldindan yuklangan tasvirni asosida memlarni yaratadi. Memlar JPEG tasvir fayl formatida taqdim etiladi.
Meme Generator

Dunyoning eng katta API hubi - rapidapi.com


@frontend | *repost
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘6πŸ”₯5⚑4πŸ—Ώ1
This media is not supported in the widget
VIEW IN TELEGRAM
13πŸ”₯4
#humor


Junior dasturchi qilgan joyni toping ❓

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
😁208πŸ”₯3πŸ‘2⚑1πŸ—Ώ1
#javascript #intervyu


Javasciprt 500ta Interview Savollari Javoblari bilan


πŸ”—Havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
10πŸ”₯7
#vue #webapp


πŸ“· Mini QR - Vuejsda ishlab chiqilgan, maxsus QR kod generatori.

Saytga havola
GitHubga havola

Amaliyot / portfolio uchun yaxshi loyiha!


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
7πŸ”₯4⚑1
#algoritm


❓ Doimiy o'z ustingizda masala ishlab, logikangizni kuchaytirish uchun eng mashhur saytlar:

1. Hackerrank.com
2. RoboContest.uz (o’zbekcha)
3. Leetcode.com
4. Project Euler

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
10πŸ”₯2⚑1
#humor


πŸ‘¨β€πŸ’»

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
😁42😱4⚑22
Frontend vacancy
πŸ‘©β€πŸ’» #react #senior
React bo'yicha Senior dasturchilar uchun Artel kompaniyasidan vakansiya πŸ‘†

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯4😁22
#figma #devMode


πŸ‘©β€πŸ’»Instpect styles - Figmada Dev Mode xususiyatini beruvchi plagin.

πŸ”—plaginni o'rnatish

Ma'lumot uchun Figmada Dev Mode 1-fevraldan pullik bo'lgan edi.


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
10πŸ”₯4⚑3
#tavsiya #tajriba


🧠 Sodda yechimlarni, murakkab yechimlardan ustun qo'ying (KISS printsipi)

"KISS printsipi" dasturlashda sodda va tushunarli kod yozishga qaratilgan bir tamoyil hisoblanadi. KISS so'zi "Keep It Simple, Stupid" degan iboraning bosh harflaridan tashkil topgan. Bu printsipga asosan, dasturchilar murakkab logika va arxitektura yordamida yozgan kodingizni kelajakda tushunishi, optimizatsiya qilishni va kengaytirishi kerak bo'ladigan dasturchilar haqida o'ylashlari kerak. Bu dasturchiga yarim yildan keyin o'zingiz aylanishingiz mumkin:) Kerak bo'lmagan joyda turli xil dasturiy tamoyillarni, arxitektura shablonlarini, dasturiy tillarning yangi xususiyatlarini v.k. ishlatishga urunmang! Chunki bu kodingizga ortiqcha murakkablik qo'shadi.

Sodda, tushunarli kod, genial va murakkab koddan yaxshiroq, chunki u o'qish va o'rganish, kengaytirish va debug qilish osonroq.

Loyihalaringizni arxitekturasini soddalashtirishga uruning. Bu sizga vaqt, xarajat va muammolardan tejaydi.

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
10
#devtools #ai


πŸ”Top AI yordamchilar

1. Durable
2. ChatGPT
3. Copilot by GitHub
4. Copilot
5. Gemini

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
6πŸ”₯3πŸ‘¨β€πŸ’»2
This media is not supported in the widget
VIEW IN TELEGRAM
9
50 JavaScript Interview Questions .pdf
84.4 KB
#javascript


πŸ‘©β€πŸ’» 50 JavaScript Interview Questions

Level:
Beginner
Intermediate
Advanced

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯76😱1
#html


πŸ‘©β€πŸ’» htmlreference.io - HTML bo'yicha bepul qo'llanma. Unda barcha elementlar va atributlar mavjud.

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
8πŸ”₯1
#react


πŸ‘©β€πŸ’» React 19-dagi yangi xususiyatlar – Kod misollari bilan yangilanishlar

πŸ”—Maqolaga havola

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


Kim nimani tushundi ? ✍️

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
😁26πŸ”₯51
#javascript #quiz


const x = 5;
function foo() {
console.log(x);
}
function bar() {
const x = 10;
foo();
}
bar();


@frontend
4πŸ”₯3