React o‘quv dasturi

Kirish

W3Schools React Qo‘llanma keng qamrovli va yangi boshlanuvchilar uchun qulaydir.

Bu sizga React haqida fundamental bilim beradi.

U yangi boshlanuvchilar uchun mo‘ljallangan va o‘rta darajadagi JavaScript bilimini talab qiladi.

Tarkib tishlab oladigan darajada, sodda va tushunarli bo‘lishi uchun ehtiyotkorlik bilan yaratilgan.

Kontent yillar davomida millionlab foydalanuvchilar tomonidan tasdiqlangan. U tez-tez yangilanadi va yaxshilanadi.

O‘quv rejasi va uning ketma-ketligi tuzilgan bo‘lib, siz React dasturini bosqichma-bosqich, asosiy componentlardan tortib to kengaytirilgan funksiyalargacha o‘rganishingiz mumkin.

React bilan boshlang »

O‘quv natijalari

• React’da ishlatiladigan ES6 imkoniyatlarini (klasslar, arrow funksiyalar, destrukturizatsiya, modullar) puxta o‘zlashtiring.
• JSX sintaksisi yordamida React componentlarini yarating va ko‘rsating.
• React componentlari, ham class, ham funktsional componentlar bilan ishlash.
• Component propslari va state boshqaruvini boshqaring.
• Voqealarni boshqarish va shartli ko‘rsatishni amalga oshiring.
• React-da kalitlar bilan listlar yarating va boshqaring.
• Shakllarni yarating va React ilovalarida foydalanuvchi kiritishini boshqaring.
• React Router yordamida navigatsiyani amalga oshiring.
• React Hook’laridan foydalaning (useState, useEffect, useContext, useRef va boshqalar).
• React Memo bilan ishlashni optimallashtirishni qo‘llang.
• CSS va Sass yordamida Style React componentlari.
• Qayta foydalanish mumkin bo‘lgan mantiq uchun maxsus hooklar yarating.

Qaysi mavzular uchun React tegishli?

• Veb-ishlab natija: React-dan zamonaviy veb-ilovalarni yaratish uchun foydalanish mumkin.
• Front-end Development: React foydalanuvchi interfeysini ishlab natija uchun yetakchi kutubxona hisoblanadi.
• Yagona sahifali ilovalar: React dinamik bir sahifali ilovalarni yaratish imkonini beradi.
• Foydalanuvchi interfeysi dizayni: React foydalanuvchi interfeysini ishlab chiqishda componentlarga asoslangan yondashuvni taqdim etadi.
• Veb-ilovalar: React interaktiv veb-ilovalar uchun ideal.
• Mobil rivojlanish: React Native React kontseptsiyalarini mobil rivojlanishga kengaytiradi.
• Zamonaviy JavaScript-ni ishlab natija: React zamonaviy JavaScript xususiyatlari va amaliyotlarini o‘z ichiga oladi.

Boshlash

Faoliyatlar

Ushbu o‘quv qo‘llanmada biz sizga Reactni bepul o‘rganishingiz uchun turli xil tadbirlarni taklif qilamiz:

• Darslar
• Mashqlar
• Viktorinalar

Jarayonni kuzatish uchun tizimga kiring

Taraqqiyotingizni kuzatish uchun hisob yaratishingiz ham mumkin.

Tizimga kirgan foydalanuvchi sifatida siz quyidagi funksiyalardan foydalanasiz:

• O‘rganish yo‘llari
• Sandbox va laboratoriya muhitlari
• Yutuqlar
• Va yana ko‘p narsalar!

Ro‘yxatdan o‘tish

Modullarning umumiy ko‘rinishi

Boshlash

Sandbox va laboratoriya muhiti

React, har qanday dasturlash kutubxonasi kabi, eng yaxshi amaliy amaliyot orqali o‘rganiladi.

Bizning muharririmiz yordamida ushbu misolni sinab ko‘ring:

import React from 'react';
import ReactDOM from 'react-dom/client';

function Hello(props) {
  return <h1>Hello World!</h1>;
}

const container = document.getElementById("root");
const root = ReactDOM.createRoot(container);
root.render(<Hello />);

Agar siz ko‘proq o‘rganmoqchi bo‘lsangiz va loyihangizni o‘z ichiga olmoqchi bo‘lsangiz, bizda statik veb-saytlarni yaratish, sinab ko‘rish va joylashtirish imkonini beruvchi Spaces deb nomlangan xususiyat mavjud.

Bu yerda siz real vaqt rejimida kodlashni mashq qilishingiz va loyihalarni sinab ko‘rishingiz mumkin bo‘lgan Spaces deb nomlangan xavfsiz sandbox muhitiga ega bo‘lasiz.

Bo‘shliqlar kodni sinab ko‘rish, yaratish va joylashtirish imkonini beradi. Bunga W3Schools subdomeni, xosting va xavfsiz SSL sertifikatlari kiradi.

Bo‘shliqlar o‘rnatishni talab qilmaydi va to‘g‘ridan-to‘g‘ri brauzerda ishlaydi.

Xususiyatlarga quyidagilar kiradi:

• Hamkorlik
• Fayl Navigator
• Terminal va jurnal
• Paket menejeri
• <img src="/spaces/check.svg" style="margin-bottom: 4px; padding-right: 5px;"><b style="color: #282A35;">Ma’lumotlar bazasi</b>
• Muhit bo‘yicha menejer
• <img src="/spaces/check.svg" style="margin-bottom: 4px; padding-right: 5px;"><b style="color: #282A35;">Tahlil</b>

Spaces hisobini yarating

React sertifikati

W3Schools yo‘lning oxiri sertifikatlash dasturini taklif qiladi.

Bu yerda siz sertifikat olish uchun imtihon topshirishingiz mumkin.

React imtihoni W3Schools React dasturini umumlashtiruvchi testdir.

Imtihondan o‘tganingizdan so‘ng siz "Certified React Developer" sertifikatiga ega bo‘lasiz.

Ikki xil turdagi sertifikatlar mavjud:

• Moslashuvchan bo‘lmagan
• Moslashuvchan

Moslashuvchan bo‘lmagan - o‘tish yoki yo‘q.

Moslashuvchan sertifikatlash moslashtirilgan va darajali; talabalar o‘rta, yuqori darajadan professionalgacha baho oladilar.

Sertifikat sotib olish »

Siz O‘qituvchimisiz?

W3Schools Akademiyasidan Reaktni o‘rgatish uchun qanday foydalanishni o‘rganishga qiziqasizmi?

W3Schools akademiyasi demosini tomosha qiling. Siz uning qanday ishlashini ko‘rasiz va qanday qilib dasturlashni o‘rgatishni oson va qiziqarli qilishini bilib olasiz.

Demo tomosha qilish »