Frontend
3.45K 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
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
Buni bilarmidingiz โ“

๐Ÿ‘‰๐Ÿผ @Junior_Developer | #css
๐Ÿ”ฅ5๐Ÿ˜1
๐ŸŽ‰ Happy Programmer's Day!๐ŸŽ‰

๐Ÿ‘‰๐Ÿผ
@Junior_Developer
๐Ÿซก8๐Ÿ‘2
This media is not supported in your browser
VIEW IN TELEGRAM
Google 25 yoshda

27-sentyabr โ€” Google'ning tugโ€˜ilgan kuni. Qidiruv tizimiga asos solinganiga 25 yil boโ€˜ldi.

Google'ning paydo boโ€˜lishiga ikki nafar talabaning tasodifiy uchrashuvi sabab boโ€˜lgan. 1997-yil Stendford universitetining aspiranti Sergey Brin Larri Peyjga kampusni koโ€˜rsatishi kerak boโ€˜lgan. Shu tariqa tanishgan yigitlar keyingi yil birgalikda qidiruv tizimini yaratishga muvaffaq boโ€˜lgan.

Ilk prototip yotoqxonada, ularning xonasida ishlab chiqilgan. Shunday qilib 1998-yilda Google Inc rasman โ€œdunyoga kelganโ€.

Birinchi dudl Peyj va Brin tomonidan ularning Burning Man festivaliga 1998-yilgi tashrifidan avval yaratilgan. Bu ularning server ishlamay qolsa, ish joyida emasliklarini anglatuvchi xabar edi.

Google nomi โ€œgugolโ€, yaโ€™ni โ€œyuzta noldan iborat raqamโ€ni bildiradi. Google kompaniyasida 72 mingdan ortiq odam faoliyat yuritadi. Google'ning dunyo qidiruv tizimi bozoridagi ulushi 90 foizni tashkil qiladi.

๐Ÿ‘‰๐Ÿผ @Junior_Developer
๐Ÿ‘4
Telegram Destop 4.10.4 beta (21.10.23) versiyasida kodlarni tanib olish (highlighting) qo'shildi.

Bundan tashqari, bitta copy tugmasi orqali barcha kodni nuxsalash mumkin...

Kod joylash uchun standart markdownning ``` tegi ishlatiladi

Dasturchi do'stlarimizga yuborib qo'yamiz ๐Ÿš€

๐Ÿ‘‰๐Ÿผ @Junior_Developer | #telegram