Jahongir Sobirov

518

Frontend developer

Assolomu aleykum OMUC!!!

Kirish:

JSON nima?

JSON - JavaScript-ni ob'ektiv notatsiyasi degan ma'noni anglatadi va ma'lumotlarni saqlash va almashtirish uchun sintaksisdir. JSON formati matnga asoslangan format bo'lgani uchun uni serverga va serverdan osongina yuborish mumkin va har qanday dasturlash tili ma'lumot formati sifatida ishlatishi mumkin.

PHP va JSON

PHP-da JSON-ni boshqarish uchun ba'zi bir o'rnatilgan funksiyalar mavjud. Birinchidan, biz quyidagi ikkita funtsiyani ko'rib chiqamiz:

• json_encode()
• json_decode()

PHP - json_encode()

json_encode() funksiyasi qiymatni JSON formatiga kodlash uchun ishlatiladi.

Misol

Ushbu misol JSON obyektiga assotsiativ qatorni qanday kodlashni ko'rsatadi:

<?php
$age = array("Peter"=>35, "Ben"=>37, "Joe"=>43);

echo json_encode($age);
?>

Misol

Ushbu misol indekslangan qatorni JSON qatoriga qanday kodlashni ko'rsatadi:

<?php
$cars = array("Volvo", "BMW", "Toyota");

echo json_encode($cars);
?>

PHP - json_decode()

json_decode() funksiyasi JSON obyektini PHP obyekti yoki assotsiativ qatorga dekodlash uchun ishlatiladi.

Misol

Ushbu misol JSON ma'lumotlarini PHP ob'ektiga dekodlaydi:

<?php
$jsonobj = '{"Peter":35,"Ben":37,"Joe":43}';

var_dump(json_decode($jsonobj));
?>

json_decode() funksiyasi sukut bo'yicha obyektni qaytaradi. json_decode() funksiyasi ikkinchi parametrga ega va "true" ga o'rnatilganda JSON moslamalari assotsiativ massivlarga dekodlanadi.

Misol

Ushbu misol JSON ma'lumotlarini PHP assotsiativ qatoriga dekodlaydi:

<?php
$jsonobj = '{"Peter":35,"Ben":37,"Joe":43}';

var_dump(json_decode($jsonobj, true));
?>

PHP - dekodlangan qiymatlarga kirish

Obyektdan va assotsiativ massivdan dekodlangan qiymatlarga qanday kirish haqida ikkita misol:

Misol

Ushbu misol PHP ob'ektidagi qiymatlarga qanday kirishni ko'rsatadi:

<?php
$jsonobj = '{"Peter":35,"Ben":37,"Joe":43}';

$obj = json_decode($jsonobj);

echo $obj->Peter;
echo $obj->Ben;
echo $obj->Joe;
?>

Misol

Ushbu misol PHP assotsiativ massividagi qiymatlarga qanday kirishni ko'rsatadi:

<?php
$jsonobj = '{"Peter":35,"Ben":37,"Joe":43}';

$arr = json_decode($jsonobj, true);

echo $arr["Peter"];
echo $arr["Ben"];
echo $arr["Joe"];
?>

PHP - dekodlarni ko'rib chiqish

Bundan tashqari, foreach() sikli bilan qiymatlarni ko'rib chiqishingiz mumkin:

Misol

Ushbu misol PHP obyekti qiymatlari bo'yicha qanday aylanishni ko'rsatadi:

<?php
$jsonobj = '{"Peter":35,"Ben":37,"Joe":43}';

$obj = json_decode($jsonobj);

foreach($obj as $key => $value) {
  echo $key . " => " . $value . "<br>";
}
?>

Misol

Ushbu misol PHP assotsiativ massivining qiymatlarini qanday ko'chirishni ko'rsatadi:

<?php
$jsonobj = '{"Peter":35,"Ben":37,"Joe":43}';

$arr = json_decode($jsonobj, true);

foreach($arr as $key => $value) {
  echo $key . " => " . $value . "<br>";
}
?>

Xulosa:

Mana siz bilan biz endi JSON ga ham o'tdik. Bu maqolani o'qishdan avval sizda php da ko'nikma va bilim bo'lishi zarur. Siz bilan Jahongir Sobirov bo'ldi. Hammaga omad!

Assolomu aleykum OMUC!!!

Kirish:

Sessiya - bu bir nechta sahifalarda ishlatiladigan ma'lumotni (o'zgaruvchida) saqlash usuli.

Cookie-dan farqli o'laroq, ma'lumotlar foydalanuvchilar kompyuterida saqlanmaydi.

PHP sessiyasi nima?

Ilova bilan ishlashda siz uni ochasiz, ba'zi o'zgarishlar kiritasiz va keyin yopasiz. Bu sessiyaga o'xshaydi. Kompyuter sizning kimligingizni biladi. Ilovani qachon boshlaganingizni va qachon tugaganingizni biladi. Ammo Internetda bitta muammo bor: veb-server sizning kimligingizni va nima qilayotganingizni bilmaydi, chunki HTTP manzili holatni saqlamaydi. Sessiya o'zgaruvchilari ushbu muammoni bir nechta sahifalarda foydalanuvchi ma'lumotlarini (masalan, foydalanuvchi nomi, sevimli rang va boshqalarni) saqlash orqali hal qilishadi. Odatiy bo'lib, sessiya o'zgaruvchilari foydalanuvchi brauzerni yopguncha davom etadi. Shunday qilib; Sessiya o'zgaruvchilari bitta foydalanuvchi haqida ma'lumotga ega va bitta dasturdagi barcha sahifalar uchun mavjud. Maslahat: Agar sizga doimiy xotira kerak bo'lsa, ma'lumotlar bazasida ma'lumotlarni saqlashingiz mumkin.

PHP sessiyasini boshlash

Sessiya session_start() funksiyasi bilan boshlanadi.

Sessiya o'zgaruvchilari PHP global o'zgaruvchisi bilan o'rnatiladi: $ _SESSION.

Endi "demo_session1.php" deb nomlangan yangi sahifa yarataylik. Ushbu sahifada biz yangi PHP sessiyasini boshlaymiz va ba'zi bir sessiya o'zgaruvchilarini o'rnatamiz:

Misol

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<body>

<?php
$_SESSION["favcolor"] = "green";
$_SESSION["favanimal"] = "cat";
echo "Session variables are set.";
?>

</body>
</html>

Eslatma: session_start() funksiyasi sizning hujjatlaringizdagi birinchi qatorda bo'lishi kerak. (HTML teglaridan oldin.)

PHP sessiyasining o'zgaruvchan qiymatlarini olish

Keyinchalik, biz "demo_session2.php" deb nomlangan yana bir sahifa yaratamiz. Ushbu sahifadan biz birinchi sahifada o'rnatgan sessiya ma'lumotlariga kiramiz ("demo_session1.php").

E'tibor bering, sessiya o'zgaruvchilari har bir yangi sahifaga alohida o'tkazilmaydi, aksincha ular har bir sahifaning boshida biz ochgan sessiyadan olinadi (session_start()). Shuni ham unutmangki, barcha sessiya o'zgaruvchilari qiymatlari global $ _SESSION o'zgaruvchisida saqlanadi:

Misol

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<body>

<?php
echo "Favorite color is " . $_SESSION["favcolor"] . ".<br>";
echo "Favorite animal is " . $_SESSION["favanimal"] . ".";
?>

</body>
</html>

Foydalanuvchi sessiyasi uchun barcha sessiya o'zgaruvchilar qiymatlarini ko'rsatishning yana bir usuli bu quyidagi kodni ishga tushirishdir:

Misol

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<body>

<?php
print_r($_SESSION);
?>

</body>
</html>

"Bu qanday ishlaydi? Men ekanligimni qayerdan biladi?"

Aksariyat seanslar foydalanuvchi kompyuterida foydalanuvchi kalitini shunday o'rnatadi: 765487cf34ert8dede5a562e4f3a7e12. Keyin, boshqa sahifada sessiya ochilganda, u kompyuterni foydalanuvchi kalitini qidiradi. Agar mos keladigan bo'lsa, u ushbu sessiyaga kirishadi, agar bo'lmasa, u yangi seansni boshlaydi. 

PHP sessiyasining o'zgaruvchisini o'zgartirish:

Seans o'zgaruvchisini o'zgartirish uchun uni ustiga yozing:

Misol

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<body>

<?php
$_SESSION["favcolor"] = "yellow";
print_r($_SESSION);
?>

</body>
</html>

PHP sessiyasini yo'q qilish

Barcha global sessiya o'zgaruvchilarini olib tashlash va sessiyani yo'q qilish uchun session_unset() va session_destroy() dan foydalaning:

Misol

<?php
session_start();
?>
<!DOCTYPE html>
<html>
<body>

<?php
session_unset();

session_destroy();
?>

</body>
</html>

Foydali havola: https://www.php.net/manual/ru/book.session.php

Xulosa:

Xo'sh sizga bu maqolam ham yoqdi degan umiddaman. Hammaga omad! Siz bilan Jahongir Sobirov bo'ldi.

Assolomu aleykum OMUC!!!

Kirish:

Statik metodlarni to'g'ridan-to'g'ri chaqirish avval sinfning namunasini yaratmasdan mumkin.

Statik metodlar statik kalit so'z bilan e'lon qilinadi:

Sintaksis:

<?php
class ClassName {
  public static function staticMethod() {
 &nbsp;&nbsp; echo "Salom dunyo!";
  }
}
?>

Statik metodga kirish uchun sinf nomi, ikki nuqta (::) va usul nomi:

Sintaksis:

ClassName :: staticMethod ();

Keling, bir misolni ko'rib chiqaylik:

Misol

<?php
class greeting {
  public static function welcome() {
 &nbsp;&nbsp; echo "Hello World!";
  }
}

// Metodni chaqiramiz
greeting::welcome();
?>

Misolga izoh:

Bu erda biz statik metodni e'lon qilamiz: Welcome(). Keyin biz statik metodni sinf nomi, ikki nuqta (::) va metod nomidan foydalanib chaqiramiz (avval sinfning nusxasini yaratmasdan bu ishlarni qilamiz).

PHP - Statik usullar haqida ko'proq ma'lumot

Sinf statik va statik bo'lmagan metodlarga ega bo'lishi mumkin. O'z-o'zidan kalit so'z va ikki nuqta (::) yordamida bir xil sinfdagi usuldan statik metodga kirish mumkin:

Misol

<?php
class greeting {
  public static function welcome() {
 &nbsp;&nbsp; echo "Hello World!";
  }

  public function __construct() {
 &nbsp;&nbsp; self::welcome();
  }
}

new greeting();
?>

Statik usullarni boshqa sinflardagi metodlardan ham chaqirish mumkin. Buning uchun statik usul ommaviy bo'lishi kerak:

Misol

<?php
class greeting {
  public static function welcome() {
 &nbsp;&nbsp; echo "Salom PHP!";
  }
}

class SomeOtherClass {
  public function message() {
 &nbsp;  greeting::welcome();
  }
}
?>

"Bolalar" sinfidan statik usulga ma'lumot uchun "ota-ona" kalit so'zidan foydalanib, bolalar sinfidan foydalaniladi. Bu yerda statik metod ommaviy yoki himoyalangan bo'lishi mumkin.

Misol

<?php
class domain {
  protected static function getWebsiteName() {
 &nbsp;&nbsp; return "uzbekcoders.uz";
  }
}

class domainW3 extends domain {
  public $websiteName;
  public function __construct() {
 &nbsp;&nbsp; $this->websiteName = parent::getWebsiteName();
  }
}

$domainW3 = new domainW3;
echo $domainW3 -> websiteName;
?>

Xulosa:

Biz OOP ni boshladik bu bilimlarni o'rganish uchun sizdan boshlang'ich ko'nika zarur. Umid qilamanki bu maqoladan o'zingizga yangi tajriba va bilimlar oldingiz!

Assolomu aleykum OMUC!!!

Kirish:

DBMSni tanlashda asosiy savol odatda relyatsion (SQL) yoki aloqasiz (NoSQL) tuzilmalar o'rtasida bo'ladi. Ikkala variant ham o'z afzalliklariga ega, shuningdek, tanlashda yodda tutish kerak bo'lgan bir nechta asosiy xususiyatlar mavjud.

Asosiy farqlar:

Sintaksisi:

Bir shaharni tasavvur qiling-a - hamma shaharlari bir xil tilda gapiradigan A shahar deb nomlansin. Barcha biznes shu erda olib boriladi, u har qanday aloqa shaklida qo'llaniladi - umuman olganda, bu shahar aholisi uchun o'zaro ta'sir va o'zaro tushunishning yagona vositasidir. Har qanday faoliyat sohasidagi tilni o'zgartirish chalkash bo'ladi. Endi barcha shahar aholisi turli tillarda gaplashadigan B shahrini tasavvur qiling. Ular tashqi dunyo bilan mutlaqo boshqacha aloqada bo'lib, ular uchun "universal" aloqa vositasi yo'q. Ushbu ikkita misol relyatsion va aloqasiz ma'lumotlar bazalari o'rtasidagi farqlarni aks ettiradi va bu farqlar ikkalasining ham asosiy xususiyatlarini yashiradi. Ma'lumotlarni aniqlash va boshqarish uchun relyatsion ma'lumotlar bazalarida Structured Query Language (SQL) ishlatiladi. Bir tomondan, bu rivojlanish uchun katta imkoniyatlar ochib beradi: SQL eng moslashuvchan va keng tarqalgan so'rovlar tillaridan biri hisoblanadi, shuning uchun uning tanlovi bir qator xatarlarni minimallashtirishga imkon beradi va agar siz murakkab so'rovlar bilan ishlashga to'g'ri kelsa juda foydali bo'ladi. Boshqa tomondan, SQL bir qator cheklovlarga ega. Ushbu tilda so'rovlarni yaratish ma'lumotlar tuzilishini oldindan belgilashga majbur qiladi va A shaharida bo'lgani kabi, ma'lumotlar tuzilmasidagi keyingi o'zgarish butun tizim uchun halokatli bo'lishi mumkin. O'zaro aloqaga ega bo'lmagan ma'lumotlar bazalari, o'z navbatida, bir necha usulda saqlanadigan dinamik ma'lumotlar strukturasini taklif qiladi: ustunlarga yo'naltirilgan, hujjatlarga yo'naltirilgan, grafikaga yo'naltirilgan yoki kalitlarga asoslangan. Ushbu moslashuvchanlik quyidagilarni anglatadi:

• Hujjatlarni ularning tuzilishini oldindan belgilamasdan yaratishingiz mumkin;
• Har bir hujjat o'ziga xos tuzilishga ega bo'lishi mumkin;
• Har bir ma'lumotlar bazasi o'z sintaksisiga ega bo'lishi mumkin;
• Ma'lumotlar bilan ishlash paytida maydonlarni qo'shishingiz mumkin.

Miqyosi:

Ko'pgina hollarda, SQL ma'lumotlar bazalari vertikal ravishda kattalashtiriladi, ya'ni siz markaziy protsessorlarning hajmini, operativ xotiraning hajmini yoki saqlash tizimini oshirish orqali bitta serverga yukni oshirishingiz mumkin. Va NoSQL ma'lumotlar bazalari gorizontal ravishda kengaytirilishi mumkin. Bu shuni anglatadiki, siz tarqatish yoki ma'lumotlar bazangizga qo'shimcha serverlar qo'shish orqali trafikni oshirishingiz mumkin. Bu sizning binoga ko'proq qavat qo'shish yoki ko'chaga ko'proq bino qo'shish kabi. Ikkinchi holda, tizim juda katta va kuchliroq bo'lib, katta yoki doimiy ravishda o'zgarib turadigan ma'lumotlar tuzilmalari uchun NoSQL ma'lumotlar bazasini tanlashni afzal ko'radi.

Tuzilishi:

Relyatsion DBMS-larda ma'lumotlar jadvallar shaklida, aloqasiz bo'lmaganlarda - hujjatlar, kalit-qiymat juftliklari, grafikalar yoki keng ustunli omborlar ko'rinishida taqdim etiladi. Bu SQL ma'lumotlar bazalarini ko'p yozuvli operatsiyalarni o'z ichiga olgan ilovalar uchun eng yaxshi tanlovga aylantiradi - masalan, hisob tizimi - yoki relyatsion tuzilmalar uchun yaratilgan eski tizimlar uchun. SQL ma'lumotlar bazalari uchun ma'lumotlar bazalari tarkibiga MySQL, Oracle, PostgreSQL va Microsoft SQL Server kiradi. MongoDB, BigTable, Redis, RavenDB Cassandra, HBase, Neo4j va CouchDB NoSQL bilan ishlash uchun javob beradi.

SQL va boshqalar NoSQL: MySQL yoki MongoDB

SQL va NoSQL ma'lumotlar bazalari o'rtasidagi asosiy tarkibiy farqlarni ko'rib chiqib, ularning funktsional xususiyatlarini MySQL va MongoDB misolida sinchkovlik bilan ko'rib chiqishga arziydi.

MySQL: relyatsion ma'lumotlar bazasini boshqarish tizimi.

MySQL-ning afzalliklari:

1. Vaqt sinovidan o'tgan: MySQL - bu juda rivojlangan DBMS, demak uning atrofida katta hamjamiyat, ko'plab misollar va yuqori ishonchlilik mavjud;
2. Moslik: MySQL Linux, Windows, Mac, BSD va Solaris kabi barcha asosiy platformalarda mavjud. Shuningdek, Node.js, Ruby, C #, C ++, Java, Perl, Python va PHP kabi tillar uchun kutubxonalar mavjud;
3. Payback: Bu ochiq manbali ma'lumotlar bazasini boshqarish tizimidir, u erkin foydalanish imkoniyatiga ega;
4. Replikatsiya: MySQL ma'lumotlar bazasi bir nechta tugunlarga taqsimlanishi mumkin, shu bilan yuk kamayadi va dastur ko'lamini va mavjudligini yaxshilaydi;

SQL ma'lumotlar bazalarining ko'pchiligida parchalanish mumkin bo'lmasa ham, MySQL bundan mustasno.

MongoDB: aloqador bo'lmagan ma'lumotlar bazasi.

MongoDB afzalliklari:

1. Dinamik sxema: Yuqorida aytib o'tilganidek, ushbu ma'lumotlar bazasi ma'lumotlar o'zgarishi kerak bo'lmasdan ma'lumotlar sxemasi bilan moslashuvchan ishlashga imkon beradi;
2. Miqyosi: MongoDB gorizontal ravishda kengaytiriladigan bo'lib, bu katta hajmdagi ma'lumotlar bilan server yukini kamaytirishni osonlashtiradi;
3. Boshqarish qulayligi: MB ma'lumotlar bazasiga alohida DBA kerak emas. Foydalanishda etarlicha qulayligi tufayli uni ishlab chiquvchilar ham, tizim ma'murlari ham osonlikcha ishlatishi mumkin;
4. Tezlik: oddiy so'rovlar uchun yuqori ko'rsatkich;

Moslashuvchanlik: MongoDB-da mavjud ma'lumotlarga, ularning tuzilmalariga zarar etkazmasdan mumkin.

Xulosa:

MySQL oldindan belgilangan tuzilishga va oldindan aniqlangan sxemalarga tayanadigan har qanday loyiha uchun to'g'ri tanlovdir. Boshqa tomondan, MongoDB tezkor ravishda rivojlanayotgan loyihalar uchun ma'lum bir ma'lumot sxemasi bo'lmagan ajoyib imkoniyatdir. Ayniqsa siz ma'lumotlar bazangiz uchun sxemani aniqlay olmasangiz, boshqa DBMSlarning hech biri sizga mos kelmaydi yoki u sizning loyihangizda doimiy ravishda o'zgarib turadi, masalan, mobil ilovalar, real vaqtda tahlil tizimlari yoki kontentni boshqarish.

Assolomu aleykum OMUC!!!

Kirish:

Konstantalar o'zgaruvchiga o'xshaydi, faqat ular aniqlangandan keyin ularni o'zgartirish yoki aniqlab bo'lmaydi.

PHP konstantalari

Konstantalar - bu oddiy qiymat uchun identifikator (ism). Skript davomida qiymatni o'zgartirish mumkin emas. Haqiqiy konstantalar ism harf yoki pastki chiziq bilan boshlanadi (doimiy nom oldida $ belgisi yo'q). Izoh: o'zgaruvchilardan farqli o'laroq, doimiylar butun skript bo'yicha avtomatik ravishda global hisoblanadi.

PHP konstantalarini yaratish:

konstantalarni yaratish uchun define() funktsiyasidan foydalaning.

Sintaksis:

belgilash (ism, qiymat)

Parametrlar:

• name: doimiyning nomini belgilaydi
• value: doimiy qiymatini belgilaydi
• case-insensitive: doimiy nom harfga sezgir bo'lmasligi kerakligini belgilaydi. Standart yolg'on

Misol

Katta-kichik harflar bilan nomlanganonstantani kni yaratish:

<?php
define("Salom", "uzbekcoders.uz ga marhamat!");
echo GREETING;
?>

Misol

Harfga sezgir bo'lmagan nom bilan konstantanini yaratish:

<?php
define("Salom", "uzbekcoders.uz ga marhamat!", true);
echo greeting;
?>

PHP konstanta massivlari

PHP7-da, (() funktsiyasi yordamida Array konstantasini yaratishingiz mumkin.)

Misol

<?php
define("cars", [
  "Alfa Romeo",
  "BMW",
  "Toyota"
]);
echo cars[0];
?>

Konstanta holatlar Global hisoblanadi

Konstantalar avtomatik ravishda global bo'lib, butun skriptda ishlatilishi mumkin.

Misol

Ushbu misol funksiyadan tashqarida aniqlangan bo'lsa ham, funksiya ichidagi konstantadan foydalanadi:

<?php
define("Salom", "uzbekcoders.uz ga marhamat!");

function myTest() {
  echo GREETING;
}
 
myTest();
?>

Foydali havola: https://www.php.net/manual/ru/language.constants.php

Xulosa:

Bugun siz bilan konstantalarni o'rgandik. Xo'sh siz bundan bilim oldingizmi???

Assolomu aleykum OMUC!!!

Kirish:

Bugun bizda Internetga ulanish uchun juda ko'p sonli brauzer mavjud. Har bir inson ma'lum bir brauzerdan foydalanishga odatlangan va ko'pincha boshqasi uni ishlatish uchun ancha qulay bo'lishi mumkinligi haqida o'ylamaydi. Shuning uchun, maqolada biz Windows platformasi uchun eng yaxshi 10 ta brauzer 2020 reytingini ko'rib chiqamiz. Sizga har bir brauzerning funktsional imkoniyatlari, shuningdek ijobiy va salbiy tomonlari haqida aytib beramiz. Shunday qilib, hamma siz uchun maqbul bo'lgan brauzerni tanlashi mumkin.

Google Chrome. Tezlik va mashhurlik.

Ba'zi tahliliy ma'lumotlarga asoslanib, hozirgi vaqtda Google Chrome eng ommabop ekanligi aniqlandi. Bu juda tez va juda qulay. Haqiqat shundaki, brauzerda ko'plab qo'shimchalar o'rnatilgan va foydalanuvchi qaysi qo'shimchalarni o'rnatishni o'zi hal qiladi. Bu brauzerni tezlashtiradi, chunki siz faqat kerakli dasturlar bilan ishlaysiz. Qo'shimcha hech narsa yo'q. Biroq, Google Chrome ovozli yozuvni qo'llab-quvvatlaydi. Bu bizning dinamik davrimizda juda qulay. Ushbu brauzer yana nima bilan mashhur? Sandbox texnologiyasi. U zararli dasturlarni kuzatib boradi va egasiga xabar beradi. Va doimiy yangilanishlar tufayli dastur har doim barcha yangi viruslarni "tutib olishga" tayyor.

Ijobiy tomonlari:

• Foydalanish xavfsizligi.
• Yuqori ishlash.
• Barcha qurilmalar bilan sinxronizatsiya.
• Faqat kerakli qo'shimchalarni tanlash qobiliyati.

Doimiy rivojlanish.

Salbiy tomonlar:

• Mijozlarning so'rovlarini tahlil qilish va natijada maqsadli reklama.
• Qurilmada juda ko'p xotirani egallaydi.

Yandex. Rossiya dasturchilaridan ajoyib brauzer.

Ko'p jihatdan, Yandex brauzeri Google-ning raqibiga o'xshaydi. Ammo u rus foydalanuvchisi uchun to'liq moslashtirilgan. Yandeksda ko'plab odamlar foydalanadigan juda ko'p xizmatlar mavjud. Va barcha xizmatlar brauzerning bir qismidir. Shu bilan birga, ushbu brauzer turbo rejimiga ega, buning natijasida siz Internetda tezroq ishlashingiz mumkin. Va maxsus reklama blokerlari foydalanuvchilarni nomaqbul tarkibdan himoya qiladi. Yandex brauzerining ulkan plyusi - bu ichki tarjimon. U nafaqat bitta so'zlarni tarjima qiladi, balki butun veb-saytlarni tarjima qilishga qodir. Siz ruslashtirilmagan sahifalarga xavfsiz kirishingiz mumkin, chunki brauzer siz uchun hamma narsani tarjima qiladi.

Ijobiy tomonlari:

• Turbo rejimining mavjudligi.
• Tarkibning to'liqligi (qo'shimcha vidjetlar va xizmatlar).
• Xavfsizlik.
• Zerikarli tarkibni bloklash.
• Interfeysning qulayligi va soddaligi.

Salbiy tomonlar:

• Ko'p qo'shimchalarni yuklab olishda brauzer tezligi "oqsoq".
• Bu qurilmaning operativ xotirasining tuzilishiga juda talabchan.

Mozilla Firefox. Olovli tulkidan batafsil xususiylashtirish.

Ushbu brauzer qo'shimcha sozlamalarning ta'sirchan arsenaliga ega. Masalan, reklamalarni butunlay o'chirib qo'yish yoki matnni nutqqa aylantirish mumkin. Buning uchun Mozilla va ko'plab foydalanuvchilarni sevib qoldi. Shu bilan birga, brauzer xavfsiz va ulardan foydalanish oson. Va qo'shimcha interfeyslar foydalanuvchilarning Internetdagi ishlarini iloji boricha soddalashtirishga qodir.

Ijobiy tomonlari:

• Foydalanish xavfsizligi.
• Intuitiv boshqaruv.
• Ko'p sonli qo'shimchalar.

Salbiy tomonlar:

• Tezlik Yandex yoki Google-ga qaraganda past. Ko'p sonli qo'shimchalarni o'rnatishda ishlash biroz pasayadi.
• Bu dastur uchun qurilmada juda ko'p bo'sh xotira kerak.

Microsoft Edge. Oxirgi Windows brauzeri.

Edge Internet Explorer brauzerining to'g'ridan-to'g'ri davomi deb atash mumkin. Yangi brauzerning tezligi oshdi, bu ko'plab foydalanuvchilar tomonidan qayd etilgan. Endi Chrome kengaytmasi mavjud. Brauzerning yangiliklari shundan iboratki, endi u skrinshotlarni o'qish, yaratish va tahrirlash rejimiga, shuningdek yangi tablarni yaratish qobiliyatiga ega. Brauzer barqaror va oldingi versiyada bo'lgani kabi muammolarni keltirib chiqarmaydi. Qurilmaning resurslari deyarli iste'mol qilinmaydi. Bu ushbu brauzerni boshqalardan ajratib turadi.

Ijobiy tomonlari:

• Windows platformasida o'rnatilgan brauzer.
• Ishning yuqori mahsuldorligi.
• RAMga kam yuk.
• Chrome kengaytmasi mavjud.

Salbiy tomonlar:

• Raqobat kabi ko'plab qo'shimchalarning yetishmasligi.

Opera. Bugungi kunda juda zarur bo'lgan VPN va bezovta qiluvchi tarkibni bloklash.

Qizig'i shundaki, Opera brauzeri 26 yil oldin 1994 yilda paydo bo'lgan. Ammo bu ko'plab zamonaviy foydalanuvchilar tomonidan talab qilinmoqda. Brauzerda eng muhimi, o'rnatilgan VPN. Bu foydalanuvchining joylashishini o'zgartirishga imkon beradi. Bu sizga ushbu sahifalarni ko'rishga imkon beradi javdar ma'lum bir mamlakat hududida bloklangan. Hozirgi kunda ko'p odamlar VPN funktsiyasidan Rossiyada bloklangan filmlar va teledasturlarni tomosha qilish uchun foydalanadilar. Bundan tashqari, brauzerda juda ko'p sonli foydali qo'shimchalar mavjud. Qo'shimcha foydalanuvchi uchun eng mashhur funktsiyalarni o'z ichiga olgan ekspres panelga ega.

Ijobiy tomonlari:

• Brauzerning yuqori ishlashi.
• Qurilmaning operativ xotirasi tanlangan emas.
• VPN mavjud.
• Reklamalarni bloklash.

Salbiy tomonlar:

• Funktsionallik boshqa brauzerlarga qaraganda "yomon".

Brave. Kamroq tanilgan, ammo juda foydali brauzer.

Ushbu brauzer nisbatan yosh. Foydalanuvchilar u bilan faqat 2016 yilda tanishish imkoniga ega bo'lishdi. Uni Mozilla asoschilaridan biri chiqargan. Ushbu brauzer bir qator o'ziga xos xususiyatlarga ega. Masalan, u sahifalarni http-dan https-ga yo'naltirishga qodir. Shuningdek, u orqali siz Internetdagi bloklangan sahifalarga kirishingiz mumkin. Ammo qiziqarli qism reklama tomosha qilishdir. Har bir foydalanuvchi o'zi uchun maqbul bo'lgan chastotali reklamalarni ko'rishi mumkin. Ammo u reklamalarni bejiz ko'rmaydi. Har bir video uchun foydalanuvchiga ma'lum bir Bat belgi beriladi. Bu Internet-valyutaning bir turi. Kelajakda uni haqiqiy pulga aylantirish mumkin.

Ijobiy tomonlari:

• Foydalanuvchi e'lonlarni ko'rganligi uchun mukofot oladi. Va reklama beruvchi, o'z navbatida, maqsadli auditoriyani kengaytiradi. O'zaro manfaatli hamkorlik.
• Brauzer turli platformalarda qo'llab-quvvatlanadi. Masalan, iOS, Windows va Android platformalarida.
• Qo'shimchalarning to'liqligi.

Salbiy tomonlar:

• Brauzer nisbatan yangi va barcha funktsiyalar to'g'ri ishlamaydi. Doimiy modernizatsiya va brauzerning ishlashi va ishlashi bilan bog'liq ba'zi muammolar.

Vivaldi. Ovoz nomi va moslashuvchan interfeys.

Zamonaviy foydalanuvchilarning so'rovlariga ko'ra, Vivaldi brauzeri hamma uchun ham ma'lum emasligi aniqlandi. Brauzer o'zi Chromium dvigatelida amalga oshiriladi. Ammo bu dvigatelning boshqa brauzerlarida mavjud bo'lmagan juda ko'p funktsiyalar mavjud. Xo'sh, Vivaldining o'ziga xos xususiyati nimada? Eng qiziqarli narsa uning interfeysi. Brauzerning barcha boshlang'ich sahifasi sizning ehtiyojlaringizga mos ravishda qayta ishlanishi mumkin. Yorliqlarni guruhlash, tezkor buyruqlar va imo-ishoralar yaratish, manzil satrining o'rnini o'zgartirish va boshqa ko'p narsalar mumkin. Ushbu brauzer doimiy ravishda katta hajmdagi ma'lumotlar bilan ishlaydiganlar uchun qulay: ko'p yorliqlar, ochiq sahifalar, ishlatilgan rejimlar va hk. Shu bilan birga, brauzerda har bir foydalanuvchi ma'lumotlarining maksimal darajada himoyalanishini ta'minlaydigan "er-xotin" shifrlash qo'llaniladi.

Ijobiy tomonlari:

• Brauzerni o'z ehtiyojlaringizga moslashtirish qobiliyati.
• Foydalanuvchilar ma'lumotlarini himoya qilish.
• Ishning yuqori mahsuldorligi.
• Innovatsiya va moslashuvchanlik.

Salbiy tomonlar:

• Videofayllarni yuklashda bir qator muammolar paydo bo'lishi mumkin.

Safari brauzeri faqat Apple foydalanuvchilari uchungina emas.

Safari Apple mahsulotlarining barcha foydalanuvchilariga ma'lum. Ammo ushbu brauzer Windows platformasida ham ishlatilishi mumkin. Biroq, bir qator cheklovlar mavjud. Haqiqat shundaki, Apple ushbu yo'nalishni ko'p yillar oldin boshlagan va 2012 yildan beri Windows-da Safari-ni qo'llab-quvvatlashni to'xtatgan. Shunday qilib, endi Windows-da Safari-ni yuklab olishingiz mumkin, ammo uning ishi to'liq barqaror bo'lmaydi. Ba'zi cheklovlar va operatsion muammolar paydo bo'lishi mumkin. Ammo hamma narsaga qaramay, brauzer tezligi yuqori. Shu bilan birga, o'rnatilgan brauzer himoyasi zararli sahifalarni haqiqatan ham samarali ushlaydi va ularni bloklaydi. Bir vaqtning o'zida bir nechta qurilmalarda sozlamalarni sinxronlashtirish mumkin. Amaliyot shuni ko'rsatadiki, bu Apple mahsulotlari foydalanuvchilari uchun ajoyib brauzer. 

Ijobiy tomonlari:

• Xavfsizlik.
• Boshqa qurilmalar bilan sinxronizatsiya.
• Intuitiv boshqaruv.
• Ishning yuqori tezligi.

Salbiy tomonlar:

• Windows platformasida ushbu brauzer bilan ishlashda duch keladigan muammolar.

UC. Brauzerning bulutli xotirasi

Ushbu brauzer xitoylik ishlab chiquvchilarning cho'tkasiga tegishli. Foydalanuvchilar va ishlab chiquvchilarning ta'kidlashicha, brauzer yuqori tezlikda ishlaydi. Inkognito rejimi, shuningdek, kiruvchi tarkibni blokirovka qilish funktsiyasi mavjud. Zulmatda ishlashga odatlanganlar uchun tungi rejim ishlab chiqilgan. Ammo brauzerda mavjud bo'lgan eng muhim narsa uning bulutli xotirasi. U erda barcha muhim fayllarni ularning xavfsizligi va xavfsizligi haqida qayg'urmasdan saqlash mumkin. Yodda tutish kerak bo'lgan yagona narsa - bu brauzer smartfonlar uchun maxsus ishlab chiqilgan. Shunday qilib, kompyuter versiyasi biroz cho'loq. Ishlab chiquvchilar uni deyarli yangilamaydilar va uning ishlash darajasini nazorat qila olmaydilar.

Ijobiy tomonlari:

• Bulutli xotira mavjud.
• Kecha rejimi.
• Reklamalarni bloklash.

Salbiy tomonlar:

• Kompyuterda deyarli qo'llab-quvvatlanmaydi.

Tor. Ma'lumotlaringiz haqida qayg'uradigan brauzer

Juda tanish va qulay interfeys emas javdar ma'lum bir mamlakat hududida bloklangan. Hozirgi kunda ko'p odamlar VPN funksiyasidan Rossiyada bloklangan filmlar va teledasturlarni tomosha qilish uchun foydalanadilar. Bundan tashqari, brauzerda juda ko'p sonli foydali qo'shimchalar mavjud. Qo'shimcha foydalanuvchi uchun eng mashhur funktsiyalarni o'z ichiga olgan ekspres panelga ega.

Ijobiy tomonlari:

• Brauzerning yuqori ishlashi.
• Qurilmaning operativ xotirasi tanlangan emas.
• VPN mavjud.
• Reklamalarni bloklash.

Salbiy tomonlar:

• Funktsionallik boshqa brauzerlarga qaraganda "yomon".

Xulosa:

Mana, biz 2020 yil uchun eng mashhur brauzerlarni ko'rib chiqdik. Brauzerlarning yuqoridagi ijobiy va salbiy tomonlari sizga yordam berdi deb umid qilamiz. Va endi siz o'zingiz uchun eng mos brauzerni tanlashingiz mumkin, bu bilan ishlash qulay va oson bo'ladi. Siz bilan Jahongir Sobirov bo'ldi. Hammaga omad!!! 

Assolomu aleykum OMUC!!!

Kirish:

JQuery yordamida yangi elementlar yoki tarkib qo'shish oson.

Yangi HTML tarkibini qo'shish:

Biz yangi tarkibni qo'shishda ishlatiladigan to'rtta jQuery usulini ko'rib chiqamiz.

• append() - Tanlangan elementlarning oxiriga tarkibni qo'shadi
• prepend() - Tanlangan elementlarning boshiga tarkibni qo'shadi
• after() - tanlangan elementlardan keyin tarkibni qo'shadi
• before() - Tanlangan elementlardan oldin tarkibni qo'shadi

jQuery append() metodi

JQuery append() usuli tanlangan HTML elementlarining oxiriga tarkibni qo'shadi.

Misol

$("p").append("Biroz matn qo'shamiz.");

JQuery prepend() usuli

JQuery prepend() usuli tanlangan HTML elementlarining boshlanishiga tarkib qo'shadi.

Misol

$("p").prepend("Biroz matn qo'shamiz.");

Append() va prepend() bilan bir nechta yangi elementlarni qo'shishingiz mumkin. Yuqoridagi ikkala misolda ham biz tanlangan HTML elementlarining boshida yoki oxirida faqat bir nechta matn yoki HTML kiritdik. Biroq, append() va prepend() usullari ham cheksiz ko'p yangi elementlarni parametr sifatida qabul qilishi mumkin. Yangi elementlar matn yoki HTML (yuqoridagi misollarda bo'lgani kabi), jQuery yoki JavaScript kodi va DOM elementlari yordamida yaratilishi mumkin. Quyidagi misolda biz bir nechta yangi elementlarni yaratamiz. Elementlar matn yoki HTML, jQuery va JavaScript yoki DOM bilan yaratilgan. So'ngra yangi elementlarni append() usuli bilan matnga qo'shamiz (bu prepend() uchun ham ishlaydi):

Misol

function appendText() {
  var txt1 = "<p>Matn.</p>";                
  var txt2 = $("<p></p>").text("Matn. ");  
  var txt3 = document.createElement("p"); 
  txt3.innerHTML = "Matn. ";
  $("body").append(txt1, txt2, txt3); 
}

JQuery after() va before() metodlari:

JQuery after() usuli tanlangan HTML elementlaridan so'ng tarkibni qo'shadi. JQuery before() usuli tanlangan HTML elementlaridan oldin tarkibni qo'shadi.

Misol

$("img").after("Biroz matndan so'ng");

$("img").before("Biroz matndan oldin");

After() va before() bilan bir nechta yangi elementlarni qo'shish mumkin. Bundan tashqari, after() va before() usullari ham cheksiz ko'p yangi elementlarni parametr sifatida qabul qilishi mumkin. Yangi elementlar matn yoki HTML (yuqoridagi misolda bo'lgani kabi), jQuery yoki JavaScript kodi va DOM elementlari yordamida yaratilishi mumkin. Quyidagi misolda biz bir nechta yangi elementlarni yaratamiz. Elementlar matn yoki HTML, jQuery va JavaScript yoki DOM bilan yaratilgan. Keyin yangi elementlarni matnga after() usuli bilan kiritamiz (bu ((bundan oldin ham ishlagan bo'lishi mumkin)):

Misol

function afterText() {
  var txt1 = "<b>I </b>";                     
  var txt2 = $("<i></i>").text("love ");     
  var txt3 = document.createElement("b");    
  txt3.innerHTML = "jQuery!";
  $("img").after(txt1, txt2, txt3);          
}

Xulosa:

Bugun siz bilan jquery orqali qo'shish metodlarini o'rgandik. Umid qilamanki bu maqolamdan ham o'zingizga yangi bilim va tajriba oldingiz. Siz bilan Jahongir Sobirov bo'ldi. Hammaga omad!

Assolomu aleykum OMUC!!!

Kirish:

PHP 5 va undan keyingi versiyalari quyidagilar yordamida MySQL ma'lumotlar bazasi bilan ishlashi mumkin.

MySQLi kengaytmasi ("i" yaxshilangan degan ma'noni anglatadi). PDO (PHP ma'lumotlar obyektlari). PHP ning oldingi versiyalarida MySQL kengaytmasi ishlatilgan. Biroq, ushbu kengaytma 2012 yilda bekor qilingan. MySQLi yoki PDO dan foydalanishim kerakmi? Agar sizga qisqa javob kerak bo'lsa, bu "Sizga nima yoqsa" bo'ladi. Ham MySQLi, ham PDO o'zining afzalliklariga ega: PDO 12 xil ma'lumotlar bazasi tizimlarida ishlaydi, MySQLi esa faqat MySQL ma'lumotlar bazalari bilan ishlaydi. Shunday qilib, agar siz loyihangizni boshqa ma'lumotlar bazasidan foydalanishga o'tishingiz kerak bo'lsa, PDO bu jarayonni osonlashtiradi. Siz faqat ulanish satrini va bir nechta so'rovlarni o'zgartirishingiz kerak. MySQLi yordamida sizga to'liq kodni - so'rovlarni qayta yozishingiz kerak bo'ladi. Ikkalasi ham obyektga yo'naltirilgan, ammo MySQLi protsessual API-ni ham taklif qiladi. Ikkalasi ham tayyorlangan bayonotlarni qo'llab-quvvatlaydi. Tayyorlangan bayonotlar SQL in'ektsiyasidan himoya qiladi va veb-dastur xavfsizligi uchun juda muhimdir. Ikkala MySQLi va PDO sintaksisidagi MySQL namunalari.

• MySQLi (ob'ektga yo'naltirilgan)
• MySQLi (protsessual)
• PDO
• MySQLi-ni o'rnatish

Linux va Windows uchun: MySQLi kengaytmasi ko'p hollarda php5 mysql to'plami o'rnatilganda avtomatik ravishda o'rnatiladi. O'rnatish tafsilotlari uchun quyidagi manzilga o'ting: http://php.net/manual/en/mysqli.installation.php

PDO o'rnatilishi

O'rnatish tafsilotlari uchun quyidagi manzilga o'ting: //php.net/manual/en/mysqli.installation.php

MySQL-ga ulanishni oching

MySQL ma'lumotlar bazasidagi ma'lumotlarga kirishimizdan oldin, biz serverga ulanish imkoniyatiga ega bo'lishimiz kerak:

Misol (MySQLi ob'ektga yo'naltirilgan)

<?php
$servername = "localhost";
$username = "username";
$password = "password";

$conn = new mysqli($servername, $username, $password);

if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}
echo "Ulandi!!!";
?>

Yuqoridagi obyektga yo'naltirilgan misolga e'tibor bering:

$ connect_error PHP 5.2.9 va 5.3.0gacha buzilgan. 5.2.9 va 5.3.0 dan oldingi PHP versiyalari bilan mosligini ta'minlash kerak bo'lsa, uning o'rniga quyidagi koddan foydalaning:

<?php
$servername = "localhost";
$username = "username";
$password = "password";

$conn = mysqli_connect($servername, $username, $password);

if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
}
echo "Ulandi!!!";
?>

Misol (PDO)

<?php
$servername = "localhost";
$username = "username";
$password = "password";

try {
  $conn = new PDO("mysql:host=$servername;dbname=myDB", $username, $password);
  
  $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  echo "Connected successfully";
} catch(PDOException $e) {
  echo "Ulanishda xatolik: " . $e->getMessage();
}
?>

Izoh: Yuqoridagi PDO misolida biz ma'lumotlar bazasini (myDB) ham ko'rsatdik. PDO ulanish uchun haqiqiy ma'lumotlar bazasini talab qiladi. Agar ma'lumotlar bazasi ko'rsatilmagan bo'lsa, istisno qilinadi.

Maslahat: PDO-ning katta foydasi shundaki, uning ma'lumotlar bazasi so'rovlarida yuzaga kelishi mumkin bo'lgan muammolarni hal qilish uchun istisno sinfi mavjud. Agar try {} bloki ichida istisno bo'lsa, skript bajarilishini to'xtatadi va to'g'ridan-to'g'ri birinchi catch () {} blokiga oqib o'tadi.

Ulanishni yopish

Ssenariy tugagandan so'ng ulanish avtomatik ravishda yopiladi. Oldin ulanishni yopish uchun quyidagilarni ishlating. MySQLi ob'ektga yo'naltirilgan: $conn->close();

MySQLi protsessual: mysqli_close($conn);

PDO: $conn = null;

Xulosa:

Men bu maqolani Jahongir Murodboyev uchun tayyorladim. Umid qilamanki bu maqola do'stimiz xohlaganidaek bo'ldi!

Kirish:

Hech shubha yo'qki, JavaScript hozirda dunyoda dasturlashning birinchi raqamli tili, shuningdek, veb-ishlab chiqish qiroli hisoblanadi. Agar siz Internetda ko'rganingizdek tezda veb-saytlarni yaratadigan veb-ishlab chiquvchiga aylanishni istasangiz, u holda siz uchun JavaScript-ni va turli xil, ommabop JavaScript-ni ishlab chiqish tizimini yaxshi bilish juda muhimdir. Ushbu ramka odamlarning o'n yil oldin veb-dastur ishlab chiqish uslubini butunlay o'zgartirdi. Node.js-dan so'ng, faqat bitta dasturlash tili - JavaScript-ni ishlatib, old tomondan orqaga to'liq veb-dastur yaratish mumkin. Shuning uchun u barcha Full-stack veb-dasturchilarining sevimli dasturlash tiliga aylandi. JavaScript-ni o'z veb-sahifalarini yozish uchun HTML bilan birgalikda ishlatilishi mumkin bo'lgan va mijoz tomonidan kirish va animatsiyalarni tasdiqlash kabi dinamik funktsiyalarni taqdim etadigan mijozlar uchun skript tili sifatida sayohat boshladi. AJAX rasmga tushganda, veb-ishlab chiquvchiga veb-sahifaning bir qismini serverdan to'liq veb-sahifani yuklab olmasdan yangilashga imkon beradigan narsa o'zgarishni boshladi, bu GUI-ni tezroq va sezgirroq qildi. Keyin JavaScript-ni juda mashhur qilgan jQuery keladi. Bu JavaScript-da mijoz tomonidan deyarli raqobatsiz g'olib bo'ldi, ammo Python, PHP va Ruby kabi server tomonidagi tillar veb-ilovalarni ishlab chiqishda davom etishi kerak edi. Shuningdek, turli xil texnologiyalar bilan UI yaratish va boshqarish oson bo'lmagan. JSP, ASP .NET va boshqalar, ammo keyinchalik JavaScript-ni ishlatib server tomonidagi komponentni ishlab chiqishga imkon beradigan node.js keladi. Endi siz faqat JavaScript-ni ishlatib, to'liq ishlaydigan veb-dasturni ishlab chiqishingiz mumkin.

Web-ishlab chiquvchilar uchun eng yaxshi 10 JavaScript frameworklar.

Ushbu maqolada men veb-ishlab chiqishda foydalanishingiz mumkin bo'lgan eng foydali JavaScript ramkalari va kutubxonasi bilan o'rtoqlashmoqchiman. Veb-ishlab chiquvchi sifatida siz ular bilan tanishishingiz va keyingi loyihangizni qurish uchun qachon ularni jalb qilishingiz mumkinligini bilishingiz kerak. Ro'yxatda Angular, Ember.JS, Node.JS kabi ramkalar va jQuery va ReactJS kabi kutubxonalar mavjud.

1. Node.js

Node.js yoki Node JS - bu JavaScript yordamida server tomonidagi komponentni ishlab chiqishga imkon beruvchi yana bir kuchli JavaScript framework.

Node JS-ning eng katta afzalligi shundaki, endi siz faqatgina JavaScript-dan foydalanib, veb-dasturni oxirigacha ishlab chiqishingiz mumkin. Shuningdek, u bepul va turli xil platformalarda ishlaydi (Windows, Linux, Unix, Mac OS X va boshqalar) Node.js asenkron, hodisalarga asoslangan, blokirovka qilmaydigan I / U modelidan foydalanadi, bu uni engil va samarali qiladi. Node.js to'plami npm, shuningdek, dunyodagi ochiq manbali kutubxonalarning eng yirik ekotizimi hisoblanadi. Agar siz Node.js haqida ko'proq bilmoqchi bo'lsangiz, unda to'liq Node.js dasturchilar kursi (2-nashr) - boshlash uchun juda yaxshi kurs. Uni Udemy sotuvida atigi 9,99 dollarga olishingiz mumkin.

2. React JS

React - bu interfeyslarni yaratish va deklarativ ko'rinishni taklif qilish uchun Facebook-ning tarkibiy qismlariga asoslangan veb-ishlab chiqish doirasi, bu kodni oldindan taxmin qilish va disk raskadrovka qilishni osonlashtiradi.

Bu tekshirgichlar yoki modellarni qo'llab-quvvatlamaydi. React shuningdek Node yordamida serverda ishlashi va React Native yordamida mobil ilovalarni quvvatlantirishi mumkin. Muxtasar qilib aytganda, bu sizga kuchli, tezkor, foydalanuvchilarga qulay va reaktiv veb-ilovalarni yaratishga imkon beradi. Agar siz "React" ni o'rganishni xohlasangiz, unda React 16.6 - "To'liq qo'llanma" ni boshlash uchun yaxshi kurs. Ushbu onlayn kursni Udemy-da olishingiz mumkin.

3. Vue.js

Vue.js - bu React-ga o'xshash foydalanuvchi interfeyslarini yaratish uchun yana bir ochiq manbali progressiv JavaScript framework.

Vue.js-ning USP-si uning moslashuvchanligi, boshqa JavaScript-ni kutubxonalaridan foydalanadigan loyihalarga qo'shilishi Vue-da juda oson, chunki u asta-sekin qabul qilinishi uchun mo'ljallangan. Bundan tashqari, DOM-ga ma'lumotlarni taqdim etish uchun shablon sintaksisidan foydalangan holda deklarativ ko'rsatishni qo'llab-quvvatlaydi. Yangi boshlanuvchilar uchun steroidlar bo'yicha Nuxt.js - Vue.js - boshlash va qo'shimcha ma'lumot topish uchun yaxshi joy.

4. jQuery

jQuery, ehtimol zamonaviy JavaScript-ning eng mashhur kutubxonasi bo'lib, u zamonaviy rivojlanish uchun juda ko'p xususiyatlarni taqdim etadi.

Hodisalarni boshqarish, animatsiya va HTML hujjatini boshqarish, shuningdek DOM deb nomlanadigan jQuery API-dan foydalanishingiz mumkin. Bundan tashqari, jQuery Angular va React App qurilish vositalari bilan ham qo'llanilmoqda. Qisqasi, veb-ishlab chiqish uchun bilishi kerak bo'lgan JavaScript-ni kutubxonalaridan biri. Agar siz jQuery-ni noldan o'rganishga qaror qilsangiz yoki o'zingizning tushunchangizni yaxshilashni xohlasangiz, u holda jQuery-ning to'liq kursi: boshlang'ichdan to pog'onaga! boshlash uchun yaxshi joy.

5. Backbone.js

Backbone.js - bu RESTful JSON interfeysiga ega bo'lgan JavaScript kutubxonasi va Model, View va Presenter dizayn paradigmasiga asoslangan. Backbone.js og'ir veb-ilovalarning tuzilishini ta'minlaydi.

Shuningdek, u modellarni kalit-qiymat bilan bog'lash va maxsus voqealar, sanab o'tiladigan funktsiyalarning boy API-si bilan to'plamlar, deklarativ voqealar bilan ishlash ko'rinishlarini taqdim etadi va ularning barchasini RESTful JSON interfeysi orqali mavjud API-ga ulaydi. Agar UI harakati model atributini o'zgartirishga imkon bersa, bu hodisaning avtomatik o'zgarishiga olib keladi. Modellardagi o'zgarishlar UI-ga tarqaladi ularga o'zlarini qayta ishlashlariga yordam berishdir.Agar siz Backbone JS haqida ko'proq bilmoqchi bo'lsangiz, men Backbone Tutorial: Udemy-dagi Scratch kursidan Backbonejs-ni o'rganishni maslahat beraman.

6. Ember.js

Ember.js - bu Model va View naqshlariga asoslangan yana bir mashhur, ochiq manba kodli JavaScript veb-ramkasi.

Bu dasturchilarga keng tarqalgan iboralar va ilg'or tajribalarni ramkaning o'ziga kiritib, bitta sahifali kengaytiriladigan veb-ilovalarni yaratishga imkon beradi.

U kamroq kod yozishda yordam beradigan va ma'lumotlarning o'zgarishi bilan o'zlarini yangilash imkoniyatiga ega bo'lgan shablon kabi birlashtirilgan xususiyatlarga ega. Ember.js-ni NPM orqali o'rnatish mumkin.Agar siz ko'proq bilmoqchi bo'lsangiz, EmberJS: Complete Course yordamida veb-ilovalar yarating, yaxshi manbadir.

7. Meteor JS

Meteor yoki MeteorJS - bu zamonaviy veb-va mobil ilovalarni ishlab chiqish uchun to'liq to'plamli JavaScript platformasi.

Meteor Node.js va umumiy JavaScript hamjamiyatidan ulangan-mijoz reaktiv dasturlarini yaratish uchun asosiy texnologiyalar to'plamini, qurish vositasini va tavsiya etilgan paketlar to'plamini o'z ichiga oladi. Bu veb, mobil yoki ish stoliga nisbatan kamroq kodli dasturlarni tezkor ishlab chiqishda yordam beradi. Agar siz Meteor yordamida veb-dastur ishlab chiqmoqchi bo'lsangiz, Udemy-da 10 ta haqiqiy dunyo loyihalarini qurish orqali MeteorJS-ni o'rganing - bu boshlash uchun yaxshi kurs.

8. Angular

Ilgari Angular JS nomi bilan tanilgan burchakli - bu Google tomonidan ish stoli va mobil veb-ilovalar uchun ishlab chiqilgan yagona veb-ishlab chiqish doirasi.

Burchak, shablonlarni yaratish uchun ishlatiladigan HTML shablonga, dasturlar uchun ma'lumotlar xizmatini yig'ishda yordam beradigan qaramlik in'ektsiyasini taklif qilish orqali ilg'or veb-ilovalarni yaratishga qaratilgan. Burchakda to'rtta ma'lumotlar kutubxonasi va IDE-larda qo'llab-quvvatlashni o'z ichiga olgan kuchli ekotizim mavjud. Agar siz burchakli o'rganishni xohlasangiz, burchakli - To'liq qo'llanma boshlash uchun yaxshi joy.

9. Polymer JS

Polymer yana bir ochiq manbali JavaScript kutubxonasi bo'lib, sizga qayta ishlatilishi mumkin bo'lgan HTML elementlarini yaratishda yordam beradi, ular bajariladigan va xizmat ko'rsatadigan veb-ilovalarni yaratish uchun ishlatilishi mumkin.

Agar siz ikkalasi ham Google tomonidan ishlab chiqilgan bo'lsa, burchakli va polimerni taqqoslasangiz, burchakli veb-ilovalarni yaratish uchun to'liq asosdir, Polimer esa veb-komponentlarni yaratish uchun kutubxona. Agar siz Polymer JS ni o'rganishni istasangiz, unda Pluaralsight-da Polymer.js bilan ishlashni boshlash yaxshi kursdir.

10. Webix

Webix - bu platformalararo veb-ishlab chiqishga qaratilgan ko'p vidjetli JS UI interfeysi.

Uning murakkab vidjetlari (Kanban, File Manager, SpreadSheet, Scheduler va Pivot) har qanday echimga qo'shilishga tayyor. Webix burchakli, reaktiv, Vue.js va Meteor muhitida osongina ishlaydi. Bu bepul emas va tijorat maqsadlarida foydalanish uchun bir oz pul sarflanishi mumkin, ammo bepul ochiq manbali versiyasi mavjud. Kutubxonada batafsil hujjatlar, etarli o'quv materiallari va professional texnik yordam mavjud. 

Xulosa:

SIz qaysi  framework yoki kutubxonada shlyasiz? Bu haqida izohlarda kutub qolaman. Men JQuery'ni o'rganmoqdaman. Siz JAhongir Sobirov bo'ldi. Hammaga omad!

Assolomu aleykum OMUC!!!

Kirish:

BUgun siz bilan JavaScript'da kutubxona yatamiz. TO'g'ri bu kutubxona JQuery , NodeJS yoki ReactJS'day bo'lmaydi. Undan avval keling siz bilan kutubxona o'zi nima ekanligini bilib olamiz.

JavaScript kutubxona bu...

JavaScript kutubxonasi - bu oldindan yozilgan JavaScript-ni kutubxonasi, bu JavaScript-ga asoslangan dasturlarni, ayniqsa AJAX va boshqa veb-markazlashtirilgan texnologiyalar uchun osonroq ishlab chiqishga imkon beradi.

Endi asosiy ishga o'tamiz:

Javascriptda nima uchun o'z kutubxonangizni yaratishingizga oid ko'plab faktlar va muhim fikrlar mavjud:

• O'zini juda yaxshi his qilmoqda
• Kodingizni tartibga solishning yaxshi usuli
• Sizning kodingiz ko'proq saqlanib qoladi
• Istaganingiz bilan osongina baham ko'ring
• Har doim kerakli bo'lgan narsani bir marta yozing

Ammo har doim o'zingizning plaginingizni yozishdan oldin aniq tasavvurga ega bo'lishingiz kerak, nima uchun men ushbu plaginni yozmoqchiman, agar siz allaqachon erishmoqchi bo'lgan narsani amalga oshiradigan plagin bo'lsa, Google-da yaxshi qidirishingiz tavsiya etiladi, bu tezroq va oson bo'ladi birlashtirish uchun va siz qilmoqchi bo'lganingizdan ham yaxshiroq bo'lishi mumkin, esda tuting: biz g'ildirakni qayta yaratishni xohlamaymiz, bu juda samarasiz va agar biz ruxsat bersak, undan qochishimiz kerak. Ushbu maqolada men prototip yaratmasdan sof javascript bilan oddiy kutubxona yaratmoqchiman, buning o'rniga tabiiy moslamalardan foydalanamiz. Agar siz prototipdan foydalanish va qo'lda moslamalarni boshqarish o'rtasida qanday farq borligini bilmoqchi bo'lsangiz, ushbu kod shubhalaringizni bartaraf etishga yordam beradi.

1) asosiy tuzilmani yaratish:

Quyidagi kod myWindowGlobalLibraryName deb nomlangan kod bajarilgandan so'ng global o'zgaruvchini yaratadi.

(function(window){

 function myLibrary(){
   var _myLibraryObject = {};


   return _myLibraryObject;
 }

 if(typeof(window.myWindowGlobalLibraryName) === 'undefined'){
   window.myWindowGlobalLibraryName = myLibrary();
 }
})(window);


console.log(myWindowGlobalLibraryName);

Biz deyarli hamma narsani noma'lum funktsiyalarga o'ralganimiz sababli, agar kodimiz ishlamay qolsa, u barcha tashqi javascriptlarga zarar etkazmasligi kerak.

2) kutubxona uchun maxsus funksiyalar yaratish

Ushbu misolda biz myCustomLog deb nomlanadigan maxsus jurnal funktsiyasini yaratamiz.

(function(window){

 function myLibrary(){
   var _myLibraryObject = {};

   _myLibraryObject.myCustomLog = function(thingToLog){
       console.log("My-Custom-Log > Type of variable : " + typeof(thingToLog));
       console.log("My-Custom-Log > Is number : " + !isNaN(thingToLog));
       console.log("My-Custom-Log > Length : " + (thingToLog).length);

       return console.log(thingToLog);
   };

   return _myLibraryObject;
 }

 if(typeof(window.myWindowGlobalLibraryName) === 'undefined'){
   window.myWindowGlobalLibraryName = myLibrary();
 }
})(window); // We send the window variable withing our function

myWindowGlobalLibraryName.myCustomLog(["My library","Rules"]);

3) Agar kerak bo'lsa, kutubxonangizda ochiq bo'lgan xususiyatlarni yarating (doirada)

Sozlamalarni yoki foydalanuvchini qiziqtirmaydigan boshqa xususiyatlarni saqlash uchun (yoki shunchaki biz ularni hech kim ko'rmasligini xohlaymiz), biz o'z funktsiyamiz doirasida oddiy o'zgaruvchini e'lon qilishimiz mumkin va bu bizning paketimizdan tashqarida olinmaydi. .

(function(window){

 function myLibrary(){
   var _myLibraryObject = {};

   var settings = {
     volume:100,
     mute:false
   };
   

   _myLibraryObject.setVolume = function(volume){
        settings.volume = volume;
        return volume;
   };
   
   _myLibraryObject.setMute = function(muteStatus){
        if(typeof(muteStatus) === 'boolean'){
          settings.mute = muteStatus;
        }else{
          console.error("You need to disable or enable the sound !");
        }

        return settings.mute;
   };
   
   _myLibraryObject.haveSound = function(){
        return settings.mute;
   };

   return _myLibraryObject;
 }

 if(typeof(window.myWindowGlobalLibraryName) === 'undefined'){
   window.myWindowGlobalLibraryName = myLibrary();
 }
})(window);


console.log(myWindowGlobalLibraryName);

Xulosa:

Mana sizga tayyor kutubxona balki o'zingiz ham shunday kutubxona yaratmoqchidirsiz??? Siz bilan Jahongir Sobirov bo'ldi. Hammaga omad!