Frontend
3.47K 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: @chapaniDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript #kutubxona


FullPage.js - bu JavaScript kutubxonasi (library) yangi qatordan foydalanib bir-biriga o'tish (scrolling) asosida to'la sahifa (full page) yaratishga yordam beradi.

🔗Saytga o'tish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍104🔥2
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
🔥165👍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👍31🆒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
👍84🔥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👍62👏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 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👍62💯1🏆1🫡1🗿1
Frontend
❤️ Sticker
Reaksiyalani 👍BOMBA qilib tashlayleeek
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍3🫡3🗿21
#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
👍42🔥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🔥32🫡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