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
This media is not supported in your browser
VIEW IN TELEGRAM
โฑ Vaqt

JavaScript orqali ishlab chiqilgan, noodatiy raqamli soat.

๐Ÿ”—Kodni ko'rish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ16โšก5๐Ÿ‘3๐Ÿ†1๐Ÿ†’1
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


โš™๏ธ VS Code uchun tasodifiy ma'lumotlar generatori

Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching (Cmd+Shift+P / Ctrl+Shift+P) va โ€œrandomโ€ deb yozing, bu sizga mavjud maโ€™lumotlar generatorlarini koโ€™rsatadi.

๐Ÿ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ8๐Ÿ‘3โšก1๐Ÿ†’1
Frontend vacancy
๐Ÿ‘ฉโ€๐Ÿ’ป #react #amaliyot
Karyerasini boshlamoqchi boสปlib yurgan React'chilar uchun amaliyot ๐Ÿ‘†
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ6๐Ÿ‘2
#quiz #javascript


โ“ Konsolga qanday qiymat chiqadi?

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘5๐Ÿ”ฅ2๐Ÿ˜ฑ2
To'g'ri javobni tanlang!
Anonymous Quiz
26%
1
19%
False
12%
0
25%
True
18%
undefined
๐Ÿ˜ฑ8๐Ÿ‘4๐Ÿ’ฏ2๐Ÿ”ฅ1
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript


Top 5 ta Js animatsion kutubxonalari
๐ŸŽฎ

1. Gsap
2. AnimeJs
3. ScrollReveal.js
4. Typed.js / Typeit.js
5. Velocity.js

Izohlarda qo'shimcha qilish mumkin ๐Ÿ’ฌ

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘8โค4๐Ÿ”ฅ4
#css


๐Ÿ“ Chiziqli matn yaratish

Chiziqli matn hosil qilishda text-shadow xususiyati ishlatiladi. Soya Y o'qi bo'ylab biroz siljiydi, bu esa engil chuqurlik effektini yaratadi.

.recessed {
font-size: 50px;
font-weight: 800;
text-align: center;
text-shadow: 2px 2px 2px rgba(255,255,255,0.3);
background-color: #b9b9b9;
background-clip: text;
color: transparent;
font-family: 'M PLUS 1p', sans-serif;
}


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ10๐Ÿ‘6โค2๐Ÿ‘2
#humor


Dasturchilar pardasi ekan ๐Ÿ˜„

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ˜40๐Ÿ”ฅ2๐Ÿซก2
#quiz #javascript


console.log("5" + 3);
console.log("5" - 3);

@frontend
๐Ÿ”ฅ4๐Ÿ†2๐Ÿ‘1
Frontend
#quiz #javascript console.log("5" + 3); console.log("5" - 3); @frontend
Konsolda qanday natija chiqadi?
Anonymous Quiz
8%
8 va "23"
24%
"53" va "23"
48%
"53" va 2
20%
8 va 2
๐Ÿ‘13๐Ÿ˜ฑ4๐Ÿ†2
Frontend vacancy
๐Ÿ‘ฉโ€๐Ÿ’ป #vue

๐Ÿ‘ค Lavozim: Frontend - VueJS
VueJs bo'yicha yangi vakansiya ๐Ÿ‘†
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘6๐Ÿ”ฅ4๐Ÿ˜ฑ2๐Ÿซก2
This media is not supported in your browser
VIEW IN TELEGRAM
๐Ÿ”ฅ21๐Ÿ‘10๐Ÿ‘6โค2๐Ÿ’ฏ1๐Ÿ†1๐Ÿซก1๐Ÿ—ฟ1
Frontend
โค๏ธ Sticker
Reaksiyalani ๐Ÿ‘BOMBA qilib tashlayleeek
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ21๐Ÿ‘3๐Ÿซก3๐Ÿ—ฟ2โค1
#javascript #beginner


๐Ÿ‘จโ€๐Ÿ’ป JavaScript bilimingizni 10 kun davomida kichik amaliyotlar orqali mustahkamlang.

#10DaysOfJS

1-kun: Character and Words Counter
2-kun: Speech to Text
3-kun: To-Do list
4-kun: Quotes genrator
5-kun: Hotel Menu list
6-kun: Form validation
7-kun: Recipe App
8-kun: Movie App
9-kun: Budget App
10-kun: Portfolio

Loyihalarning kod manbayi:
๐Ÿ‘ฉโ€๐Ÿ’ป GitHub'ga havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ7๐Ÿ‘5
#vuejs


๐Ÿ‘ฉโ€๐Ÿ’ป Vue Cheatsheet

Vue.js, Vue Router, Pinia haqida asosiy tushunchalar haqida qisqa maโ€™lumotlar beruvchi sayt.

Quyidagi mavzularni o'z ichiga oladi:
v-bind, v-on, {{ }}, v-html, v-show, v-if, v-else, v-else-if, v-for, v-once, v-model, v-on, v-pre, v-memo, v-cloak va boshqalar.

๐Ÿ”—Saytni ko'rish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘4โšก2๐Ÿ”ฅ1
#javascript #quiz


๐ŸคฏMiyyani pres qiladigan joyi

let arr = [1, 2, 3];

function modifyArray(array) {
array.push(4);
}

modifyArray(arr.splice(1));
console.log(arr);
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
โšก4๐Ÿ”ฅ1๐Ÿ˜ฑ1
Frontend
console.log(arr);
Natija qanday bo'ladi ?
Anonymous Quiz
19%
[1,2,4]
18%
[]
25%
[1]
39%
[2,3,4]
๐Ÿ‘5๐Ÿ˜ฑ5๐Ÿ”ฅ3๐Ÿ—ฟ1
#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