Salom do'stlar bugun biz siz bilan node.js haqida gaplashamiz va u haqida ma'lumotlarga ega bo'lamiz.

Node.js o'zi nima?

Node.js - bu Google Chrome-ning JavaScript Engine (V8 Engine) da o'rnatilgan server tomonidagi platforma. Node.js Rayan Dahl tomonidan 2009 yilda ishlab chiqilgan va uning so'nggi versiyasi v0.10.36. Rasmiy hujjatlar bilan ta'minlangan Node.js ta'rifi quyidagicha -

Node.js - bu tezkor va miqyosli tarmoq dasturlarini osongina yaratish uchun Chrome-ning JavaScript-da ishlash vaqtida yaratilgan platforma . Node.js hodisalarga asoslangan, blokirovka qilmaydigan I / U modelidan foydalanadi, bu uni yengil va samarali qiladi, tarqatilgan qurilmalarda ishlaydigan ma'lumotni talab qiladigan real vaqt dasturlari uchun juda yaxshi.

Node.js - server va tarmoq dasturlarini ishlab chiqish uchun ochiq manba, platformalararo ishlash vaqti muhiti. Node.js dasturlari JavaScript-da yozilgan va Node.js ish vaqti davomida OS X, Microsoft Windows va Linux-da ishlashi mumkin.

Node.js shuningdek, turli xil JavaScript-modullarning boy kutubxonasini taqdim etadi, bu esa Node.js-dan foydalangan holda veb-ilovalarni ishlab chiqishni ancha soddalashtiradi.

Node.js ning xususiyatlari

Quyida Node.js dasturiy ta'minot arxitektorlarini birinchi tanloviga aylantiradigan ba'zi muhim xususiyatlar keltirilgan.

Asynchronous va Event Driven - Node.js kutubxonasining barcha API-lari asenkron, ya'ni blokirovka qilinmaydi. Bu asosan Node.js-ga asoslangan server hech qachon API ma'lumotlarini qaytarishini kutmaydi. Server uni chaqirgandan so'ng keyingi API-ga o'tadi va voqealar to'g'risida xabar berish mexanizmi Node.js serverga avvalgi API buyrug'idan javob olishga yordam beradi.

Juda tez - Google Chrome-ning V8 JavaScript Engine-ga o'rnatilgani, Node.js kutubxonasi kodni bajarishda juda tez.

Yagona tishli, lekin yuqori miqyosli - Node.js voqealar aylanasi bilan bitta tishli modeldan foydalanadi. Voqealar mexanizmi serverga blokirovka qilmaydigan tarzda javob berishga yordam beradi va so'rovlarni boshqarish uchun cheklangan ish zarrachalarini yaratadigan an'anaviy serverlardan farqli o'laroq, serverni juda katta hajmga ega qiladi. Node.js bitta dasturli dasturni ishlatadi va xuddi shu dastur Apache HTTP Server kabi an'anaviy serverlarga qaraganda juda ko'p sonli so'rovlarga xizmat ko'rsatishi mumkin.

Buferlash yo'q - Node.js dasturlari hech qachon hech qanday ma'lumotni bufer qilmaydi. Ushbu dasturlar ma'lumotlarni qismlarga ajratib chiqaradi.

Litsenziya - Node.js MIT litsenziyasi asosida chiqariladi .

Node.js-dan kim foydalanadi?

Quyida github wiki-da Node.js. dan foydalanadigan loyihalar, dasturlar va kompaniyalarning to'liq ro'yxati keltirilgan. Ushbu ro'yxatga eBay, General Electric, GoDaddy, Microsoft, PayPal, Uber, Wikipins, Yahoo !, va Yammer kiradi.

Node.jsni ishlatadigan loyihalar, dasturlar va kompaniyalar juda ko'p.

Tushunchalar

 Node.js ning ba'zi muhim qismlari haqida batafsil muhokama qilamiz.

Node.js-ni qaerda ishlatish kerak?

Quyida Node.js mukammal texnologik sherik sifatida o'zini ko'rsatadigan joylar keltirilgan.

• Kiritish-chiqarish bilan bog'liq dasturlar
• Ma'lumotlarni uzatuvchi dasturlar
• Ma'lumotlarni intensiv real vaqtda qo'llash (DIRT)
• JSON API-ga asoslangan dasturlar
• Bitta sahifali dasturlar

Node.jsda oddiy ish.

Node.js-ni o'rnatganimizdan so'ng, birinchi veb-serverimizni yaratamiz. app.jsQuyidagi tarkibni o'z ichiga olgan nomli fayl yarating :

Endi veb-serveringizni ishlating node app.js. Tashrif http://localhost:3000buyurganingizda "Birinchi node.js dasturim" degan xabarni ko'rasiz.

Mana node.js haqidagi maqolam ham o'z nihoyasiga yetdi. Maqolam yoqgan bo'lsa layk bosing va fikrlaringizni izohlarda qoldiring.

Siz angular, react, vuelar haqida bilmoqchimisiz.

Unda batafsil

Angular.

Vue.

React.

Va yana boshqa qiziqarli manbalar https://community.uzbekcoders.uz/user/ulugbek_istamov11 da

E'tiboringiz uchun raxmat. Siz bilan Ulug'bek Istamov bo'ldi.

Salom do'stlar bugun siz bilan telegramdagi qiziqarli va foydali botlar haqida gaplashamiz.

Mundarija:

• Bot nima o'zi??
• Botlar nima qila oladi??
• Telegram katalogidan foydali botlarni qidirish.
• Foydali botlar ro'yxati.
• Xulosa.

Qani boshladik.

Bot nima o'zi??

Ko‘pchiligimiz uchun tanish manzara: ish boshdan oshib-toshib yotgan bir pallada dabdurustdan bironta ma’lumot kerak bo‘lib qoladi va uni qidirishga anchagina vaqt sarflaymiz.

Telegramdagi aqlli va foydali botlar ayni shu boshog‘riqqa qarshi ishlab chiqilgan. Botlarga kerakli buyruqni bersangiz bas, sizning o‘rningizga «nima, qayerda, qachon»ligini izlab topadi.

Masalan, sizga samolyotga arzon chiptalar kerak. Buning uchun, masalan, Telegramdagi maxsus @Aviasales TicketsBot yoki @MetaMetaBot botlaridan foydalanishingiz mumkin. Qachon sotuvga arzon chipta chiqsa — shu kabi botlar sizga xabarini beradi. Ham cho‘ntakka foyda, ham vaqt tejaladi, shunday emasmi?

Botlar nima qila oladi??

Yuqoridagi bitta misol, xolos. Aslida Telegram-botlarning imkoniyatlari cheksiz: masofadan ta’lim beradi, ko‘ngilochar mavzularni taklif etadi, ma’lumot topib beradi, kontent qidiradi va o‘zi yuklaydi, guruhli chatlar tashkil qiladi, ijtimoiy tarmoqlardagi guruhlarni boshqaradi va hokazo.

Telegram katalogidan foydali botlarni qidirish.

Agarda siz nafaqat kundalik hayotingizda, balki professional faoliyatingizda ham kerak bo‘luvchi robotlashgan ko‘makchilar, ya’ni botlarga ehtiyoj sezsangiz, ularni Telegramning tegishli katalogidan topishingiz mumkin:

• O‘yinlar
• Ijtimoiy tarmoqlar
• Musiqa
• Yangiliklar
• Chat-botlar
• Moliya va h.k.

Foydali botlar ro'yxati. 

O'yin. 

• Mashhur X O (крестики нолики) oʻyinini chatda doʻstlaringiz bilan yoki botning oʻzi bilan oʻynang. 👉 @krestikiBot.
• Inlayn rejimda ishlaydigan shashka botni faqat guruhlarda doʻstlar bilan oʻynashingiz mumkin. 👉 @GameCheckersBot
• Bir nechta qiziqarli oʻyinlarni oʻz ichiga jamlagan bot. Guruhda doʻstlaringiz bilan oʻynashingiz mumkin. 👉@inlinegamesbot

O'qish.

• Ingliz tilini oʻrganish uchun ajoyib trenajyor bot. Bunda siz ingliz tilini grammatika, leksika va testlar  bilan interaktiv tarzda oʻrganishingiz mumkin. Shuningdek, botdan ingliz tilidagi turli kitoblarni ham topishingiz mumkin. 👉 @Happy_EnglishBot
• Ingliz tilidagi soʻzlar va matnlarni grammatik xatolarini tekshirib beruvchi bot. 👉@fixmebot
• Ingliz tilini oʻrganish uchun universal bot. Andy ismli robot doʻstingiz bilan birga ingliz tilida yangi soʻzlar, grammatika va soʻzlashuvni oʻrganing. 👉@AndyRobot

Musiqa.

• Qoʻshiqlar matnini topib beruvchi bot. Istagan qoʻshigʻingiz nomini yoki  matnidan hohlagan soʻzni  yozsangiz kifoya.  👉@iLyricsBot
• mp3 fayllarni kesish va ularni ovozli xabarga aylantirish uchun moʻljallangan bot.👉@mp3toolsbot
• MDH davlatlaridagi musiqa izlab topish boʻyicha eng mashhur bot. Eng yangi oʻzbek, rus va xorij estradasi hit qoʻshiqlarini toping va miriqib tinglang.  👉@JRmusic_bot
• Rasm, video, musiqa va fayllaringizni saqlaydigan qulay bulutli bot. Ichki rejim orqali tezkor qidirish uchun teglarni ham  sozlash mumkin. 👉☁️ @NephoBot

Bu kabi botlar ko'p sizlar uchun keraklisini siz batafsil shu yerdan bilib olishingiz mumkin (link)

Maqola yoqgan bo'lsa layk bosing va fikrlaringizni izohlarda qoldiring.

Salom do'stlar bugun biz sayt uchun background effect qilamiz. 

Qani boshladik.

Biz bugun html, css va js orqali background effect yaratamiz. Maqolani so'ngida video qoldiraman bu orqali background effect qanday bo'lishini bilib olasiz.

Html qismini yozib olamiz.

<canvas id="c"></canvas>
<!--Canvasni ulab olamiz-->

Endi Css qismini yozib olamiz.

canvas {
  display: block;
  width: 100vw;
  height: 100vh;
}

Js qismini yozib olamiz.

var c = document.getElementById("c");
var ctx = c.getContext("2d");
var cH;
var cW;
var bgColor = "#FF6138";
var animations = [];
var circles = [];

var colorPicker = (function() {
 //ranglarni shu yerdan o'zgartirish mumkin
  var colors = ["lime", "red", "white", "blue"];
  var index = 0;
  function next() {
    index = index++ < colors.length-1 ? index : 0;
    return colors[index];
  }
  function current() {
    return colors[index]
  }
  return {
    next: next,
    current: current
  }
})();

function removeAnimation(animation) {
  var index = animations.indexOf(animation);
  if (index > -1) animations.splice(index, 1);
}

function calcPageFillRadius(x, y) {
  var l = Math.max(x - 0, cW - x);
  var h = Math.max(y - 0, cH - y);
  return Math.sqrt(Math.pow(l, 2) + Math.pow(h, 2));
}

function addClickListeners() {
  document.addEventListener("touchstart", handleEvent);
  document.addEventListener("mousedown", handleEvent);
};

function handleEvent(e) {
    if (e.touches) { 
      e.preventDefault();
      e = e.touches[0];
    }
    var currentColor = colorPicker.current();
    var nextColor = colorPicker.next();
    var targetR = calcPageFillRadius(e.pageX, e.pageY);
    var rippleSize = Math.min(200, (cW * .4));
    var minCoverDuration = 750;
    
    var pageFill = new Circle({
      x: e.pageX,
      y: e.pageY,
      r: 0,
      fill: nextColor
    });
    var fillAnimation = anime({
      targets: pageFill,
      r: targetR,
      duration:  Math.max(targetR / 2 , minCoverDuration ),
      easing: "easeOutQuart",
      complete: function(){
        bgColor = pageFill.fill;
        removeAnimation(fillAnimation);
      }
    });
    
    var ripple = new Circle({
      x: e.pageX,
      y: e.pageY,
      r: 0,
      fill: currentColor,
      stroke: {
        width: 3,
        color: currentColor
      },
      opacity: 1
    });
    var rippleAnimation = anime({
      targets: ripple,
      r: rippleSize,
      opacity: 0,
      easing: "easeOutExpo",
      duration: 900,
      complete: removeAnimation
    });
    
    var particles = [];
    for (var i=0; i<32; i++) {
      var particle = new Circle({
        x: e.pageX,
        y: e.pageY,
        fill: currentColor,
        r: anime.random(24, 48)
      })
      particles.push(particle);
    }
    var particlesAnimation = anime({
      targets: particles,
      x: function(particle){
        return particle.x + anime.random(rippleSize, -rippleSize);
      },
      y: function(particle){
        return particle.y + anime.random(rippleSize * 1.15, -rippleSize * 1.15);
      },
      r: 0,
      easing: "easeOutExpo",
      duration: anime.random(1000,1300),
      complete: removeAnimation
    });
    animations.push(fillAnimation, rippleAnimation, particlesAnimation);
}

function extend(a, b){
  for(var key in b) {
    if(b.hasOwnProperty(key)) {
      a[key] = b[key];
    }
  }
  return a;
}

var Circle = function(opts) {
  extend(this, opts);
}

Circle.prototype.draw = function() {
  ctx.globalAlpha = this.opacity || 1;
  ctx.beginPath();
  ctx.arc(this.x, this.y, this.r, 0, 2 * Math.PI, false);
  if (this.stroke) {
    ctx.strokeStyle = this.stroke.color;
    ctx.lineWidth = this.stroke.width;
    ctx.stroke();
  }
  if (this.fill) {
    ctx.fillStyle = this.fill;
    ctx.fill();
  }
  ctx.closePath();
  ctx.globalAlpha = 1;
}

var animate = anime({
  duration: Infinity,
  update: function() {
    ctx.fillStyle = bgColor;
    ctx.fillRect(0, 0, cW, cH);
    animations.forEach(function(anim) {
      anim.animatables.forEach(function(animatable) {
        animatable.target.draw();
      });
    });
  }
});

var resizeCanvas = function() {
  cW = window.innerWidth;
  cH = window.innerHeight;
  c.width = cW * devicePixelRatio;
  c.height = cH * devicePixelRatio;
  ctx.scale(devicePixelRatio, devicePixelRatio);
};

(function init() {
  resizeCanvas();
  if (window.CP) {
    window.CP.PenTimer.MAX_TIME_IN_LOOP_WO_EXIT = 6000; 
  }
  window.addEventListener("resize", resizeCanvas);
  addClickListeners();
  if (!!window.location.pathname.match(/fullcpgrid/)) {
    startFauxClicking();
  }
  handleInactiveUser();
})();

function handleInactiveUser() {
  var inactive = setTimeout(function(){
    fauxClick(cW/2, cH/2);
  }, 2000);
  
  function clearInactiveTimeout() {
    clearTimeout(inactive);
    document.removeEventListener("mousedown", clearInactiveTimeout);
    document.removeEventListener("touchstart", clearInactiveTimeout);
  }
  
  document.addEventListener("mousedown", clearInactiveTimeout);
  document.addEventListener("touchstart", clearInactiveTimeout);
}

function startFauxClicking() {
  setTimeout(function(){
    fauxClick(anime.random( cW * .2, cW * .8), anime.random(cH * .2, cH * .8));
    startFauxClicking();
  }, anime.random(200, 900));
}

function fauxClick(x, y) {
  var fauxClick = new Event("mousedown");
  fauxClick.pageX = x;
  fauxClick.pageY = y;
  document.dispatchEvent(fauxClick);
}

Maqolam yoqgan bo'lsa layk bosing va fikrlaringizni izohlarda qoldiring.

Shu kabi qiziqarli maqolalarni: mana shu orqali o'qiy olasiz.

Salom do'stlar bugun men R va CoffeeScript dasturlash tillari haqida ma'lumot beraman.

Qani boshladik.

R nima?

R - bu statistik hisoblash va grafikalar uchun til va muhit. Bu Bell Laboratories-da (ilgari AT&T, hozirda Lucent Technologies) Jon Chambers va uning hamkasblari tomonidan ishlab chiqilgan S tili va muhitiga o'xshash GNU loyihasidir . $ R $ $ S $ ni boshqa dastur sifatida ko'rib chiqilishi mumkin, ba'zi bir muhim farqlar mavjud, ammo $ S $ uchun yozilgan juda ko'p kod $ R $ ostida o'zgartirilmagan.

R har xil statistik (chiziqli va chiziqli bo'lmagan modellashtirish, klassik statistik testlar, vaqt qatorlarini tahlil qilish, tasniflash, klasterlash, ...) va grafik usullarni taqdim etadi va juda kengayadi. S tili ko'pincha statistik metodologiyada tadqiqotlar uchun tanlov vositasidir va R ushbu tadbirda ishtirok etish uchun ochiq manbali marshrutni taqdim etadi.

R-ning kuchli tomonlaridan biri bu matematik belgilar va kerak bo'lganda formulalarni o'z ichiga olgan yaxshi nashr etilgan sifatli syujetlarni yaratish qulayligi. Grafikdagi dizayn tanlovi uchun standartlarga katta e'tibor berildi, ammo foydalanuvchi to'liq boshqaruvni o'zida saqlab qoldi.

R shartlariga ostida Free Software sifatida foydalanish mumkin Free Software Foundation "s GNU General Public Licence litsenziyasi manba kodi shaklida. U turli xil UNIX platformalari va shunga o'xshash tizimlarni (shu jumladan FreeBSD va Linux), Windows va MacOS-ni tuzadi va ishlaydi.

R muhiti

R - ma'lumotlar bilan ishlash, hisoblash va grafik displey uchun dasturiy ta'minotning yaxlit to'plami. Bunga kiradi

• ma'lumotlar bilan samarali ishlash va saqlash vositasi,
• massivlarni, xususan matritsalarni hisoblash uchun operatorlar to'plami,
• ma'lumotlarni tahlil qilish uchun oraliq vositalarning katta, izchil, yaxlit to'plami,
• ma'lumotlarni tahlil qilish va ekranda yoki nusxada ko'rsatish uchun grafik vositalar va
• rivojlangan, sodda va samarali dasturlash tili, unda shartli shartlar, sikllar, foydalanuvchi tomonidan belgilangan rekursiv funktsiyalar va kirish va chiqish imkoniyatlari mavjud.

"Atrof-muhit" atamasi, boshqa ma'lumotlarni tahlil qilish dasturlarida tez-tez uchraydigan kabi, juda aniq va egiluvchan bo'lmagan vositalarning ko'payib borishi emas, balki uni to'liq rejalashtirilgan va izchil tizim sifatida tavsiflash uchun mo'ljallangan.

R, xuddi S kabi, haqiqiy kompyuter tili atrofida yaratilgan bo'lib, u foydalanuvchilarga yangi funksiyalarni aniqlash orqali qo'shimcha funktsiyalar qo'shish imkoniyatini beradi. Tizimning katta qismi S ning R shevasida yozilgan, bu foydalanuvchilarga qilingan algoritmik tanlovga rioya qilishni osonlashtiradi. Hisoblashda intensiv bo'lgan vazifalar uchun C, C ++ va Fortran kodlari bog'lanish va ularni ishga tushirish vaqtida chaqirish mumkin. Murakkab foydalanuvchilar R ob'ektlarini to'g'ridan-to'g'ri boshqarish uchun C kodini yozishlari mumkin.

Ko'pgina foydalanuvchilar Rni statistik tizim deb o'ylashadi. Biz buni statistik metodlar amalga oshiriladigan muhit deb o'ylashni afzal ko'ramiz. $ R $ paketlar orqali kengaytirilishi mumkin (osonlikcha) . R tarqatish bilan ta'minlangan sakkizga yaqin paket mavjud va boshqa ko'plab zamonaviy veb-saytlarni o'z ichiga olgan CRAN oilaviy Internet-saytlari orqali mavjud.

R o'zining LaTeX-ga o'xshash hujjatlar formatiga ega bo'lib, u bir qator formatlarda ham, nusxa ko'chirishda ham to'liq hujjatlarni etkazib berish uchun ishlatiladi.

R haqida 

• Batafsil

CoffeeScript haqida.

CoffeeScript - bu JavaScript-ga transkompilyatsiya qilinadigan yengil vaznli til. Bu JavaScript-ning qiziq qismlaridan qochib, tilning moslashuvchanligi va go'zalligini saqlab qolish uchun yaxshiroq sintaksisni ta'minlaydi.

NIMA UCHUN COFFEESCRIPT

ClojureScript-dan farqli o'laroq, CoffeeScript JavaScript-dan tubdan chiqib ketish emas. Agar siz allaqachon JavaScript-ni yaxshi ko'rsangiz va yoqsangiz, CoffeeScript-ni tezda olasiz. Asosiy semantikaga kelsak, CoffeeScript asosan JavaScript-dir. Sintaktik ravishda, ammo CoffeeScript boshqacha ko'rinishga ega. CoffeeScript - bu terisi yanada chiroyli JavaScript. Ammo dasturlash haqida gap ketganda, u materiyaga o'xshaydi. Albatta, siz "cho'chqaga lab bo'yog'i" deyishingiz mumkin va bularning hammasi, lekin biz ko'p vaqtimizni kodni noldan yozmasdan, o'qish va saqlashga sarflaymiz. Bu shuni anglatadiki, o'qish juda muhimdir. CoffeeScript JavaScript-ga muqobilroq o'qiladigan va shu bilan saqlab turiladigan alternativani taqdim etishga qaratilgan. CoffeeScript kompilyatori JavaScript Lint-dan o'tadigan o'qiladigan JavaScript-ni ishlab chiqaradi  .

COFFEESCRIPT TARIXI

CoffeeScript Jeremy Ashkenas tomonidan yaratilgan va birinchi bo'lib 2009 yil 25-dekabrda chiqarilgan. Asl kompilyator Ruby-da yozilgan. Tuzuvchi CoffeeScript-da qayta yozilgan va 2010 yil mart oyida chiqarilgan. CoffeeScript har bir sintaksis uchun Ruby, Python va, albatta, JavaScript-dan katta miqdorda qarz oladi. Agar siz JavaScript-ni yaxshi bilmasangiz, lekin Ruby, Python yoki Groovy kabi ob'ektga yo'naltirilgan skript tilidan foydalangan bo'lsangiz, siz ham CoffeeScript-ni tezda qabul qilasiz.

Mana qisqacha bo'lgan maqolam o'z nihoyasiga yetdi. Maqolam yoqgan bo'lsa layk bosing va fikrlaringizni izohda qoldiring.

#Savol

• Coffeescript haqida batafsil maqola yozilsinmi? Javobingizni izohlarda qoldiring.

Salom do'stlar bugun siz bilan reactjs haqida bilib olamiz.

Qani boshladik.

Reakt nima?

Kichik ta'rifda React - bu foydalanuvchi interfeyslarini yaratish uchun deklarativ, samarali va moslashuvchan JavaScript kutubxonasi. Uni Facebook va individual ishlab chiquvchilar va kompaniyalar jamoasi qo'llab-quvvatlaydi.

Hozirda bu poydevor va uni qo'llab-quvvatlovchi katta jamoatchilikka ega bo'lgan eng mashhur JavaScript-ni kutubxonalaridan biri.

Reakt bir sahifali dasturlarni yoki mobil ilovalarni ishlab chiqishda asos sifatida ishlatilishi mumkin. Complex React dasturlari odatda davlatni boshqarish, marshrutlash va API bilan ishlash uchun qo'shimcha kutubxonalardan foydalanishni talab qiladi.

ReactJS - bu faqat  MVC-  ning View  komponenti (Model -  View  - Controller) bilan shug'ullanadigan frontend kutubxonasi  .

Nima uchun ReactJs-dan foydalanish kerak?

Barchamiz bilamizki, burchakli, magistral, Ember va boshqa ko'plab Javascript ramkalari bizning dasturimiz ko'rinishini boshqarish uchun sanoat sohasida allaqachon mavjud edi, keyin nima uchun reaksiya qilish kerak?

Javob:

• Oddiy: ReactJS go'zalligi uning soddaligi. Bu aniq belgilangan hayot aylanishiga ega komponentlarga asoslangan til. React dasturida ishlab chiquvchilar HTML-ni JavaScript bilan aralashtirishga imkon beruvchi JSX-dan foydalanadilar. Bu shart emas va ishlab chiquvchi oddiy JavaScript-da yozishi mumkin, ammo JSX-dan foydalanish ancha oson.
• O'rganish oson: agar kimdir dasturlash bo'yicha oldindan ma'lumotga ega bo'lsa, u holda Reactni oson tushunishi mumkin, ammo burchak va Ember "domenga xos til" deb nomlanadi, bu ularni o'rganishni qiyinlashtiradi. React uchun sizga CSS va HTML bo'yicha oddiy bilimlar kerak.
• Mahalliy yondashuv: Reakt yordamida mobil ilovalar yaratish mumkin (React Native).
• Ma'lumotlarni bog'lash: React bir tomonlama ma'lumotlarni bog'lashni qo'llaydi va Flux deb nomlangan dastur arxitekturasi ma'lumotlar oqimini tarkibiy qismlarga bitta boshqaruv nuqtasi - dispetcher orqali boshqaradi. Katta ReactJS dasturlarining o'z-o'zidan tuzilgan tarkibiy qismlarini disk raskadrovka qilish osonroq.
• Ishlash: Reakt qaramlik uchun o'rnatilgan konteyner haqida hech qanday ma'lumot bermaydi. Siz bog'liqliklarni avtomatik ravishda kiritish uchun Babel, ReactJS-di orqali foydalanishingiz mumkin bo'lgan Browserify, Require JS, EcmaScript 6 modullaridan foydalanishingiz mumkin.
• Sinov qobiliyati : ReactJS dasturlarini sinab ko'rish juda oson. Reakt ko'rinishlar holatning funktsiyalari sifatida ko'rib chiqilishi mumkin, shuning uchun biz ReactJS ko'rinishiga o'tadigan holat bilan manipulyatsiya qilishimiz va chiqish va tetiklenen harakatlar, hodisalar, funktsiyalar va boshqalarni ko'rib chiqishimiz mumkin.

Reaksiyaga bo'lgan Component - asoslangan

Bu erda ReactJs haqida ta'kidlashni istagan asosiy nuqta - bu komponentlarga asoslangan til va bu erda hamma narsa komponent. Agar siz biron bir foydalanuvchi interfeysini yaratsangiz, u boshqalar uchun komponent sifatida ishlashi mumkin.

Masalan, bitta  <MyHeaderMenu>komponent yaratishi mumkin edi

• Logotip, sarlavha, pastki sarlavha, qidiruv satrida kirish, navbar menyusini namoyish etish
• Qidiruv satrida kiritilgan matnga tekshiruvlarni bajaring
• Foydalanuvchi kirish tugmachasini bosganda shaklni yuboradi

Faqat bitta kod satrini qo'shish orqali <MyHeaderMenu></MyHeaderMenu>:.

Burchak dunyosidan kelganlar uchun siz React Componentlarni Direktivalarga yaqin o'xshashlik deb hisoblashingiz mumkin

Biroq, React sizning qarashlaringiz uchun to'liq o'rnini bosa oladi, chunki siz tarkibiy qismlarni joylashtirishingiz mumkin. Katta dastur yaratish uchun siz kichik komponentlardan foydalanishingiz mumkin, bu komponentlar standart HTML komponentlari bo'lishi mumkin yoki siz o'zingizning komponentlaringizni yaratishingiz mumkin.

Komponentlardan foydalanishning eng katta afzalligi shundaki, istalgan komponentni istalgan vaqtda istalgan vaqtda boshqa dasturlarga ta'sir qilmasdan o'zgartirishingiz mumkin. Ushbu funktsiya ma'lumotlar tez-tez o'zgarib turadigan kattaroq va real vaqtda dasturlarda qo'llanilganda eng samarali hisoblanadi.

Biz biron bir ma'lumotni yangilaganimizda yoki o'zgartirganimizda, ReactJS holati aslida  o'zgargan o'ziga xos komponentni avtomatik ravishda yangilaydi  . Bu o'zgarishlarni aks ettirish uchun brauzerni butun dasturni qayta yuklash vazifasidan xalos qiladi.

ReactJs yordamida to'liq taqdim etilgan veb-sahifaning misoli bo'lishi mumkin

<HomePage>
     <Header tab-selected="home" />
     <Banner>Hello World</Banner>
     <p>Men bilan bog'laning</p>
     <ContactForm />
     <Footer />
</HomePage>

Shunday qilib, ushbu kichik misol yordamida siz sanoatdagi ReactJs hajmini tasavvur qilishingiz mumkin.

ReactJS shubhasizdir. Kerakli vaziyatlarda, bu siz uchun murakkab foydalanuvchi interfeyslarini yaratishni ancha osonlashtirishi mumkin, ammo bu har qanday vaziyat uchun to'g'ri vosita bo'lmaydi. Quyida biz React-ning asosiy kuchli va zaif tomonlarini to'pladik, shunda siz o'zingiz uchun to'g'ri tanlov ekanligini o'zingiz aniqlay olasiz.

ReactJS ning kuchli tomonlari

• Reakt foydalanuvchi interfeyslarini alohida komponentlarga ajratishga imkon beradi.
• React ma'lumotlarning bir yo'nalishli oqimi foydalanuvchi interfeysini yangilashni oldindan va ishonchli qiladi.
• Hayotiy tsikl davomida o'zgarib turadigan barcha ma'lumotlarni foydalanuvchi interfeyslarini yaratish uchun bitta davlat kodida saqlash orqali intuitiv va tushunarli bo'lishi mumkin.

Ushbu maqola sizga yoqdi degan umiddaman. 

Maqola yoqgan bo'lsa layk bosing va fikrlaringizni izohlarda qoldiring.

Salom do'stlar bugun biz vue.js haqida bilib olamiz.

Qani boshladik.

Front-End Dasturchilari sifatida biz odatda kodni yozish va tartibga solish usullarini yaxshilash uchun har bir loyihamiz uchun eng mos texnologiyani tanlashni xohlaymiz. Shuning uchun, ushbu maqolaning asosiy maqsadi - bu Vue.js-ning asosiy xususiyatlarini ko'rib chiqish, bu JavaScript-ning frameworklaridan biri bo'lib, uning tarkibiy qismlari va reaktiv xususiyatlaridan foydalanishda osonlikcha saqlanadigan bitta sahifali dasturlarni (SPA) tezda ishlab chiqishga imkon beradi. reaktiv interfeyslar va ma'lumotlarni bog'lash sifatida.

Vue.js nima?

Evan You tomonidan yaratilgan Vue.js - foydalanuvchi interfeyslari (interfeyslari) va bitta sahifali dasturlarni yaratish uchun ochiq manbali progressiv JavaScript ramkasi; u odatda Vue deb nomlanadi. Ushbu framework ishlab chiquvchilarga foydalanuvchi interfeyslarini (UI) bosqichma-bosqich yaratishga imkon beradigan "yuqori ajratish" dan foydalanadi.

Nima uchun Vue.js?

Frameworkdan foydalangan holda kutubxonani modullashtirish frontend rivojlanishida keng tarqalgan. React va Angular modulizatsiyaga ega. Ammo Vue.js-ni boshqa alternativalardan ajratib turadigan narsa - bu "yuqori ajratish", funktsional imkoniyatlarni kengaytirish qanchalik oson va modullar kiritilgandan so'ng barcha qismlarning ishlash darajasi. Masalan, biz kichik vizual komponentlarni tashkil qilishni va ko'rsatishni istasak, bizga Vue.js-ning "asosiy" kutubxonasi kerak; qo'shimcha kutubxonalarni kiritish kerak emas. Ilova o'sib borishi bilan bizda 'vue-router' kabi marshrutlarni boshqarish uchun kutubxonalar, 'vuex' kabi global holatni boshqarish uchun kutubxonalar yoki 'bootstrap-vue' kabi javob beradigan veb-ilovalarni yaratish uchun kutubxonalar mavjud. Bundan tashqari, agar bizning dasturimiz optimallashtirilishi kerak yoki yaxshi SEO kerak bo'lsa, biz "vue-server-rendering" kutubxonasini o'z ichiga olamiz. Quyidagi rasmda,

Vue.js komponentlari tizimi reaktiv, ya'ni Vue.js asenkron hodisalar orqali qanday aloqa qilishni biladi; masalan, bola komponenti ota-ona komponenti bilan voqealar orqali bog'lanishi mumkin. Vue.js-da boshqa kutubxonalar yoki manbalar bilan ishqalanish bo'lmaydi, boshqacha qilib aytganda, biz eng qulay bo'lgan vositadan foydalanishimiz mumkin. Masalan, biz faqat HTML va JavaScript-ni yozishimiz mumkin yoki agar xohlasak CSS, JSX yoki TypeScript-ni qo'shishimiz mumkin.

Vue.js-da JS tugunida yaratilgan maxsus buyruq satri (CLI) mavjud. Ushbu vosita bizga qozon plitasi (yoki asosiy shablon) yordamida loyihani boshlashga imkon beradi. Bundan tashqari, Vue.js ishlab chiquvchi guruhi bizning kengaytmamiz daraxtining qanday ko'rsatilishini, voqealar qanday boshlanishi va yozilishini, har bir komponentning ichki holati qanday saqlanishini va komponentning global holatini ko'rishimizga imkon beradigan Chrome kengaytmasini saqlaydi. o'zini tutmoqda.

Vue.js-dan kim foydalanmoqda?

700 dan ortiq kompaniyalar Vue.js.-dan foydalanmoqda. Ulardan ba'zilari: Xiaomi, Alibaba va Gitlab.

Vue.JS bilan rivojlanmoqda

Atrof muhitni sozlash

Vue.js-ni veb-loyihangizga qo'shishning turli xil usullari mavjud:

● Vue.js faylini yuklab olish va uni <script> yorlig'i bilan to'g'ridan-to'g'ri HTML-faylga qo'shish

● HTML-faylga <script> yorlig'ini qo'shish orqali CDN-dan foydalanish

● Node Package Manager (NPM) yordamida o'rnatish

● Loyihangizni sozlash uchun Vue-cli-dan foydalanish

Quyidagi misolda biz CDN-dan foydalanamiz, bu erda <div> yorlig'i shablon kodini, <script> yorlig'i skript kodini va <style> yorlig'i CSS kodini o'z ichiga oladi.

<html>
	<head>
    	<title>Oddiy vue.jsdagi misol</title>
        <script src="https://cdn.jsdelivr.net/npm/vue">; </script>
    </head>
    <body>
    	<div id="app">
        	<p> {{xabar}}  Hello World!</p>
        </div>
        <script>
        	var app = yangi Vue({
            	el: '#app',
                data: {
                	xabar: 'Hello'
                }
            });
        </script>
        <style>
        	p {
            	font-size: 2em;
                text-align: center;
              }
        </style>
    </body>
</html>

Iltimos, oldingi kod misolida " yangi Vue () " sintaksisida Vue misoli yaratilganligini unutmang . Ushbu misolda "el" deb nomlangan variant mavjud, u shablon kodi joylashgan <div> yorlig'iga ishora qiladi; shuning uchun dastur atributlarini o'z ichiga olgan "ma'lumotlar" <div> yorlig'i ichida ko'rsatilishi mumkin. Vue misoli qabul qiladigan boshqa variantlar quyidagilardir: "hisoblash", "tomosha qilish", "usullar" va umr davri ilgaklari, bu erda "hisoblash" opsiyasida "ma'lumotlar" ning qabul qiluvchilari yoki o'rnatuvchilari mavjud; "tomosha qilish" opsiyasida "ma'lumotlar" kuzatuvchilari mavjud; "usullar" opsiyasi Vue dasturining xatti-harakatlarini yoki funktsiyalarini o'z ichiga oladi; va "yaratilgan", "o'rnatilgan" yoki "yo'q qilingan" kabi hayot tsiklining ilgaklari

Agar biz keng ko'lamli dasturlar uchun tavsiya etilgan NPM yordamida Vue.js loyihasini yaratmoqchi bo'lsak, quyidagi buyruq yordamida eng so'nggi barqaror Vue.js-ni o'rnatishimiz mumkin:

> npm install vue

Keyin Vue.js loyihasini quyidagilar yordamida yaratishimiz mumkin.

> vue create my-first-vue-app

Deklarativ ko'rsatish

Vue.js-ning asosiy qismi oddiy shablon sintaksisidan foydalanib DOM-ga ma'lumotlarni deklarativ ravishda taqdim etishga imkon beradi:

<div id="app">
	 {{xabar}} 
</div>

<script type="text/javascript">
	var app = yangi Vue({
    	el:'#app',
        data: {
        	xabar: 'Hello World!'
        }
    })
</script>

E'tibor bering, Vue.js qo'shaloq jingalak qavslar tomonidan e'lon qilingan bayonotni baholaydi, shuning uchun Vue misolidagi "ma'lumotlar" ob'ekti mag'lubiyat shabloniga o'tkaziladi. Shuning uchun ma'lumotlar ob'ekti va DOM bir-biriga bog'langan va endi hamma narsa reaktivdir. Buni JavaScript konsolimizni ochish va app.message-ni boshqa qiymatga o'rnatish orqali tasdiqlashimiz mumkin.

Direktivalar

Direktivalar - bu DOMni boshqarishimizga imkon beradigan v- prefiksli (v-if, v-else, v-show, v-bind va v-model kabi) maxsus atributlar . Masalan:

<div id="app">
	<p v-if="shown">Siz Hello World yozuvini ko'rasiz.</p>
</div>

<script type="text/javascript">
	var app = yangi Vue ({
    	el: '#app',
        data: {
        	shown: true
        }
    });
</script>

Bu erda v-if shartli ko'rsatmasi, agar "ko'rsatilgan" ifodaning qiymati to'g'ri bo'lsa, <p> elementini olib tashlaydi yoki qo'shadi. Agar JavaScript konsolimizga app.shown = false-ni kiritsak, biz xabar yo'qolganini ko'rishimiz kerak. Shunday qilib, biz DOM tuzilishi uchun ma'lumotlarni bog'lashimiz mumkin.

Ba'zi ko'rsatmalar direktiv nomidan keyin ikki nuqta bilan belgilanadigan "argument" qabul qilishi mumkin. Masalan, v-bind direktivasi HTML atributini reaktiv ravishda yangilash uchun ishlatiladi. Quyida, "to'ldiruvchi" - bu "kutilgan qiymat" iborasi qiymatiga elementning "to'ldiruvchi" atributini bog'lash uchun v-bind direktivasini ko'rsatadigan argument.

Xulosa

Va shu bilan! Bir oz Vue.js API-dan foydalanib, biz Vue nusxasining "ma'lumotlar" ob'ekti o'zgarishi asosida ko'rinishni avtomatik ravishda yangilaydigan, Vue.js komponentlari va reaktiv xususiyatlaridan foydalanishda ko'rinishni sinxronlashtiradigan, bitta sahifali dasturni (SPA) yaratdik. direktivalar, deklarativ ko'rsatish, ma'lumotlarni bog'lash, reaktiv interfeyslar va hisoblash xususiyatlari kabi.

Maqolam yoqgan bo'lsa layk bosing va fikrlaringizni izohda qoldring.

Salom do'stlar bugun REACTJS VS ANGULARJS VS VUEJSlar o'rtasida battle qilamiz.

Qani boshladik.

Ilovani ishlab chiqishni istagan har qanday biznes uchun eng muhim savollar - "qaysi texnologiyani (mijoz tomonidan) tanlashi kerak?" Ilovalarni ishlab chiqish sohasida JavaScript-ni ramkalari uchun juda ko'p imkoniyatlar mavjud bo'lib, sizning ilovalarni ishlab chiquvchi guruhingiz o'z tanloviga ehtiyotkorlik bilan munosabatda bo'lishlari kerak.

Ushbu zamonaviy texnologiyalar dunyosida sizning ilova ishlab chiqaruvchi kompaniyangiz  yoki o'zingizning  ichki jamoangiz o'zingizning biznesingiz uchun kerakli ROI daromadini beradigan interaktiv veb-ilovani ishlab chiqish va joylashtirishning eng yaxshi usuliga muhtoj. Tadbirkor yoki biznes egasi bo'lib, qarorlarni yaxshiroq qabul qilish uchun texnologik qo'llanmani qulay saqlashingiz kerak. Xo'sh, men mijozlarimning oldingi texnologiya haqida bosh qotirganlarini va bu haqda ko'proq bilishni istaganlarini ko'rdim.

Ushbu maqolada ReactJS va AngularJS vs VueJS veb-ilovangiz uchun qaysi texnologiyani tanlash haqida aniq ma'lumot berilgan.

AngularJS nima?

AngularJS - bu Google tomonidan Model-View-Controller (MVC) arxitekturasiga ega bo'lgan, ishlab chiquvchilar uchun ishlab chiqish, texnik xizmat ko'rsatishni va sinovdan o'tkazishni osonlashtiradigan ochiq manba kodli oldingi veb-ilovalar doirasi. Bu juda faol va interaktiv veb-ilovalarni yaratish uchun juda yaxshi, ammo bitta sahifali dasturlar uchun eng ommabop  .

AngularJS quyidagilarga asoslangan veb-ilovalar uchun ishlatiladi.

• HTML
• CSS
• JavaScript

React JS nima?

Facebook tomonidan taqdim etilgan ReactJS - bu interaktiv, holati va qayta ishlatilishi mumkin bo'lgan foydalanuvchi interfeysini (UI) yaratish uchun ochiq manbali JavaScript kutubxonasi. Murakkab foydalanuvchi interfeysini yuqori ko'rsatkichlar bilan ko'rsatish yaxshi, shuningdek, barqaror ishlaydigan veb-ilovani taqdim etish uchun virtual hujjat ob'ekti modeli (DOM) ning asosiy asoslari bilan ishlaydi.

VueJS nima?

Vue.js - veb-foydalanuvchi interfeyslarini yaratish uchun progressiv JavaScript Framework. Vue asta-sekin qabul qilinishi uchun erdan boshlab ishlab chiqilgan. U foydalanuvchi interfeyslarini yaratish uchun turli xil ixtiyoriy vositalar bilan ta'minlangan. Vue zamonaviy asboblar  va  qo'llab-quvvatlovchi kutubxonalar bilan birgalikda ishlatilganda murakkab bitta sahifali dasturlarni qo'llab-quvvatlashning yuqori qobiliyatiga ega  .

Ommaboplik

Agar siz Google trendlarining analitik suratini ko'rsangiz, Angular 2016 yilgacha juda mashhur bo'lgan, ammo 2017 yildan boshlab React qidiruvlari o'sib bormoqda.

Stackoverflow shuningdek "AngularJS" va "ReactJS" va "VueJS" yorliqlarining mashhurligini ko'rsatadi va hozirda ReactJS mashhurligi ustunlik qilmoqda.

Har bir yangi yangilanish bilan ReactJS, AngularJS va VueJS yangi xususiyatlarga ega bo'lib, ular veb-ilovalarga ishonchlilik va barqarorlikni taqdim etadi.

AngularJS, ReactJS va VueJS o'rtasidagi farq

AngularJS ning afzalliklari:

• AngularJS-ga o'rnatilgan veb-dastur platformasidan qat'i nazar har qanday brauzer muhitida ishlaydi.
• Ma'lumotlarni ikki tomonlama yoki ikki tomonlama bog'lab turishi modeldagi ma'lumotlarning o'zgarishini darhol ko'rinishda aks ettirishni ta'minlaydi va ko'rinishdagi ma'lumotlar o'zgarganda model ham yangilanadi.

• Oldindan qurilgan materiallar dizayni tarkibiy qismlari mobil / veb-ilovangiz uchun yuqori darajada interaktiv va oson harakatlanadigan foydalanuvchi interfeysini yaratishda yordam beradi.
• Burchak Buyruq tuhfa Interface ilovalarni yaratish va shu safarbar uchun vaqt kamaytiradi uchinchi tomonning komponentlarini oson yangilanishini ta'minlaydi.

ReactJS ning afzalliklari:

• Virtual DOM, React dastur ishlab chiquvchilariga interfeysning boshqa qismlariga ta'sir qilmasdan, dasturdagi har qanday o'zgarishlarni osonlikcha taqdim etishda yordam beradi.
• js har qanday vaqtda har xil darajadagi kod komponentlarini qayta ishlatishga imkon beradi. Bu ilova ishlab chiqishni osonlashtiradi va vaqtni tejaydi.
• ReactJS Redux- dan foydalanadi, bu katta dasturlarda komponent holatlarini saqlash va boshqarishni soddalashtiradi.
• Ma'lumotlarni bir tomonlama bog'lash kodni barqaror qiladi va kelajakdagi rivojlanishni qo'llab-quvvatlaydi, chunki ma'lumotlar oqimi bitta yo'nalishga yo'naltirilgan.

VueJS-ning afzalliklari

• Vue.js-ning eng muhim afzalliklaridan biri uning kichik o'lchamidir. Uni yuklab olish va ishlatish uchun foydalanuvchi kamroq vaqt talab etadi.
• Bu veb-ishlab chiquvchilarni JavaScript-ga o'rnatilgan dasturlar bilan integratsiyalashuvini osonlashtiradi.
• Bu dasturchilarga ko'p vaqtni tejaydigan kichik va katta shablonlarni yaratishda yordam beradigan batafsil hujjatlar bilan birga keladi.
• Bu ishlab chiquvchilarga o'z shablonini HTML-faylga, JavaScript-faylga va sof JavaScript-faylga virtual tugunlar yordamida yozish imkoniyatini beradi.
• MVVM arxitekturasi HTML bloklari bilan ishlashni ancha osonlashtiradi.

Ilovangizni ishlab chiqish uchun AngularJS va ReactJS o'rtasida qanday tanlov qilish kerak?

1. Ishlash

Dastlabki dastur ishlashining eng muhim jihati bo'lgan HTML, ishlab chiquvchilardan katta e'tibor talab qiladi. Bilishingiz kerakki, ReactJS ham, AngularJS ham HTMLni yangilash uchun butunlay boshqacha yondashuvlarni qo'llaydilar, bu esa o'z navbatida ishlashga ta'sir qiladi.

Biroq, brauzerdagi DOMdagi to'g'ridan-to'g'ri o'zgarishlarni hisobga olgan holda, AngularJS tarkib vaqti-vaqti bilan yangilanadigan bitta sahifali dastur uchun (masalan, Upwork kabi) eng mos keladi. Boshqa tomondan, ReactJS har qanday hajmdagi dasturlar uchun tanlanishi mumkin, bu tarkibni muntazam yangilab turishi kerak (masalan, Instagram).

Vue.js ishlashi haqida gapirganda, uning asosiy kutubxonasi faqat ko'rish qatlamiga yo'naltirilgan bo'lib, uni boshqa kutubxonalar yoki mavjud bo'lgan ilovalar bilan olish oson. Vue.js shuningdek, yuqori ishlash va xotirani ajratishni ta'minlaydigan virtual DOM bilan ta'minlangan.

Biroq, ushbu uchta ramka boshqa JavaScript ramkalariga nisbatan tezroq.

1. Rivojlanish tezligi

ReactJS kutubxonasida ham, AngularJS tizimida ham modifikatsiya qilish oson bo'lsa-da, tezlik ishlab chiquvchilar uchun mavjud bo'lgan funktsiyalarga ega bo'lgan kutubxonalar soniga bog'liq. ReactJS arxitekturasini AngularJSga qaraganda kattalashtirish osonroq, lekin Angular-da veb-dasturni ishlab chiqish ReactJS ga qaraganda tezroq.

Foydalanuvchilarning o'zaro ta'siriga ega bo'lgan nisbatan murakkab interfeysni yaratish uchun barcha uchta ramkalar juda yaxshi tanlovdir. Agar siz o'zingizning ilovangizga bir zumda qo'sha oladigan biror narsani qidirsangiz, Vue bu juda yaxshi tanlovdir. Vue prototipdan mahsulotga o'tishni osonlashtiradi.

Xo'sh, bu sizning veb-ilovalarni ishlab chiqish guruhingiz kabi tashqi omillarga va dasturni ishlab chiqishda har qanday murakkablikni engish uchun ularning kuchiga bog'liq.

1. Ilova hajmi

AngularJS ramkasi to'liq ishlaydigan bitta sahifali dasturni ishlab chiqarish uchun minimal hayotiy mahsulotning barcha kerakli qismlarini o'z ichiga oladi. Agar siz o'zingizning ilovangiz hajmini tartibga solishni va uni kichik va ixcham saqlashni xohlasangiz, u holda burchakli JS eng yaxshi tanlovdir.

Boshqa tomondan, React JS siz kelajakda bir nechta operatsion tizimlarda kengaytirishni xohlagan dasturlar uchun ajoyib tanlovdir.

Vue.js asosiy kutubxonasi yo'naltirilgan va moslashuvchan bo'lishi uchun yaratilgan. Ekotizim Vue bilan qanday qilib katta SPA qurish haqida vositalar va kutubxonalar to'plami bilan ta'minlangan.

Vue.js har qanday o'lchamdagi ilovalar uchun juda yaxshi: bitta faylli komponentlar, yuqori modulli komponent interfeysi, Vue CLI3 bilan platforma imkoniyatlari va boshqalar. Shunday qilib, agar siz uni o'rtacha darajada murakkab bitta sahifa va navigatsiyani o'z ichiga olgan boshqa keng ko'lamli dasturlar uchun ishlatsangiz. bir nechta sahifalar orasida u yaxshi ishlaydi.

1. Qidiruv tizimni optimallashtirish

Ajablanarli veb-ilovani ishlab chiqish hammasi emas, uning ko'rinishini Internet orqali ham ko'rib chiqish kerak. ReactJS va AngularJS ikkalasi ham bitta sahifali dasturni SEO-ga moslashtirishga imkon beradi, ammo AngularJS uni SEO-ga moslashtirish uchun ko'proq harakatlarni talab qiladi.

Tadqiqot natijalariga ko'ra, JavaScript veb-saytlarining 56% yomon SEO faoliyati yoki JavaScript bilan ishlash tufayli Google reytingini yo'qotadi. Shunga o'xshash, ReactJs va AngularJs kabi, Vue.js ham kuchli SEO strategiyasini talab qiladi.

Ushbu JS ramkalarining ba'zi mashhur namunalari

Nihoyat, xulosa qilish mumkin

ReactJS sizga moslashuvchanlik va soddalikni taqdim etsa, AngularJS keng qamrovli asosdir. Ammo ishlab chiquvchilarga Angular ta'minlaydigan xususiyatlarning aksariyati kerak bo'lmaganda, bu juda ko'p yordam bermaydi. Reactjs-ni virtual DOM bilan amalga oshirish tufayli, u burchakka qaraganda yaxshiroq ishlashni kafolatlaydi.

Progressiv ramka sifatida Vue mavjud loyihaga birlashtirilishi mumkin. U korporativ darajadagi dasturlarning murakkab ehtiyojlariga javob berishga imkon beradigan juda ko'p vositalar va sheriklar kutubxonalari bilan ta'minlangan. Bundan tashqari, Vue CLI 3 va Vue UI bilan MVPlarni tezda etkazib berish juda yaxshi. Vue.js - bu kichik va o'rta dasturlar uchun iqtisodiy jihatdan samarali echim.

Biroq, AngularJS va ReactJSni farqlash shunchaki amaliy emas. Blogdan bo'lgani kabi, siz ham ReactJS va AngularJS-ni yuqori darajadagi samaradorlikka ega bo'lish uchun HTML, CSS va Java-dan yaxshi ta'sir qilishni talab qiladigan oldingi texnologiyalar ekanligini tushunishingiz mumkin.

Maqola yoqgan bo'lsa layk bosing va fikrlar, takliflar bo'lsa izohlarda qoldiring.

Salom do'stlar bugun sizlarga angular js haqida aytib o'taman.

Qani boshladik.

AngularJS nima?

AngularJS - bu dinamik veb-ilovalar uchun strukturaviy asos. Bu sizga shablon tili sifatida HTML-dan foydalanishga imkon beradi va dasturning tarkibiy qismlarini aniq va lo'nda ifodalash uchun HTML sintaksisini kengaytirishga imkon beradi. AngularJS ma'lumotlarini bog'lash va qaramlik in'ektsiyasi aks holda yozishingiz kerak bo'lgan kodning ko'p qismini yo'q qiladi. Va barchasi brauzer ichida sodir bo'ladi, bu uni har qanday server texnologiyasi bilan ideal sherikga aylantiradi.

AngularJS - bu HTML uchun, agar u ilovalar uchun yaratilgan bo'lsa edi. HTML statik hujjatlar uchun ajoyib deklarativ tildir. U dasturlarni yaratishda juda ko'p narsani o'z ichiga olmaydi va natijada veb-ilovalarni yaratish men brauzerni xohlagan narsamga aldash uchun nima qilishim kerak bo'lgan mashqmi?

Dinamik dasturlar va statik hujjatlar o'rtasidagi impedans nomuvofiqligi ko'pincha quyidagilar bilan hal qilinadi:

• kutubxona - veb-ilovalarni yozishda foydali bo'lgan funktsiyalar to'plami. Sizning kodingiz mas'uldir va kerakli payt kutubxonaga qo'ng'iroq qiladi. Masalan, jQuery.
• ramkalar - veb-ilovaning ma'lum bir bajarilishi, bu erda sizning kodingiz tafsilotlarni to'ldiradi. Ushbu ramka mas'uldir va sizning ilovangizga maxsus biror narsa kerak bo'lganda kodingizni chaqiradi. Masalan, durandal, emberva boshqalar

AngularJS yana bir yondashuvni qo'llaydi. Yangi HTML konstruktsiyalarini yaratish orqali hujjatga yo'naltirilgan HTML va dasturga kerak bo'lgan narsalar o'rtasidagi impedans nomuvofiqligini minimallashtirishga harakat qiladi. AngularJS brauzerga biz direktivalar deb atagan qurilish orqali yangi sintaksisni o'rgatadi . Bunga misollar:

• Ma'lumotlarni bog'lash, xuddi {{}}.
• DOM fragmentlarini takrorlash, ko'rsatish va yashirish uchun DOM boshqaruv tuzilmalari.
• Shakllarni va shaklni tasdiqlashni qo'llab-quvvatlash.
• DOM elementlariga yangi xatti-harakatlarni biriktirish, masalan DOM hodisalari bilan ishlash.
• HTML-ni qayta ishlatiladigan komponentlarga guruhlash.

Nima uchun AngularJS?

HTML statik hujjatlarni e'lon qilish uchun juda yaxshi, ammo biz veb-dasturlarda dinamik ko'rinishni e'lon qilish uchun foydalanishga harakat qilsak, u ishlamay qoladi. AngularJS ilovangiz uchun HTML so'z boyligini kengaytirishga imkon beradi. Natijada paydo bo'lgan muhit favqulodda ifodali, o'qilishi mumkin va tez rivojlanadi.

Shu bilan bir qatorda

Boshqa ramkalar HTMLning kamchiliklarini HTML, CSS va / yoki JavaScript-ni mavhumlashtirish yoki DOM bilan manipulyatsiya qilishning majburiy usulini taqdim etish orqali hal qiladi. Ularning ikkalasi ham HTML dinamik ko'rinishga mo'ljallangan bo'lmagan asosiy muammolarni hal qilmaydi.

Kengayish

AngularJS - bu sizning ilovangizni ishlab chiqishga mos keladigan ramka yaratish uchun vositalar to'plami. U to'liq kengaytiriladi va boshqa kutubxonalar bilan yaxshi ishlaydi. Har bir xususiyat sizning noyob rivojlanish jarayoningiz va xususiyatlaringizga mos ravishda o'zgartirilishi yoki o'zgartirilishi mumkin. Qanday qilib topish uchun o'qing.

Asoslari

<!doctype html>
  <html ng-app>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>;
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>

Ba'zi boshqaruvni qo'shing

Ma'lumotlarni bog'lash

Ma'lumotlarni bog'lash - bu model o'zgarganda ko'rinishni yangilashning avtomatik usuli, shuningdek ko'rinish o'zgarganda modelni yangilash. Bu dahshatli, chunki u DOM manipulyatsiyasini sizni xavotirga soladigan narsalar ro'yxatidan olib tashlaydi.

Nazoratchi

Nazoratchilar - bu DOM elementlari ortidagi xatti-harakatlar. AngularJS sizga odatdagi DOM-ni yangilash, qayta qo'ng'iroqlarni ro'yxatdan o'tkazish yoki modeldagi o'zgarishlarni kuzatmasdan, xatti-harakatlarni toza o'qiladigan shaklda ifodalashga imkon beradi.

Oddiy JavaScript

Boshqa ramkalardan farqli o'laroq, modelni aksessuarlar usulida o'rash uchun mulk turlaridan meros olishning hojati yo'q. AngularJS modellari oddiy JavaScript-ni ob'ektlaridir. Bu sizning kodingizni sinovdan o'tkazishni, texnik xizmat ko'rsatishni, qayta ishlatishni va qozon plitasidan ozod qilishni osonlashtiradi.

<!doctype html>
<html ng-app="todoApp">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>;
    <script src="todo.js"></script>
    <link rel="stylesheet" href="todo.css">
  </head>
  <body>
    <h2>Todo</h2>
    <div ng-controller="TodoListController as todoList">
      <span>{{todoList.remaining()}} of {{todoList.todos.length}} remaining</span>
      [ <a href="" ng-click="todoList.archive()">archive</a> ]
      <ul class="unstyled">
        <li ng-repeat="todo in todoList.todos">
          <label class="checkbox">
            <input type="checkbox" ng-model="todo.done">
            <span class="done-{{todo.done}}">{{todo.text}}</span>
          </label>
        </li>
      </ul>
      <form ng-submit="todoList.addTodo()">
        <input type="text" ng-model="todoList.todoText"  size="30"
               placeholder="add new todo here">
        <input class="btn-primary" type="submit" value="add">
      </form>
    </div>
  </body>
</html>

Bu html qismi. Endi css qismi.

.done-true {
  text-decoration: line-through;
  color: grey;
}

va js qismi.

angular.module('todoApp', [])
  .controller('TodoListController', function() {
    var todoList = this;
    todoList.todos = [
      {text:'learn AngularJS', done:true},
      {text:'build an AngularJS app', done:false}];
 
    todoList.addTodo = function() {
      todoList.todos.push({text:todoList.todoText, done:false});
      todoList.todoText = '';
    };
 
    todoList.remaining = function() {
      var count = 0;
      angular.forEach(todoList.todos, function(todo) {
        count += todo.done ? 0 : 1;
      });
      return count;
    };
 
    todoList.archive = function() {
      var oldTodos = todoList.todos;
      todoList.todos = [];
      angular.forEach(oldTodos, function(todo) {
        if (!todo.done) todoList.todos.push(todo);
      });
    };
  });

Sinov qobiliyati o'rnatilgan

In'ektsiya yo'li bilan

AngularJS-ga bog'liqlik in'ektsiyasi sizning arizangiz qanday ulanganligini deklarativ ravishda tavsiflash imkonini beradi. Bu shuni anglatadiki, sizning arizangizda hech qanday main() usul kerak emas , bu odatda boshqarib bo'lmaydigan tartibsizlikdir. Qarama-qarshi in'ektsiya AngularJS uchun ham muhimdir. Bu sizning ehtiyojlaringizga mos bo'lmagan har qanday komponentni osongina almashtirish mumkinligini anglatadi.

Sinov mumkin

AngularJS sinovdan o'tkazilishi mumkin bo'lgan tarzda ishlab chiqilgan. Bu xulq-atvorni ajratishni rag'batlantiradi, istehzo bilan oldindan tayyorlanadi va qaramlik in'ektsiyasidan to'liq foydalanadi. Bundan tashqari, u AngularJS ning ichki ishini anglash orqali sinovlarning yumshoqligini yo'q qiladigan uchidan uchigacha stsenariy yuguruvchisi bilan birga keladi.

Mana bu maqolam siz angular js haqida bilib oldingiz va misollar orqali ham aniqroq bilib oldingiz degan umiddaman.

Maqolam yoqgan bo'lsa layk bosing va fikrlaringizni izohda qoldiring.

Salom do'stlar. Bugun siz 6G mavjudmi, paydo bo'ldimi, qanday u kabi savollarga javob olasiz.

Qani boshladik.

Ko'pchiligimiz hali ham 5G deb nomlanuvchi yangi simsiz uyali telefon standarti atrofida boshimizni o'rashga urinmoqdamiz. Lekin bilasizmi nima? Endi 6G deb nomlangan narsa bor.

Ha, 5G tarmoqlari hali to'liq qurilmagan bo'lsa ham, simsiz aloqa kompaniyalari allaqachon kelajakka intilib, kelgusi uyali aloqa tarmog'i haqida o'ylashni boshladilar.

Texnik jihatdan 6G hali mavjud emas. Ammo nazariy jihatdan aytganda, bu juda ko'p narsalarga olib kelishi mumkin, hozirgi tarmoq va texnologiya tendentsiyalariga asoslanib, Internetning mutlaqo yangi turini yaratishga yordam beradi. Shunday qilib, keling, 6G dunyosiga chuqur sho'ng'ib, kelajakda nima bo'lishini tasavvur qilaylik.

6G nima?

6G simsiz texnologiyalarning oltinchi avlodi. Yangilangan infratuzilma va hozirgi vaqtda 5G tarmoqlarida o'rnatilayotgan rivojlangan quvvatga asoslanib, 4G va 5G-ni kuzatib boramiz. Yuqori chastotali radio diapazonlardan foydalangan holda, tarmoqlar avtomatlashtirilgan avtomashinalar singari zamonaviy mobil qurilmalar va tizimlarni qo'llab-quvvatlashga qodir bo'lgan tezlikni va past kechikishni ta'minlaydi.

Taxminan har o'n yilda yangi simsiz aloqa standartlari paydo bo'ladi va 20G atrofida 6G paydo bo'lishi kutilmoqda. Ammo toshga hech narsa o'rnatilmagan - hatto "6G" atamasi ham o'z foydasiga chiqishi va oxir-oqibat boshqa narsaga almashtirilishi mumkin.

Ba'zi ekspertlarning 6G haqida gapirishining sababi, umuman olganda, Internet texnologiyalari uchun katta o'zgarishlar yuz berganligi bilan bog'liq. Iste'molchilar Wi-Fi-ni kundalik hayotning deyarli barcha jabhalariga qo'shib, ko'proq qurilmalardan foydalanmoqdalar va Internet-ma'lumotlarini rekord tezlikda iste'mol qilmoqdalar. Simsiz aloqa kompaniyalari an'anaviy va keng polosali internet-provayderlar bilan raqobatlashishga shoshilishmoqda, bu esa o'sib borayotgan talabni mustahkam va moslashuvchan uyali aloqa tarmoqlari bilan qondirishga umid qilmoqda.

4G va 5G ga qarshi 6G

Bugungi kunda bizda mavjud bo'lgan uyali telefon Internet texnologiyasi asosan 2009 yil oxirida paydo bo'lgan simsiz aloqa standarti bo'lgan 4G ga asoslangan. 4G telefonlarimizdagi ma'lumotlarni uzatish tezligini tubdan oshirib, foydalanuvchilarga HD video oqim va video o'yinlarini o'ynash kabi onlayn faoliyatni amalga oshirishga imkon berdi.

Qizig'i shundaki, biz 5G-ga o'tayotgan bo'lsak ham, ko'plab uyali aloqa kompaniyalari haligacha xalqaro 4G mezonlarini bajarmagan. Bugungi kunda ko'plab tarmoqlar 4G LTE yoki uzoq muddatli evolyutsiya deb nomlanganini payqadingiz. Muddatli tovushlar yana bir shunga o'xshash Deluxe 4G kabi, lekin uning,-tezlashtirdi deyarli-4G-lekin-juda emas 3G versiyasi. O'rtacha 4G LTE tarmoqlaridagi mobil qurilmalar yuklab olish tezligi 33,88 Mbit / s ni tashkil qildi - bu 4G ga erishish rejalashtirilgan dastlabki taxminlardan ancha past.

Shunday bo'lsa-da, AT&T, T-Mobile va boshqa uyali aloqa operatorlari 2018 va 2019 yillarda 5G-ni ishga tushirishdi. Endi ular butun mamlakat bo'ylab 5G uyali aloqa tarmoqlarini yaratish bilan band. Ba'zi kompaniyalar 5G uy Internetining dastlabki takrorlanishlarini ham boshladilar.

Hozirgi 5G tezligi siz foydalanadigan 5G tarmog'ining turiga qarab 40 dan 1100 Mbit / s gacha. Texnologiyalarni millimetr to'lqinli spektr va nurlanish shakllari kabi ishlatib, mutaxassislar 5G nihoyat maksimal tezlikni 10000 Mbit / s gacha urishi mumkinligini taxmin qilishmoqda. 5G-ga uriladimi yoki yo'qmi, simsiz aloqa kompaniyalari endi bizning telefonlarimizga xizmat ko'rsatishdan uzoqlashmoqdalar va 5G-ni sanoat, biznes, sog'liqni saqlash va uzoqdan ishlashda boshqa dasturlar uchun ishlatishni rejalashtirmoqdalar.

Ehtimol, biz 10000 Mbit / s (10 Gbit / s) tezlikni qo'lga kiritgan vaqtga qadar simsiz aloqa kompaniyalari allaqachon 6G ni ishga tushirishi mumkin. Shunisi aniqki, 6G internet tezligidan ko'ra ko'proq narsa bo'ladi.

6G qanday ko'rinishga ega bo'ladi?

6G qanday bo'lishini aytish qiyin - axir u hali mavjud emas. Ammo ommaviy axborot vositalarida o'tkazilgan intervyularda va tadqiqot ishlarida simsiz aloqa kompaniyalari va akademiklar 6G-ni iste'molchilar, qurilmalar, transport vositalari va atrofdagi muhit o'rtasida bir zumda aloqa o'rnatishga imkon beradigan to'liq integratsiyalangan, Internetga asoslangan tizim deb ta'riflaydilar. 1,2

Hozirda bizda narsalar va narsalar aqlli Internet (IoT) smartfonlar va aqlli uy qurilmalari mavjud. Oxir-oqibat biz hamma narsani qamrab oluvchi Internetga etib borishimiz mumkin edi . Ammo bu 6G (yoki nima bo'lishidan qat'iy nazar) kabi kelajakdagi o'zgarishlarga va uning qanday ishlashiga bog'liq bo'ladi.

Bu erda mutaxassislar 6G haqida gaplashganda nima haqida gaplashayotganligi haqida ma'lumot:

1 Tbit / s tezlik

Sidney Universitetining simsiz texnologiyalar bo'yicha mutaxassisi, doktor Mahyar Shirvanimogaddam, Avstraliya Teleradiokompaniyasiga bergan intervyusida , 6G tarmoqlari bir kun Internet-qurilmada soniyasiga bir terabayt tezlikni oshirishga imkon berishi mumkinligini taxmin qildi.

Bu 1 Gbit / s dan ming baravar yuqori, bu bugungi kunda uydagi Internet tarmoqlarining ko'pchiligida mavjud. Bu 10 Gbit / s dan 100 baravar yuqori, gipotetik tezlik 5G. Ha, ha, bu juda jozibali narsa, va biz bu tezlikka erishishdan juda uzoqmiz.

Shirvanimogaddam, asosan, 6G ni juda yuqori tarmoqli kengligi va ishonchliligiga e'tibor berishini bashorat qilgan edi. 6G-da Internet bir zumda va doimiy ravishda mavjud bo'lib, ko'pchiligimiz uchun kundalik hayot gobelenlari to'qiladi.

Terahertz to'lqinlari

2019 yilda Federal Aloqa Komissiyasi (FCC) kompaniyalarga "terahertz to'lqinlari" yoki "submillimetr to'lqinlari" deb nomlanadigan tajribalarni boshlashga ruxsat berish orqali potentsial 6G kelajagi uchun eshiklarni ochdi . Bu 95GHz dan 3THz (terahertz) gacha bo'lgan spektrda tushadigan radiokanallar.

Terahertz to'lqinlari millimetr to'lqinlariga qaraganda yuqori chastotada keladi, bu bugungi kunda tarmoq tirbandligi va tarmoqli kengligi cheklovlari uchun muqaddas Grail echimi sifatida baholanmoqda. 5G-ning ilg'or versiyalari ultratovush tezlikda juda ko'p ma'lumotni minimal javob vaqti bilan etkazish uchun millimetrli to'lqin diapazonlariga bog'liq bo'lib, (nazariy jihatdan) avtomatlashtirilgan avtomashinalar va masofaviy operatsiyalar kabi narsalarni ishlab chiqish imkoniyatini yaratadi.

Shikoyat qilish kerakki, millimetr to'lqinlari faqat qisqa masofalarda ishlaydi, bu esa transmitter va foydalanuvchi o'rtasida "ko'rish chizig'ini" talab qiladi. Va teraxert to'lqinlari yanada zaif diapazonga ega. Agar ularni yangi tarmoq yondashuvlari bilan to'g'ri ishlatish mumkin bo'lsa, bu 6G simsiz tarmoq orqali murakkab, Jetsons -esk faoliyati bilan shug'ullanish uchun yanada ko'proq imkoniyatlarni ochishi mumkin .

Sun'iy aql va chekka hisoblash

Avtomatlashtirilgan avtomashinalar va dronlar, masofadan boshqariladigan fabrikalar va sun'iy intellekt (AI) ning boshqa ishlatilishi 5G rivojlanib borayotgan paytda juda ko'p muhokama qilinmoqda. 6G paydo bo'lishi buni yanada kuchaytiradi - ba'zi ekspertlarning fikriga ko'ra sun'iy aql, ularning hammasi muvofiqlashtirilgan va bir maromda ishlashi uchun talab qilinadi.

Germaniyaning Bremen shahridagi Jeykobs universitetining ikki tadqiqotchisi Razvan-Andrey Stoika va Juzeppe Abreuning ta'kidlashicha, 6G o'z-o'zini boshqaradigan avtomashinalar bir-biri bilan aloqa qilishda, piyodalar va transport vositalarida harakatlanishda va eng yaxshi marshrutlarni aniqlashda "hamkorlikdagi sun'iy intellekt" ga tayanishi mumkin . mana u yoqqa.

Bu "chekka hisoblash" deb nomlanuvchi rivojlanayotgan tendentsiyaning bir qismidir, bu tarmoq boshqaruvini markazlashgan bulutlardan uzoqroq joylashgan qurilmalarga yo'naltiradi, bu esa hamma narsani yumshoqroq qiladi va javob vaqtlarini kamaytiradi.

Boshqa 6G akoliti, Evropa Innovatsiya va Texnologiyalar Institutidagi Roberto Sarakko, sun'iy intellekt va chekka hisoblash kabi narsalar qurilmalarning o'zlarining tarmoq antennalariga aylanishiga yordam berishi mumkin - bu sizning Wi-Fi ulanishingizni doimiy ravishda o'zgaruvchan foydalanuvchilar va ularning qurilmalari baletida saqlashdir. .

Immersiv texnologiyalar

5G-da virtual haqiqat katta rol o'ynashi kutilmoqda. Ammo bu faqat boshlanish. 6G davridan bir necha yil o'tgach, ba'zi mutaxassislar uyali yuzalar, ulangan implantatlar va "simsiz miya-kompyuter interfeyslari" (!!!) kabi yanada chuqurroq texnologiyalar paydo bo'lishini tasavvur qilishadi.

Virjiniya Texnika fakulteti a'zosi va 6G-dagi 2019 yil iyul oyidagi oq muallifning muallifi Valid Saad, aqlli telefonlar oxir-oqibat "odamdan to'g'ridan-to'g'ri hissiy ma'lumot olishlari mumkin bo'lgan aqlli kiyinadigan narsalar, minigarnituralar va implantatlar foydasiga" bo'lishini taxmin qilmoqda. sezgi organlari. ”

Yaponiyaning NTT DoCoMo uyali aloqa kompaniyasi jismoniy hayot va kiber makonning to'liq birlashishini nazarda tutadi : "Odamlar uchun kiber kosmik inson tanasiga o'rnatiladigan kiyiladigan moslamalar va mikro qurilmalar orqali real vaqt rejimida odamlarning fikrlari va harakatlarini qo'llab-quvvatlashi mumkin bo'ladi".

Bizning qarorimiz: 6G Internet va hayotning o'zi uchun katta o'zgarishlarni anglatadi

Esingizda bo'lsin - 6G - bu juda ko'p g'oyalar. Hozircha tugab, o'zini o'zi boshqaradigan Tesla yoki Samsung miya skanerini olishning hojati yo'q.

Ammo butun dunyo bo'ylab kompaniyalar va hukumatlar tomonidan 6G tarmoqlari va texnologiyalariga katta qiziqish uyg'otmoqda, chunki bu Xitoyning ZTE texnologik markasi va China Unicom davlat telefon operatori o'rtasidagi yaqinda 6G sherikligi . Va bu ko'plab mutaxassislarning kelgusi yillarda Internet qanday rivojlanishi haqida bizning fikrlashishimiz, ishlashimiz va hayotimizga katta ta'sir ko'rsatadigan katta g'oyalariga ishora qilmoqda.

Boshqa manbalar:

5G: batafsil

4G: batafsil

Maqolam yoqgan bo'lsa layk bosing va fikrlaringizni izohda qoldiring. 

Salom do'stlar bugun men hackerlardan himoyalanish haqida aytib o'taman.

Qani boshladik.

Texnologiyalar dunyosi doimo rivojlanib boradi va bizning internet bilan bo'lgan munosabatlarimiz ham rivojlanib boradi. 1990-yillarda, sizning elektron pochtangiz tashvishga tushgandek tuyulgan yagona narsa. Siz bank ishini on-layn tarzda boshladingiz va endi sizning smartfoningiz ulangan, sizda Facebook bor ... va deyarli butun hayotingiz onlayn bundan tashqari siz doimo kuzatib borasiz. Sizning barcha brauzer tarixingiz Internet-provayderingiz tomonidan saqlanadi, Facebook va ehtimol boshqa reklama beruvchilar tomonidan kuzatiladi. Hatto sizning IOT qurilmalaringiz ham sizga xabar berishi mumkin . Shunday qilib, shaxsiy narsalarni saqlash juda katta talab - xakerlar aralashishdan oldin ham ...

Hackerlar uchun qanday ma'lumot mavjud?

Shaxsiy ma'lumotlaringizning qanchasi Internetda mavjudligini aniq bilmagan bo'lishingiz mumkin. Keling, ba'zi bir turdagi ma'lumotlarni ko'rib chiqamiz va nima uchun xakerlar qiziqishi mumkin.

1. PII - shaxsan aniqlanadigan ma'lumotlar. Bunga sizning ismingiz, manzilingiz, elektron pochta manzilingiz, SSN, soliq raqami, tug'ilgan kuningiz, tibbiy yozuvlaringiz, ma'lumotnomalaringiz, ish joyingiz kiradi. Ushbu turdagi ma'lumotlarda xaker sizning shaxsingizni o'g'irlash uchun ishlatishi mumkin bo'lgan juda ko'p ma'lumotlar mavjud. Unda siz Amazonda amalga oshirgan xaridlaringiz yoki onlayn-broker bilan qilingan investitsiyalaringiz tafsilotlari bo'lishi mumkin. Ushbu shaxsiy ma'lumotlar sizning boshqa onlayn hisob qaydnomalaringizni buzish uchun ishlatilishi mumkin.
2. Elektron pochta xabarlari, SMS va tezkor xabarlarning barchasi serverlarda saqlanadi. Sizning elektron pochtangizda dunyo ko'rishni istamaydigan ko'plab ma'lumotlar bo'lishi mumkin - maxfiy biznes hujjatlari, muhabbat xatlari, bank hisob raqamlaringiz tafsilotlari. Shuningdek, xakerlar sizning aloqalaringiz bilan qiziqishadi, chunki agar ular ularni ushlab tursalar, siz tanigan har kimga fishing elektron pochta xabarlarini yuborishlari mumkin.
3. Brauzer ma'lumotlariga cookie-fayllar, Internet-provayder jurnallari va ma'lumotlarni saqlashi mumkin bo'lgan brauzer plaginlari kiradi. Bu reklama beruvchilar uchun foydalidir va Big Data paydo bo'lishi bilan siz bilganingizdan ham foydali bo'lishi mumkin.
4. Haqiqiy vaqtda siz Internetdan Skype orqali qo'ng'iroq qilish yoki videokonferentsiyalar uchun foydalanishingiz mumkin. Hech kim tinglamayotganiga aminmisiz?

Ushbu tafsilotlarning ba'zilari saqlanganligini hatto sezmasligingiz ham mumkin. Yoki siz Facebook-ning do'stlaringizga yangi sotib olgan yoki tinglagan narsalaringizni aytib berishni xohlashi yoki LA Times gazetasining sizga ikki hafta oldin ko'rgan narsangiz uchun e'lonlarini ko'rsatishi sizni bezovta qilishi mumkin.

Hackerlar har doim o'zlarining texnikalarini rivojlantiradilar. Masalan, phishing o'n yildan beri standart usul bo'lib kelmoqda, bu siz yolg'on veb-saytga ulanishingizni so'raydigan yoki o'zingiz ishonadigan veb-saytga ulanishingizni yoki kompyuteringizga zararli dasturlarni o'rnatadigan havolalarni o'z ichiga oladi. Ammo hozirda ijtimoiy tarmoqlardagi soxta havolalar va buzilgan ijtimoiy tarmoqdagi akkauntlar sizning shaxsiy hayotingizga tajovuz qilish va ma'lumotlaringizni o'g'irlash uchun ham xizmat qilmoqda.

Umumiy Wi-Fi - bu sizga har qanday Starbucks-da ishlashga imkon beradigan ajoyib narsa, ammo bu juda katta xavfsizlik zaifligi. Himoyalanmagan qaynoq nuqtalar xakerlarga qurilmangizni buzish va ma'lumotlaringizni o'g'irlashning yana bir usulini beradi. Xakerlar sizning onlayn shaxsiy hayotingizga katta tahdid solishini hisobga olib, bu borada nima qilishingiz mumkin?

O'zingizni xakerlardan himoya qilish uchun VPN-dan foydalaning

Umumiy Wi-Fi-ga kirish uchun autentifikatsiya talab qilinmaydi. Bu siz uchun juda yaxshi, va xakerlar uchun juda yaxshi, chunki ular ham autentifikatsiyaga muhtoj emaslar. Ular ma'lumotlaringizni o'g'irlash uchun " O'rta-In-In-Mid" (MTM) hujumlaridan foydalanishlari mumkin, yoki ba'zi hollarda - ular sizning ma'lumotlaringizni so'rib olish uchun "honeypot" Wi-Fi ulanish nuqtasini o'rnatishi mumkin.

Agar sizga noutbuk uchun Wi-Fi kerak bo'lsa, uyali aloqa vositangizni Wi-Fi ulanish nuqtasi sifatida sozlash va noutbukning unga ishonchli ulanishiga imkon berish orqali mobil 4G ulanishini baham ko'rish yaxshiroqdir.

Yaxshisi, siz uchun Internetga shaxsiy kirish eshigini yaratadigan Virtual Private Network (VPN) dan foydalaning.

VPN qanday qilib buzishni oldini oladi?

IP-manzilingizni yashirish uchun Internet-trafigingizni yo'naltirgan holda, bu sizni kuzatib borishning iloji yo'q. Va Internet orqali yuboradigan ma'lumotlarni shifrlash orqali; bu sizning ma'lumotlaringizga to'sqinlik qilmoqchi bo'lganlarning hammasini o'qishni to'xtatadi. Bunga sizning Internet-provayderingiz kiradi. Shunday qilib, VPN - bu sizning shaxsiy hayotingizni himoya qilishning juda yaxshi usuli.

VPN internetdagi shaxsiy hayotingiz va xavfsizligingiz uchun yaxshi emas; uning yana bir ikkita afzalligi bor. Bu sizga Wi-Fi-provayder tomonidan bloklanishi mumkin bo'lgan veb-saytlarga kirishga imkon berishi mumkin - ba'zi joylarda Facebook va Twitter-ni o'z ichiga oladi. Va geolocation tomonidan bloklangan tarkibga kirishi mumkinligi sababli, agar siz chet elga sayohat qilsangiz va "begona" foydalanuvchilar uchun bloklanishi mumkin bo'lgan moliyaviy hisoblarga kirishni xohlasangiz foydali bo'lishi mumkin.

Siz bepul VPN-larni olishingiz mumkin, ammo ular qatorlar bilan birga kelishi mumkin. Agar chindan ham shaxsiy hayotingizni Internetda himoya qilmoqchi bo'lsangiz, premium VPN-dan foydalanishingiz kerak; to'lashga arziydi.

Shifrlash sizning shaxsiy hayotingizni qanday himoya qiladi

Shuningdek, Internetdagi shaxsiy hayotingizni himoya qilish uchun shifrlashdan foydalanish haqida o'ylashingiz mumkin. Darhaqiqat, siz buni allaqachon ma'lum darajada qilyapsiz, chunki ma'lumotlaringiz bilan ishlaydigan korxonalar ba'zida ularni shifrlashadi. Masalan, sizning bankingiz SSL va TLS sertifikatlari orqali o'z veb-saytida shifrlashdan foydalanishi mumkin .

Agar brauzeringiz manzil satrining boshida qulflangan qulfni ko'rsangiz, brauzeringiz va serveringiz o'rtasidagi aloqa shifrlangan. Agar siz anketani qulfsiz to'ldirsangiz, xaker zararli dasturni veb-sayt joylashtiradigan serverga qo'shishi mumkin, bu sizning aloqangizni tinglashi va ma'lumotlaringizni o'g'irlashi mumkin. Siz uni to'ldirib bo'lsangiz bilan SSL / TLS, hech kim bilan tinglashingiz mumkin.

Veb-sayt SSL / TSL dan foydalanadimi-yo'qligini aniqlashning yana bir usuli, agar URL http: // o'rniga https: // bilan boshlangan bo'lsa. HTTPS HTTPga qaraganda ancha xavfsizroq protokol hisoblanadi. Shuni unutmangki, shifrlash sizning aloqangizni himoya qiladi. Sizning ma'lumotlaringiz kompaniya serverida o'tirgandan so'ng, ular kompaniya tarmoqlariga har qanday hujumga qarshi himoyasiz bo'lishi mumkin.

Bundan tashqari, Skype-da telefon qo'ng'iroqlari 100% shifrlanganligini bilish kerak - agar ular 100% Skype-da amalga oshirilsa. Ammo oddiy telefon raqamiga Skype orqali qo'ng'iroq qilsangiz, PSTN (oddiy telefon tarmog'i) orqali bog'lanish shifrlanmagan. Bu birovni tinglashiga imkon berishi mumkin. Shuningdek , siz "maxfiy suhbatlar" yordamida Facebook-dagi xabarlaringiz uchun shifrlash imkoniyatidan foydalanishingiz mumkin , agar siz iPhone yoki Android smartfoningizda bo'lsangiz - lekin kompyuteringizda yoki noutbukda emas.

WhatsApp-ning ommalashib ketishining sabablaridan biri bu xabarlarni uchidan uchgacha shifrlashdir. Boshqa dasturlar shifrlashni taklif qiladi, lekin uni standart ravishda yoqmaydi. Uni yoqish uchun sozlamani qidirib toping - nega siz er yuzida istamaysiz?

Shuningdek, brauzer tarixini kuzatmaslik uchun Tor, anonim, shifrlangan brauzer tarmog'idan foydalanish sizni qiziqtirishi mumkin. Tergovchi jurnalistlar ko'pincha dushmanlik muhitida ishlaydigan nodavlat tashkilotlar singari Tordan foydalanadilar. Biroq, Tor to'liq xavfsiz emas; zararli dasturlarni etkazib berishi ma'lum bo'lgan va u hali ham "o'rtadagi odam" hujumlariga qarshi.

Shifrlash - bu sizning shaxsiy hayotingizni Internetda himoya qilishni xohlaganingizda ajoyib bonus. Ammo hukumatlar har doim ham rozi bo'lmaydilar. Ba'zilar texnologik provayderlarni xavfsizlik agentligiga ma'lumotlarga kirish uchun ruxsat beruvchi orqa eshikni qo'shishga majburlamoqdalar. Muammo, albatta, orqa eshikni ochiq qoldirishingiz bilanoq, xakerlar kirib olishga harakat qilishadi.

Shaxsiy hayotingizni himoya qilish uchun raqamli izingizni kamaytiring

Internetda shaxsiy hayotingizni qanday himoya qilish haqida o'ylayotganingizda, raqamli izingizni kamaytirishni xohlaysizmi, deb o'ylash kerak. Biz fotosuratlarni Internetda joylashtirishga odatlanib qolganmiz, do'stlarimizga tinglagan narsalarimizni yoki ijtimoiy tarmoqlarda qaerda bo'lganimizni aytib beramiz ... Biz har doim ham bu ma'lumotlar qaerda saqlanayotgani yoki undan nimalar uchun foydalanish mumkinligi haqida o'ylamaymiz. .

Bu siz bilan bo'lgan odamlar uchun teglar kabi ijtimoiy tarmoqlar va boshqa saytlarning ba'zi takliflariga qarshilik ko'rsatishni anglatishi mumkin. Bu sizning ba'zi ijtimoiy tarmoqlaringiz uchun joylashuvni aniqlash xizmatlarini o'chirib qo'yishni anglatishi mumkin. Internetdagi mavjudligingizni kesish shaxsiy hayotingizni himoya qilishda juda foydali bo'lishi mumkin. Shaxsiy ma'lumotlaringizning Internetda qancha qismini va kimga berilishini kamaytirishning quyidagi usullari haqida o'ylashingiz mumkin:

• Ijtimoiy tarmoqlaringizni shaxsiy ravishda saqlang va Facebook-dagi xabarlarni faqat Internetdagi har kimga kirishiga ruxsat berish o'rniga do'stlaringizga cheklang.
• Sizga , masalan, "har kimdan" "do'stlarning do'stlariga", kim do'stlik so'rovlarini yuborishi mumkinligini qat'iylashtiring .
• Ijtimoiy tarmoqlarda joylashuvni aniqlash, yuzni aniqlash, "qiziqish" tugmachalari va reklama beruvchilarni o'chirib qo'ying . Ba'zi ijtimoiy media platformalar, xohlaganingiz yoki xohlamaganingizdan qat'iy nazar, sizning joylashuvingizni Internetda joylashtiradi - bu sizning shaxsiy hayotingiz uchun juda yaxshi emas va o'g'rilarga "Men uyda emasman" degan reklama katta xavfsizlik xavfidir. Yoki siz faqat telefoningizda GPS-ni o'chirib, geografik belgilarni o'chirib qo'yishingiz mumkin.
• O'zingiz xohlamagan eski elektron pochta ro'yxatlaridan obunani bekor qiling. Bir martalik xaridlar, sug'urta narxlari bo'yicha so'rovlar va boshqalar uchun ikkilamchi elektron pochta manzilidan foydalanishni o'ylab ko'ring. Do'stlaringiz va oilangiz uchun shaxsiy elektron pochtangizni bepul saqlang.
• Shaxsiy odatlaringizni kuzatib boradigan Internet Things (IoT) qurilmalaridan ehtiyot bo'ling - ularni parol bilan himoya qiling, ularni alohida mehmonlar tarmog'ida ishga tushiring, shunda ular sizning Internet-qayd yozuvlaringizga kira olmaydilar, yoki eski qurilmalarni olib tashlaysiz tarmoqdan foydalanmang.
• Tahrirlashdan qo'rqmang . Agar siz haydovchilik sinovidan o'tganingizni ko'rsatmoqchi bo'lsangiz, masalan, test natijangizning rasmini joylashingiz mumkin, lekin fotosuratda sizning manzilingizni, telefon raqamingizni va boshqa aniqlovchi ma'lumotlarni yashirishga intilasiz.
• Siz uchun avtomatik ravishda nima qilinayotganini tekshiring. Ba'zilar, masalan, Google o'z taqvimida sayohat rejalarini avtomatik ravishda ro'yxatdan o'tkazishini xohlamaydilar.

Esingizda bo'lsa, ijtimoiy tarmoqlar reklama biznesi sifatida ish boshlamagan. Bu alohida foydalanuvchilar o'zlarining hayotlarini rohatlantiradigan deb hisoblaydigan xizmat sifatida boshlandi. Ushbu maslahatlarning barchasi og'ir ish kabi tuyulishi mumkin, ammo bu sizning shaxsiy hayotingizga to'sqinlik qilishdan ko'ra, ijtimoiy tarmoqlarni qiziqarli xizmat sifatida qaytarib olishning bir usuli.

Xakerlarga qarshi dastur yordamida shaxsiy hayotingizni himoya qilish

Endi sizning shaxsiy hayotingiz va xavfsizligingizni himoya qilish uchun sizga keng dasturiy ta'minot mavjud. Ulardan ba'zilari veb-saytlarning sizni kuzatishini oldini olishga qaratilgan, ba'zilari xakerlarni shaxsiy kompyuteringizga zararli dasturlarni o'rnatishni to'xtatishga qaratilgan; ba'zilari veb-brauzeringiz uchun kengaytma sifatida mavjud, ba'zilari esa alohida o'rnatishni talab qiladi. Ehtimol, uni xakerlarga qarshi dastur deb atash biroz uzoqqa cho'zilishi mumkin - bu qat'iyatli xakerni to'xtata olmaydi, ammo bunday dasturlardan foydalanish xakerning kompyuteringizga kirish yoki ma'lumotlaringizga kirishni juda qiyinlashtirishi mumkin.

Masalan, brauzer plaginlari veb-saytlarni sizni kuzatishni to'xtatish uchun ishlatilishi mumkin. Facebook sizni ochiq bo'lgan paytda kuzatib boradi, agar siz o'sha paytda saytda bo'lmagan bo'lsangiz ham, brauzer tarixini to'plab, maqsadli reklamalarni taqdim etishda foydalanishingiz mumkin. Bu, ehtimol, beg'ubor maqsaddir, lekin Facebook ma'lumotlarini yig'ish va almashish amaliyotlari ko'pincha tanqid ostiga olingan, shuning uchun o'zingizni himoya qilishni o'ylab ko'ring.

Yaxshi antivirus va zararli dasturlarga qarshi dasturlardan foydalaning. Agar keylogger troyan kompyuteringizga o'rnatishni uddalasa, xayr onlayn maxfiylik! Shaxsiy kompyuteringizni yoki telefoningizni vaqti-vaqti bilan tozalash ham yaxshi g'oya; hech qanday xaker dasturlari tinglamayotganligiga ishonch hosil qiling.

Shuningdek, siz yo'qolgan yoki o'g'irlangan bo'lsa, telefoningiz ma'lumotlarini o'chirib tashlaydigan dasturni yuklab olishni xohlashingiz mumkin. Agar Google qurilmalarini sinxronlashtirsangiz, istalgan qurilmadan ma'lumotlarni masofadan turib o'chirib tashlashingiz mumkin. Kontaktlaringiz ro'yxati yoki bank dasturlari xakerlar qo'liga o'tishiga yo'l qo'ymang - shunchaki telefonni arting.

Bu qat'iyan xakerlarga qarshi dastur emas, lekin yaxshi parol menejeri oltinga teng. Turli xil akkauntlar va tarmoqlar uchun kuchli parollar va turli xil parollardan foydalanish biz kirish xavfini minimallashtirishni istagan har bir kishi uchun asosiy ehtiyot chorasi sifatida tavsiya qilamiz, ammo agar sizda bir nechta hisob mavjud bo'lsa, buni qilish oson emas. Parol menejeridan foydalanish sizning hisob qaydnomalaringiz xavfsizligini ta'minlashga yordam beradi; faqat parol menejerini kuchli parol bilan ta'minlaganingizga ishonch hosil qiling.

Ushbu himoya vositalarini alohida o'rnatishingiz mumkin. Shu bilan bir qatorda, siz Kasperskiyning Total Security-dan foydalanishingiz mumkin, bu sizga barcha himoya vositalarini bitta to'plamga to'playdi.

Maxfiyligingizni qanday saqlash kerak

Internetdagi shaxsiy hayotingizni himoya qilish sizning qurilmalaringiz va tarmoqlaringiz xavfsizligini anglatadi. Biz buni amalga oshirishning ba'zi usullarini aytib o'tdik - masalan, yaxshi parol menejeridan foydalanish. Shunga qaramay, shaxsiy hayotingizni xakerlardan himoya qilishga yordam beradigan ba'zi qo'shimcha maslahatlar:\

• Hisoblaringizda ikkita faktorli autentifikatsiyani yoqing . Masalan, PayPal-dan foydalanganda har bir operatsiyani tasdiqlash uchun sizga SMS xabar keladi. Boshqa hisob qaydnomalarida barmoq izlari, naqshlar yoki hatto fizik fob yoki dongle kabi biometrik markerlardan foydalaniladi.
• Smartfoningizga norasmiy dasturlarni yuklab olmang - Apple App Store yoki Google Play-dan foydalaning.
• Smartfon ilovalariga qanday ruxsat berishingizga e'tibor bering . Agar matnni qayta ishlash bo'yicha dastur sizning kamera va mikrofoningizdan, joylashuvingiz haqidagi ma'lumot va ilova ichidagi xaridlaringizdan hamda Google hisobingizga kirishni xohlasa, savol bering va sababini tekshiring.
• Siz endi ishlatmaydigan yoki kerak bo'lmagan dasturiy ta'minot va ilovalarni o'chirib tashlang.
• Barcha qurilmalaringizda "administrator sifatida ishga tushirish" ni o'chirib qo'ying va telefoningizni root yoki jailbreak qilmang. Bu shuni anglatadiki, agar xaker dasturni boshqarish imkoniyatiga ega bo'lsa, ular telefonni boshqarish yoki sozlamalarni o'zgartira olmaydilar va ehtimol sizning telefoningizga yoki kompyuteringizga dastur o'rnatolmaydilar.
• Barcha dasturiy ta'minotingizni yangilab turing. Xakerlar eskirgan dasturiy ta'minot va operatsion tizimlarda muntazam ravishda yangi zaifliklarni topishadi.
• Avtomatik to'ldirish parametrini o'chirib qo'ying. Bu vaqtni tejaydigan xususiyat, ammo sizga qulay bo'lsa, xakerlar uchun ham qulaydir. Barcha avtomatik to'ldirish ma'lumotlari, masalan, brauzer profilingiz papkasida saqlanishi kerak. Bu sizning ismingizni, manzilingizni, telefon raqamingizni va sizning shaxsingizni o'g'irlash yoki sizning hisob qaydnomalaringizga kirish uchun kerak bo'lgan boshqa ma'lumotlarni qidirish uchun birinchi bo'lib xaker.
• Sizda VPN yoki shaxsiy ko'rish rejimidan foydalanish uchun juda nozik tranzaksiya mavjud bo'lganda .
• Telefonlar kichkina va ularni topish oson. Ular, shuningdek, o'g'rilarning sevimli nishonlari. Ekran qulfiga ega ekanligingizga ishonch hosil qiling va yuqorida aytib o'tilganidek, yo'qolgan taqdirda telefoningizni o'chiradigan dasturni o'rnating.
• Routeringizni xavfsiz yangi yo'riqnoma nomi va parol bilan sozlang . Agar siz parolni o'zgartirsangiz, WPA autentifikatsiyasidan foydalangan holda, kimdir sizning yo'riqnomaingizni buzishi ehtimolini kamaytiradi. Lekin nima uchun foydalanuvchi nomini o'zgartirish kerak? Oddiy - ko'pgina foydalanuvchi nomlari yo'riqnoma turini yoki u ishlayotgan tarmoqni ko'rsatadi. Uni boshqa narsaga o'zgartiring (lekin sizning ismingiz emas) va siz xakerlarni ham bu ma'lumotdan mahrum qilasiz.
• Tizimdan chiqishni unutmang! Hisob qaydnomasidan foydalanishni tugatgandan so'ng, undan chiqing. O'zingizning hisob qaydnomangizni orqa fonda qoldirganingizda, bu xavfsizlikning katta buzilishidir. Yaxshiyamki, endi aksariyat banklar ma'lum vaqtdan so'ng mijozlarni tizimdan chiqaradi. Ammo sizning shaxsiy hayotingizga katta tahdid ulardan kelib chiqmaydi - bu ijtimoiy tarmoqlardan.

Ushbu maslahatlar xakerlar tarmoqlar, ilovalar va qurilmalarga kirish uchun foydalanishni yoqtiradigan barcha kichik eshiklarni blokirovka qilishga yordam berishi kerak. Siz qilgan boshqa harakatlar bilan bir qatorda - raqamli izingizni kamaytirish, VPN va shifrlashdan foydalanish - ular shaxsiy hayotingizni o'zingiz xohlagan tarzda saqlashga yordam berishi kerak: xususiy.

Va nihoyat, agar Internetdagi shaxsiy hayotingizni himoya qilish haqida qayg'uradigan bo'lsangiz, kiberxavfsizlik to'g'risida doimo xabardor bo'lishingizga ishonch hosil qiling. Har doim yangi tahdidlar paydo bo'ladi va bunga javoban ushbu tahdidlarga qarshi kurashning yangi usullari paydo bo'ladi.

Maqolam ham o'z nihoyasiga yetdi. Bu kichkina maqola orqali siz hackerlardan himoyalanishni o'rgandingiz degan umiddaman. Maqolam yoqgan bo'lsa layk bosing va fikringizni izohlarda qoldiring.