Akhror Web
1.82K subscribers
376 photos
92 videos
27 files
502 links
- Front-End

- Youtube : https://www.youtube.com/@akhrorweb
Loyihalar: json-api.uz

Creator: Ahror Soliyev

Muhokama uchun guruh: @akhror_community
Download Telegram
#react_26dars

Module Css bizda classlarimiz global classga aylanib ketishi oldini olamiz va bu juda ham foydali bo'ladi.

026. Module Css

YouTube | Instagram | Telegram | Donate
Onlayn FrontEnd kursi !

Kurs davomida quyidagi texnologiyalar o'rganamiz!

- Javascript
- Typescript
- VueJS , NuxtJS

Kurs davomiyligi umummiy 3 ta modulga bo'lingan va ushubu kursda o'qish uchun sizda dastlabki HTML,CSS haqida tushuncha bo'lishi kerak.
Har bir modul 1 oyni o'z ichiga oladi va haftada 3 kun 1,5 2 soatdan, 3-oy amaliyot qismi hisoblanadi va bu qisimda kurs mentori Teamlead bo'lgan CodeTech kompaniyasining haqiqiy loyihalari bilan ishlaymiz !!!

Kursni kimdan o'rganasiz:

Mukhriddin Khodiev , 7 yillik shu sohada tajribasi bor dasturchi , faoliyati davomida mahalliy Olcha.uz , Serius agency , CodeTech LLC , halqaro Softline , Itransition kabi kompaniyalarda ishlagan.

Kurs narxi : 600.000 so'm (oylik to'lov)

Kurs uchun ro'yhatdan o'tish : 👉 http://bit.ly/3GKqcKd
Akhror Web
Onlayn FrontEnd kursi ! Kurs davomida quyidagi texnologiyalar o'rganamiz! - Javascript - Typescript - VueJS , NuxtJS Kurs davomiyligi umummiy 3 ta modulga bo'lingan va ushubu kursda o'qish uchun sizda dastlabki HTML,CSS haqida tushuncha bo'lishi kerak.…
Bizda hozirch faqat React Js darslari, agar siz VueJs'ni ham o'rganmoqchi bo'lsangiz unda bu siz uchun shaxsan tavfsiya qilaman. Muhriddin aka do'stimiz yaxshi ish boshlashibdi. Juda tajribali ustoz.
#react_27dars
Cssni tugatib ana endi, foydalanuvchidan ma'lumot olishda eng kerakli bo'lgan formalar mavzusiga kirish qilamiz. 📝

027. Event Form

YouTube | Instagram | Telegram | Donate
#react_28dars

Inputlar uchun asosan onChange() eventidan foydalanamiz, bu darsda onChange()dan ma'lumotlarni olib useState()ga saqlaymiz.ℹ️

028. onChange & uuidv4🆔

YouTube | Instagram | Telegram | Donate#
#react_29dars

Inputlarga yozgan ma'lumotlarimizni olgandan so'ng uni ichini tozalashimiz kerak bo'ladi. 🧹

029. Reset Input

YouTube | Instagram | Telegram | Donate
#react_30dars

Endi formalar uchun onSubmit() eventini qo'llab ko'ramiz. 🚩

030. onSubmit & uuidv4

YouTube | Instagram | Telegram | Donate
#react_31dars

Foydalanuvchilardan olingan ma'lumotlarimizni ekranda ishlatamiz ya'ni asosiy events, useStatega()qo'shamiz.🤞

031. Add Event

YouTube | Instagram | Telegram | Donate
#muhim

Kimda o'zining dasturlashga oid shaxsiy blog va kanallari bor ?!

Faqat rostini aytamiz :)

commentda kutaman 🫡
#react_32dars

Forma bilan ishlashni davom ettriamiz va Select tagidan qanday qilib foydalanishni ko'rib o'tamiz. 👌

032. Select & Options

YouTube | Instagram | Telegram | Donate
#react_33dars

JavaScriptda selectorlardan foydalanar edik. Reactda ham shu kabi selector bor va useRef() Hook. Undan biz formalardan ma'lumotlarni componentni qayta render qilmasdan olish uchun ham ishlatishimiz mumkin. ❤️

033. useRef Hook

YouTube | Instagram | Telegram | Donate
***

React darslarimizni yangi qismlariga o‘tamiz tez orada. O‘tishdan olin bir kichik amaliyot bilan. Yangi hooklar va serverlarga so‘rov jo‘natish uchun requestʼlardan foydalanamiz. Shuningdek React muhitini o‘rnatishni esa yangi usullaridan foydalanamiz. Shu kungacha bo‘lgan darslarimizni yaxshilab ko‘rib oling, keyinchalik qiynalmaslik uchun.

YouTube | Instagram | Telegram | Donate
33 ta darsimizdan so'ng albatta kichik bir amaliyot qilib darslarimizni mustahkamlab olishimiz karak bo'ladi.
Buning uchun quyidagi kichik loyihani birgalikda bajaramiz.

🔗: https://cuser-akh.netlify.app/

(cssda kichik kamchiliklar kuzatilishi mumkin)

Youtubega videosi qo'yilguncha o'zingiz ushbu loyihani qilib ko'ring albatta. Agar o'xshasa unda izohlarda kutaman linklardi. Hammaga omad.😇

YouTube | Instagram | Telegram | Donate
" Donat va Hayitlik so'zlari sinonom ekanligini bilarmidingiz ? "😅

Hayitligingizni kimga berishdi bilmayatgan bo'lsangiz kanalimiz siz uchun ochiq. 😇

https://t.me/akhror_donate

E'tibor uchun rahmat :)
***

O'zimcha montaj qilyapman :) 😎

O'xshab qolar-a ?! 😶‍🌫️
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
***

Bilaman hamma React videolarini ko'rib tugatib hammasiga like, comment yozib chiqib zerikib qoldilarin. Ertaga yangiliklar bor :)
***
Hozirda keng ko'lamda qo'llanilyotgan Vite texnologiyiasini React uchun qo'llaashni ko'rib o'tamiz.


034. Vite texnologiyasi

YouTube | Instagram | Telegram | Donate