Forwarded from Diyorbek's blog (Diyorbek Juraev)
2023 - yil sarhisobi! || Welcome to 2024
O‘tgangi 2023-yil men uchun ajoyib va muhim yillarda biri bo‘ldi!
2022-yil qilgan niyatlarim maqsadlarimga erisha oldim! Alhamdulilloh!
Bu o‘tkazgan bir yil davomida tushunib yetdimki birinchi qadam yaxshi niyat bilan boshlanishi eng muhimi ekan!
Tasavvur qiling tugmali ko‘ylagingizni kiyyapsiz! Tugmalarini qadab bo‘ldingiz bir qarasangiz oxirgi tugma to‘g‘ri kelmay qoldi, sababi boshidagi tugma to‘g‘ri qadalmagani uchun! Bu birinchi tugma esa xuddi niyatga o‘xshaydi.
2023 - yil dasturlash olamiga kirib keldim! Najot Ta’lim IT o‘quv markazida Front-end yo‘nalishi bo‘yicha yuqori tajribali ustozlarni qo‘lida tahsil oldim!
Haqiqiy oltin davr deb bemalol aytolgan bo‘lardim! Bundan tashqari ajoyib tanishlar uchratdim!
Shunchaki ajoyib voqelar boshimdan o‘tdi. Bularni so‘z bilan tariflash qiyin!
Toshkentga shunday tarif berishardi - beshafqat ustoz deya! Demoqchi bo‘lganim, turli xil sinovlar meni yanada tarbiyaladi! Eng muhimi komfort zonamdan chiqib niyat qilgan niyatimga yetoldim, Allohga shukur!
O‘quv markazni bitirib bo‘lishim bilan yo‘nalishim bo‘yicha birinchi ishimni boshladim!
Qanchalik oldinga intilganingiz sari shunchalik sinovlar kuchlilashib boraverar ekan! Chidamli bo‘lishga harakat qiling! Sinovlarda toblangan istalgan narsa oxirida juda chiroyli bo‘ladi!
Tasavvur o‘rnida onangiz yopgan qip qizil nonni eslang! Bunday chiroyli holatga kelgunicha necha bosqichlardan o‘tadi? Bu esa xuddi hayotimizga o‘xshaydi!
Yangi yilda yangi niyatlari bilan olg‘a qadam qo‘yishni boshlaymiz! Barchaga 2024-yil eng esda qolarli va ajoyib yil bo‘lib qolsin!
@Diyorbek_Juraev_Blog
O‘tgangi 2023-yil men uchun ajoyib va muhim yillarda biri bo‘ldi!
2022-yil qilgan niyatlarim maqsadlarimga erisha oldim! Alhamdulilloh!
Bu o‘tkazgan bir yil davomida tushunib yetdimki birinchi qadam yaxshi niyat bilan boshlanishi eng muhimi ekan!
Tasavvur qiling tugmali ko‘ylagingizni kiyyapsiz! Tugmalarini qadab bo‘ldingiz bir qarasangiz oxirgi tugma to‘g‘ri kelmay qoldi, sababi boshidagi tugma to‘g‘ri qadalmagani uchun! Bu birinchi tugma esa xuddi niyatga o‘xshaydi.
2023 - yil dasturlash olamiga kirib keldim! Najot Ta’lim IT o‘quv markazida Front-end yo‘nalishi bo‘yicha yuqori tajribali ustozlarni qo‘lida tahsil oldim!
Haqiqiy oltin davr deb bemalol aytolgan bo‘lardim! Bundan tashqari ajoyib tanishlar uchratdim!
Shunchaki ajoyib voqelar boshimdan o‘tdi. Bularni so‘z bilan tariflash qiyin!
Toshkentga shunday tarif berishardi - beshafqat ustoz deya! Demoqchi bo‘lganim, turli xil sinovlar meni yanada tarbiyaladi! Eng muhimi komfort zonamdan chiqib niyat qilgan niyatimga yetoldim, Allohga shukur!
O‘quv markazni bitirib bo‘lishim bilan yo‘nalishim bo‘yicha birinchi ishimni boshladim!
Qanchalik oldinga intilganingiz sari shunchalik sinovlar kuchlilashib boraverar ekan! Chidamli bo‘lishga harakat qiling! Sinovlarda toblangan istalgan narsa oxirida juda chiroyli bo‘ladi!
Tasavvur o‘rnida onangiz yopgan qip qizil nonni eslang! Bunday chiroyli holatga kelgunicha necha bosqichlardan o‘tadi? Bu esa xuddi hayotimizga o‘xshaydi!
Yangi yilda yangi niyatlari bilan olg‘a qadam qo‘yishni boshlaymiz! Barchaga 2024-yil eng esda qolarli va ajoyib yil bo‘lib qolsin!
@Diyorbek_Juraev_Blog
👍3
2024-yil! Birinchi qadam!
Ancha vaqtlardan beri jamoa yig‘ish niyatida yurgan edim. 2024-yilgi katta qadamlarimdan biri sifatida o‘zimga maqsad qildim! Jamoa bilan yangi katta marralarga erishishni niyat qilyapman!
Katta marralar ko‘pchilik bilan erishiladi! Jamoada boshqacha ajoyib muhitni shakllantiramiz.
Ma’lum bir sanalarda jamoa bilan yig‘ilib ajoyib muloqotlar, turli xil loyihalar , va ishimizdagi olgan tajribalarimizni bir birimizga ulashamiz!
Jamoa a’zolar soni maksimal 10 kishi bo‘lgani yaxshi deb bildim! (Faqat oldinga intiluvchilardan tashkil qilinadi!)
Har doim o‘tkaziladigan dev festivallarga (GDG) ga birgalashib borib boshqa professionallardan maslahatlar olamiz!
Jamoada ichki challangelar o‘tkaziladi! etc...
Jamoamizda bir necha yillik tajribaga ega bo‘lgan dasturchilar ham bo‘ladi!
The best team shakllantirishda siz ham hissangizni qo‘shing tanishlarga qiziquvchilarga yuboring!
Murojaat qilish uchun:
Tel: +998-90-766-1770
Telegram: https://t.me/jurayev_diyorbek
P.S: Jamoaga suhbat asosida qabul qilinasiz!
@Diyorbekk_dev
Ancha vaqtlardan beri jamoa yig‘ish niyatida yurgan edim. 2024-yilgi katta qadamlarimdan biri sifatida o‘zimga maqsad qildim! Jamoa bilan yangi katta marralarga erishishni niyat qilyapman!
Katta marralar ko‘pchilik bilan erishiladi! Jamoada boshqacha ajoyib muhitni shakllantiramiz.
Ma’lum bir sanalarda jamoa bilan yig‘ilib ajoyib muloqotlar, turli xil loyihalar , va ishimizdagi olgan tajribalarimizni bir birimizga ulashamiz!
Jamoa a’zolar soni maksimal 10 kishi bo‘lgani yaxshi deb bildim! (Faqat oldinga intiluvchilardan tashkil qilinadi!)
Har doim o‘tkaziladigan dev festivallarga (GDG) ga birgalashib borib boshqa professionallardan maslahatlar olamiz!
Jamoada ichki challangelar o‘tkaziladi! etc...
Jamoamizda bir necha yillik tajribaga ega bo‘lgan dasturchilar ham bo‘ladi!
The best team shakllantirishda siz ham hissangizni qo‘shing tanishlarga qiziquvchilarga yuboring!
Murojaat qilish uchun:
Tel: +998-90-766-1770
Telegram: https://t.me/jurayev_diyorbek
P.S: Jamoaga suhbat asosida qabul qilinasiz!
@Diyorbekk_dev
👍3🔥1
👍4⚡1🆒1
#React
Reactni ham eng muhim qismlarini boshladik har kuni foydali contentlar boshlanadi yana!
🤔JavaScript davom etmaydimi?
Davom etadi! JavaScript bo'yicha ham ko'pchilik uchun qiyin bo'lgan mavzular to'g'risida contentlar ulashib boraman!
@Diyorbekk_dev
Reactni ham eng muhim qismlarini boshladik har kuni foydali contentlar boshlanadi yana!
🤔JavaScript davom etmaydimi?
Davom etadi! JavaScript bo'yicha ham ko'pchilik uchun qiyin bo'lgan mavzular to'g'risida contentlar ulashib boraman!
@Diyorbekk_dev
🔥1
#React
What difference between imperative and declarative programming?
Imperative Programming:
How to Achieve a Result: In imperative programming, you explicitly specify the steps or procedures that the computer must take to achieve a particular result.
Detailed Instructions: You provide a detailed sequence of statements, specifying how the program should perform each task.
Stateful: It often involves managing and updating the state of the program as it executes.
Declarative Programming:
What to Achieve: In declarative programming, you specify what you want to achieve without detailing how to achieve it.
Higher-Level Abstraction: Focus is on expressing the desired outcome rather than the step-by-step process.
Stateless: The emphasis is on immutability and avoiding the need for managing mutable states.
In Summary:
Imperative programming focuses on detailing the specific steps to achieve a result, often involving mutable states.
Declarative programming emphasizes describing the desired outcome, relying on higher-level abstractions and immutability.
@Diyorbekk_dev
What difference between imperative and declarative programming?
Imperative Programming:
How to Achieve a Result: In imperative programming, you explicitly specify the steps or procedures that the computer must take to achieve a particular result.
Detailed Instructions: You provide a detailed sequence of statements, specifying how the program should perform each task.
Stateful: It often involves managing and updating the state of the program as it executes.
// Imperative example: Loop through an array
const numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}
Declarative Programming:
What to Achieve: In declarative programming, you specify what you want to achieve without detailing how to achieve it.
Higher-Level Abstraction: Focus is on expressing the desired outcome rather than the step-by-step process.
Stateless: The emphasis is on immutability and avoiding the need for managing mutable states.
// Declarative example: Using map to transform an array
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num * num);
console.log(squaredNumbers);
In Summary:
Imperative programming focuses on detailing the specific steps to achieve a result, often involving mutable states.
Declarative programming emphasizes describing the desired outcome, relying on higher-level abstractions and immutability.
@Diyorbekk_dev
👍1🔥1
#React
React Elements:
1. Element Properties:
Props: Key-value pairs that configure the element's behavior and appearance.
Children: Nested elements or text content within the element.
Special Props: Certain props have specific meanings, like key for identifying elements in lists.
2. Component and DOM Element Differences:
Component: Reusable blueprint with state and lifecycle methods. Renders elements based on its state and props.
DOM Element: Representation of an actual HTML tag in the browser's DOM.
3. Element Creation and Rendering:
Elements can be created using JSX syntax or plain JavaScript objects.
React calls the component function (if the element type is a function) with props to get the rendered elements.
React performs "reconciliation" to efficiently update the DOM to match the desired elements.
4. Advanced Element Concepts:
Fragments: Group multiple children without adding an extra DOM node.
Portals: Render elements to a different part of the DOM tree.
Error Boundaries: Capture errors during rendering and display a fallback UI.
5. Element Structure:
An element has a "type" (critical attribute) and properties.
6. Nested Elements for the Render Tree:
Elements can be nested to create a render tree, combining both DOM nodes and components.
@Diyorbekk_dev
React Elements:
1. Element Properties:
Props: Key-value pairs that configure the element's behavior and appearance.
Children: Nested elements or text content within the element.
Special Props: Certain props have specific meanings, like key for identifying elements in lists.
2. Component and DOM Element Differences:
Component: Reusable blueprint with state and lifecycle methods. Renders elements based on its state and props.
DOM Element: Representation of an actual HTML tag in the browser's DOM.
3. Element Creation and Rendering:
Elements can be created using JSX syntax or plain JavaScript objects.
React calls the component function (if the element type is a function) with props to get the rendered elements.
React performs "reconciliation" to efficiently update the DOM to match the desired elements.
4. Advanced Element Concepts:
Fragments: Group multiple children without adding an extra DOM node.
Portals: Render elements to a different part of the DOM tree.
Error Boundaries: Capture errors during rendering and display a fallback UI.
5. Element Structure:
An element has a "type" (critical attribute) and properties.
{
type: Title,
props: {
color: 'red',
children: 'Hello, Title!'
}
}6. Nested Elements for the Render Tree:
Elements can be nested to create a render tree, combining both DOM nodes and components.
{
type: Title,
props: {
color: 'red',
children: {
type: 'h1',
props: {
children: 'Hello, H1!'
}
}
}
}@Diyorbekk_dev
#React
Negadur Doc o'qishni sevamanda!
Endi yuqorida keltirilgan mavzularni cover qilamiz!
Practice-lar ham bo'ladi tez orada!
Stay tuned!
@Diyorbekk_dev
Negadur Doc o'qishni sevamanda!
Endi yuqorida keltirilgan mavzularni cover qilamiz!
Practice-lar ham bo'ladi tez orada!
Stay tuned!
@Diyorbekk_dev
⚡1
React va TypeScript dan #15daysOfCoding challangeni boshlamoqchi bo'lib turibman!
Qo'shiladiganlar bo'lsa kettik!😉
Keyin kattaroq challanglarga o'tamiz! Qo'shiladiganlar bo'lsa yopiq guruhga qo'shaman!
@Diyorbekk_dev
Qo'shiladiganlar bo'lsa kettik!😉
Keyin kattaroq challanglarga o'tamiz! Qo'shiladiganlar bo'lsa yopiq guruhga qo'shaman!
@Diyorbekk_dev
📖Master React in 5 Days: Become a React Expert in Under a Week
Immerse yourself in an accelerated learning method that will allow you to achieve tremendous success. The chapters are carefully thought out to teach you basic React concepts such as components, props, state, events, lifecycle, and hooks without wasting time on complicated explanations. Thanks to the clear and accessible style of presentation, you will be able to immerse yourself in the subtleties of React from the first page. The code examples are accompanied by detailed explanations, which allows you to quickly understand the intricacies of this technology. You will create React-based applications, consolidating the acquired knowledge and skills.
Book
@Diyorbekk_dev
Immerse yourself in an accelerated learning method that will allow you to achieve tremendous success. The chapters are carefully thought out to teach you basic React concepts such as components, props, state, events, lifecycle, and hooks without wasting time on complicated explanations. Thanks to the clear and accessible style of presentation, you will be able to immerse yourself in the subtleties of React from the first page. The code examples are accompanied by detailed explanations, which allows you to quickly understand the intricacies of this technology. You will create React-based applications, consolidating the acquired knowledge and skills.
Book
@Diyorbekk_dev
⚡2🔥1
Liner Task management application juda ham ajoyib ekan.
Ishlatib ko'rishni maslahat beraman.
Raxmatni keyinroq aytasiz 😉
@Diyorbekk_dev
Ishlatib ko'rishni maslahat beraman.
Raxmatni keyinroq aytasiz 😉
@Diyorbekk_dev
🔥3
#Experience
Qilayotgan projectlarimda dynamic form uchun odatda Formik ishlatardim.
Bugun FastField component va Field componentlarni farqini tushundim.
FastField bilan bòlgan muammoni solve qilishda anchagina vaqt ketdi.
Agar hohlasangiz alohida pòst tayorlayman.
Do you wanna learn about them? 😁
======> ✍
@Diyorbekk_dev
Qilayotgan projectlarimda dynamic form uchun odatda Formik ishlatardim.
Bugun FastField component va Field componentlarni farqini tushundim.
FastField bilan bòlgan muammoni solve qilishda anchagina vaqt ketdi.
Agar hohlasangiz alohida pòst tayorlayman.
Do you wanna learn about them? 😁
======> ✍
@Diyorbekk_dev
✍7
Difference between FastField and Field.
FastField and Field are two popular form-building tools that can help you create custom forms for your business. While both tools have similar features, there are some key differences between them that you should be aware of.
One of the main differences between FastField and Field is their performance. FastField is optimized for large forms with more than 30 fields or fields that require expensive validation.
It has the same API as Field but implements shouldComponentUpdate() internally to block all additional re-renders unless there are direct updates to the relevant parts/slice of Formik state 1. Field, on the other hand, is independent of all other fields in your form and does not have any performance optimizations.
Another difference between FastField and Field is their support for photo fields. FastField has a Single Photo field that allows users to capture a single photo from their device’s photo library or camera and embed it into the form.
It also supports drawing overlays for annotation purposes, customizable image names for easier identification and context, as well as configuring quality and size settings so files are compressed prior to submission 2. Field, on the other hand, does not have any built-in support for photo fields.
@Diyorbekk_dev
FastField and Field are two popular form-building tools that can help you create custom forms for your business. While both tools have similar features, there are some key differences between them that you should be aware of.
One of the main differences between FastField and Field is their performance. FastField is optimized for large forms with more than 30 fields or fields that require expensive validation.
It has the same API as Field but implements shouldComponentUpdate() internally to block all additional re-renders unless there are direct updates to the relevant parts/slice of Formik state 1. Field, on the other hand, is independent of all other fields in your form and does not have any performance optimizations.
Another difference between FastField and Field is their support for photo fields. FastField has a Single Photo field that allows users to capture a single photo from their device’s photo library or camera and embed it into the form.
It also supports drawing overlays for annotation purposes, customizable image names for easier identification and context, as well as configuring quality and size settings so files are compressed prior to submission 2. Field, on the other hand, does not have any built-in support for photo fields.
@Diyorbekk_dev
🔥1
Forwarded from Diyorbek's blog
This media is not supported in your browser
VIEW IN TELEGRAM
✍ The Turning Point
To'g'risi bu videoni ko'rib bugungi dunyodagihaqiqatni ko'raoldim qanchadir manoda!
Let's take care our EARTH 🌎
@Diyorbek_Juraev_Blog
To'g'risi bu videoni ko'rib bugungi dunyodagi
Let's take care our EARTH 🌎
@Diyorbek_Juraev_Blog
https://t.me/CambridgeDiyorbekbot
Cambridge Diyorbekbotimni foydalanuvchilar soni (aktivlar) 609 ga yetibdi.
Agar foydalanuvchilarga foydasi tegayotgan bo‘lsa juda xursandman.
Chet eldan ham minnatdorchilik bildirib yozishgandi bu Telegram bo‘tim uchun.
Eng qizig‘i hech qanday reklamalarsiz shu natijaga keldi. 😅
@Diyorbekk_dev
Cambridge Diyorbekbotimni foydalanuvchilar soni (aktivlar) 609 ga yetibdi.
Agar foydalanuvchilarga foydasi tegayotgan bo‘lsa juda xursandman.
Chet eldan ham minnatdorchilik bildirib yozishgandi bu Telegram bo‘tim uchun.
Eng qizig‘i hech qanday reklamalarsiz shu natijaga keldi. 😅
@Diyorbekk_dev
❤5