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
Dunyodagi eng mashhur 5000 ta veb-saytlar ro'yxati

P.S bu saytda yana ko'plab sohalarni dunyodagi reytingini kuzatsangiz bo'ladi

🌐 Link: https://5000best.com/websites/

πŸ‘‰πŸΌ @Junior_Developer | #top #web
🫑4
Frontend
Qaysi biri πŸ‘‡πŸ»
Vue'chilar ko'p ekanku a? πŸ™ƒ
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript'da console obyektining ajoyib metodlari

P.S
Siz buni bilarmidingiz πŸ’¬

πŸš€ Tanishlarga yuborib qo'yamiz.!

πŸ‘‰πŸΌ @Junior_Developer | #js #life_hack
πŸ”₯4
drop shadow and box shadow 🐾

Instagram postdan.

πŸ‘‰πŸΌ @Junior_Developer | #css
Do'stlar zo'r sayt topvoldim, bu sayt loyihangizga kreativlik bilan yondoshishingizga yordam beradi.

🌐 Saytda:
- Buttons
- Checkboxes
- Cards
- Loaders
- Inputs
- va hk... kabi elementlar uchun "nixoyatda go'zal" stilllar va html, css kodlari bor.

πŸ”— Link: https://uiverse.io/

πŸ‘‰πŸΌ @Junior_Developer | #for_dev
πŸ”₯5
πŸ”— Vue 3:

πŸ”ΉVue: https://vuejs.org/
πŸ”ΉVue Router: https://router.vuejs.org/
πŸ”ΉPinia: https://pinia.vuejs.org/
πŸ”ΉVuex: https://vuex.vuejs.org/

πŸ‘‰πŸΌ @Junior_Developer | #vue
πŸ‘3
AJAX (Asynchronous JavaScript and XML)

Bu(AJAX) dasturlashda qo'llaniladigan bir texnika. Bu texnika yordamida veb-sahifadagi ma'lumotlar asinxron ravishda yuklanadi va veb-sahifaning to'liq yuklanishini kutish shart emas. Bu, sayt yoki dastur interaktivligini oshirish, ma'lumotlarni dinamik tarzda yangilash, foydalanuvchilar bilan interaktiv o'zaro aloqani amalga oshirish uchun qulaydir.

🌐 Ko'proq o'qish

πŸ‘‰πŸΌ @Junior_Developer | #frontend
Savol ❔

Dastur tayyorlaydigan dasturni o'zi qaysi dasturda yaratilgan ekin? πŸ˜πŸ˜‰

Bu savolni "tuxum oldin paydo bo'lganmi? yoki tovuq" savoliga o'xshatsa bo'ladimi?

πŸ‘‰πŸΌ @Junior_Developer | #it_mem
😁2
Forwarded from Sammi (Samar Badriddinov)
🌼 sammi.ac platformasida bor to'liq kurslar ro'yhati.

βš™οΈβš™οΈβš™οΈ Foundation to'liq kurs sammi.ac/course/foundation

βš™οΈ JavaScript to'liq kurs sammi.ac/course/javascript

βš™οΈ ReactJS to'liq kurs sammi.ac/course/reactjs

βš™οΈ Redux to'liq kurs sammi.ac/course/redux

πŸ‘©β€πŸ’» VueJS to'liq kurs sammi.ac/course/vuejs

πŸ‘©β€πŸ’» VueX to'liq kurs sammi.ac/course/vuex

πŸ‘©β€πŸ’» NodeJS to'liq kurs sammi.ac/course/nodejs

πŸ‘©β€πŸ’» ExpressJS to'liq kurs sammi.ac/course/expressjs

🏫 Do'stlar barcha kurslar bepul va yangi yozilgan. Ushbu kurslar faqat sammi.ac platformasida mavjud va boshqa kurslarimdan 100% farq qiladi. Xa aytgancha chiqargan bepul kurslarim aslida pullik qiymatga ega kurslar.

✈️ Ushbu kurslar ro'yhatini do'stlaringizga ham ulashing.

⭐️ @samarbadriddinov
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘2
πŸ‘¨β€πŸ’» URL 🌐

URL
(Uniform Resource Locator) - bu veb manzillarni aniqlash uchun ishlatiladigan qisqa nomdir. URL, veb sahifalarni joylashgan serverning manzilini, protokolni (masalan, HTTP yoki HTTPS) va ko'rsatilgan veb manzilni o'z ichiga oladi.

URL'ga misollar.
1. https://www.example.com/index.html
2. https://www.example.com/blog/post?id=12345
3. ftp://ftp.example.com/files/archive.zip

πŸ‘‰πŸΌ @Junior_Developer | #url
JavaScript bo'yicha amalyot qilish uchun loyiha g'oyalari.

πŸ‘‰πŸΌ @Junior_Developer | #js #project
πŸ–Œ 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