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
πŸ–Œ Cursor turlari/ CSS πŸ‘¨β€πŸ’»

cursor: value;

πŸ‘‰πŸΌ @Junior_Developer | #css
πŸ‘3
Buni ko'rmasangiz bo'lmaydi !

frontend & backend

πŸ‘‰πŸΌ @Junior_Developer | #it-mem
😁13
<details> va <summary> HTML teglarini ishlatib, asosiy ma'lumotni ko'rsatish va uning ochish-yopish funktsiyalarini yaratish mumkin.

πŸ‘‰πŸΌ @Junior_Developer | #html #css
πŸ”₯4
29946574.pdf
16.4 MB
πŸ“—Vue.js 3 Design Patterns and Best Practices: Develop scalable and robust applications with Vite, Pinia, and Vue Router (2023)
Автор: Olaf Zander

P.S vue haqida yaxshi kitob ekan ko'rib qolgandim

πŸ‘‰πŸΌ @Junior_Developer | #vue #book
Bu noutbookga yetadigani yo'qligi aniq πŸ‘ŒπŸΌ

πŸ‘‰πŸΌ @Junior_Developer | #it_mem
😁16
div elementimizni markazga joylashtirishning eng yaxshi yo'llari.

P.S ustozim maslahat bergandilar unga ko'ra 3-usul maqulroq ekan πŸ‘ŒπŸΌ

πŸ‘‰πŸΌ @Junior_Developer | #css
Forwarded from R4YπŸ‰
Reactchilar bilishi kerak bo'lgan muhim mavzu & texnologiyalar:

Basics
- JSX and the difference between regular HTML
- State, props and their difference
- Understanding the concept of "props are read-only" and how it leads to one-way data flow.
- The difference between functional and class components
- Understanding how React detects changes (aka reactivity in React)
- Why React need keys?
- Understanding component lifecycle methods
- Lifting state up
- Understanding the concept of state as a snapshot

Context
- Understand when to use Context API (sharing data that can be considered β€œglobal”).
- Learn how to create a context using React.createContext.
- Understand how to use Provider and Consumer components.

Hooks
- useState, useEffect, useCallback, useMemo, useContext, useRef, useReducer
- Rescrictions of hooks
- Custom hooks
- useState lazy initialization (optional)

Advanced
- Render props pattern
- HOC pattern
- Memoization
- Understanding Code splitting
- Suspense for declarative data fetching
- Using TypeScript with React
- SSR (Next.js)
- React Server Components

React libraries (muhimrog'i teparoqda)
- React router
- React query
- Redux/Zustand/Jotai (any state management library)


Agar ushbu ro'yxatga yana nimanidir qo'shimcha qilmoqchi bo'lsangiz, izohda yozib qoldiring πŸ‘‡
πŸ‘3
#eslatma

Hali u kursga borib, hali bu ustozga borib, "Fitfilyonta" kursni sotib olib, menga o'xshab hali bir natijaga erishmaganlarga Muhammadjavohir aka zo'r gap yozibdilar.

Bitta kursni olingda 🀌, ketni stulga qo'yib oxirigacha tez o'rganing. Konspekt qiling, amalda ishlating.
πŸ”₯5
Saytingiz uchun kreativlik bag'ishlash uchun ajoyib 'animated icon'lar to'plami bor manbalar. πŸ”—

1. lordicon.com
2. lottiefiles.com/animation/icon
3. flaticon.com/animated-icons
4. icons8.com/animated-icons
5. iconscout.com/icons/animation
6. useanimations.com
7. getloaf.io
8. animatly.io

Ko'proq foydali kontent uchun OBUNA bo'ling: @Junior_Developer πŸ‘ˆπŸΌ
πŸ‘3
'Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²ΡˆΠΈΠΊ' va dasturchi o'rtasidagi munosabat aks etgan rasm πŸ˜„

πŸ‘‰πŸΌ @Junior_Developer | #it_mem
😁5
Tez va xatosiz yoz!

⌨️ monkeytype.com - sayti orqali siz turli xil til va sohalarga oid so'zlar yordamida klaviaturada tez yozishni mashq qilishingiz mumkin.(dunyoni top dasturchilar juda ko'p foydalanib turishadi)

Bu saytda juda ko'plab funksiyalari mavjud bo'lib:
βŒ›οΈ vaqt bo'yicha yozish
πŸ†Ž so'zlar soni bo'yicha
γŠ™οΈ til, soha tanlash imkoniyati
πŸ“Š statistika bo'limi

πŸ‘‰πŸΌ @junior_developer | #coding
πŸ”₯4
πŸ‘‰πŸΌ @Junior_Developer | #test
πŸ‘3
Konsolga qanday natija chiqadi ❔
Anonymous Quiz
32%
"olmoqchiman"
22%
Syntax Error
31%
" "
15%
undefined
πŸ‘4
Frontend
πŸ‘‰πŸΌ @Junior_Developer | #test
kod tahlili

Javob: ' ' ya'ni probel belgisi

πŸ‘‰πŸΌ
@Junior_Developer | #analysis
πŸ‘3
#versitka_qilaylik

"Playnchill"

Qiyinchilik: #intermediate
Format: #figma
Maket turi: #desktop #mobile
Til: #ru #eng

πŸ”—havola

πŸ‘‰πŸΌ @Junior_Developer | #verstka
πŸ”₯3πŸ‘1
Frontend pinned Β«#eslatma Hali u kursga borib, hali bu ustozga borib, "Fitfilyonta" kursni sotib olib, menga o'xshab hali bir natijaga erishmaganlarga Muhammadjavohir aka zo'r gap yozibdilar. Bitta kursni olingda 🀌, ketni stulga qo'yib oxirigacha tez o'rganing. Konspekt…»
Web dasturlash ishchi muhitlari.

Siz qaysi birini ishlatasiz β”πŸ’¬

πŸ‘‰πŸΌ @Junior_Developer | #dev
πŸ”₯4
This media is not supported in your browser
VIEW IN TELEGRAM
Rotating text ⭕️

πŸ‘‰πŸΌ @Junior_Developer | #css
πŸ”₯5πŸ‘1
TS(TypeScript) - "ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΠ°"

πŸ‘‰πŸΌ @Junior_Denveloper | #TS #shpargalka
πŸ”₯4
Forwarded from Azim Pulat
CS50xTashkent Natijalari

CS50 - informatika va dasturlash san'atiga kirish kursiga qabul qilingan talabalar:

πŸ‘‰ cs50.uz/accepted

Qatnashishni xohlaysizmi? Hali ham kech emas!

10-iyulga qadar "Nega Dasturchi Bo'lmoqchiman" mavzusida motivatsion xat yozib, quyidagi manzilga yuboring:

πŸ‘‰ [email protected]
πŸ”₯4