Программчлалын хэлүүд ( 474 )

Мэдээлэл зүй, программчлалын чиглэлээр сурдаг, интернет сайт хийж сурахыг хүсэж байгаа бол та манай сайтын энэ хэсгээс өөртөө хэрэгтэй мэдээллийг олно гэдэгт итгэж байна. Программчлалын нэг хэлийг сайн судлан ойлгосон байхад бусдыг нь ойлгон сурахад их дөхөмтэй байдаг. Яг л гадаад хэл шиг. Нэг гадаад хэлийг сурсан хүн бусдыг нь сурахад хүндрэл багатай байдгийн адил. Өнөөдөр интернет хэрэглээ асар хурдтай хөгжихийн хирээр энэ чиглэлийн программ зохиогчдын эрэлт өссөөр байна. Иймээс эрэлт өндөртэй мэрэгжлийг сонгон суралцаж эзэмшихийн тулд та өөрийгөө нилээд дайчлан ажиллах шаардлагатай. Зөвхөн багшийн заасан хичээлүүдийг үзээд сайн мэрэгжилтэн болно гэхэд их эргэлзээтэй. Багш зөвхөн онолын талын үндсэн мэдлэгийг өгөх учраас суралцагч өөрөө их хичээн төрөл бүрийн материалуудыг судлах зайлшгүй хэрэгтэй. Сайтын энэ хэсгийн материалууд танд дадлага олон сайн мэрэгжилтэн болоход туслах зорилготой юм.

Танд амжилт хүсье

JSX

Нээгдсэн тоо: 380 Төлбөртэй

Энэ хичээлээс эхлэн react ашигладаг jsx бичлэгийн дүрмийн талаар дэлгэрүүлэн авч үзнэ. Өмнөх хичээлүүдэд хуудасны хэвийн тэмдэглэгээний jsx бичлэгийн дүрмийн үндсэн ойлголтуудыг үзсэн. Энэ удаад jsx гэж юу болох, хэрхэн ажилладагийг react програм үүсгэх хичээлд үүсгэсэн төслийн кодоор авч үзье. Бидний үүсгэсэн төслийн оролтын index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

файлд ReactDOM обьектын render аргад App нэрээр импортлон авсан App компонентийг эхний параметрээр дамжуулж байгаа.

import_contactsДэлгэрэнгүй
Абстракт класс, модул

Нээгдсэн тоо: 254 Төлбөртэй

Обьект хандалгат програмчлалын технологид нэг ба түүнээс дээш абстракт аргуудыг агуулсан классийг абстракт класс гэж нэрлэдэг. Абстракт арга гэдэг нь абстракт класст тодорхойлогдсон боловч удамшиж буй классууд заавал хэрэгжүүлэлтийг тодорхойлох ёстой тусгай декораттороор тэмдэглэсэн аргууд юм. Python абстракт классуудийг дэмжих дотоод механизмгүй бөгөөд энэ зорилгод abc (Abstract Base Class) тусгай модулийг ашигладаг. Абстракт классийн жишээг харцгаая.

import_contactsДэлгэрэнгүй
Төслийн бүтэц

Нээгдсэн тоо: 391 Нийтийн

react програм үүсгэх хичээлд create-react-app хэрэгслээр үүсгэсэн шинэ төслийг бүтэцтэй танилцая. Хичээлийн кодийн засварт би VSCode -ийг ашиглах бөгөөд D дискний projects хавтас дахь react хавтаст үүсгэсэн react-less хавтасыг код засварлагч дээр нээе.

Төслийн хавтас доторх үндсэн файлуудаас package.json бол маш чухал файл.

import_contactsДэлгэрэнгүй
react програм үүсгэх

Нээгдсэн тоо: 513 Бүртгүүлэх

Өмнөх Компонент гэж юу болох хичээлд бид react дээр програмийн кодийг бичихдээ react -ийг index.html файлд оруулан ирэн шууд ашигласан. Програмийн кодийг нэг файлд бүгдийг бичих, кодийг шалгах ажиллагаа, jsx -ийн компиляцийг хийхдээ babel санг нэмэлтээр оруулан ирэх зэрэг нь тийм сайн практик биш тул програм үүсгэх ажиллагааг автоматжуулсан хэрэгслийг react -ийг бүтээгчид боловсруулсан. Дурын хайлтын /жишээ нь google/ системээр create react app мөрийг хайлгавал хэрэгслийг эхний мөрүүдэд олон ирнэ.

import_contactsДэлгэрэнгүй
Миксин

Нээгдсэн тоо: 274 Төлбөртэй

Хичээлээр олон удамшилтын онцгой төрөл болох миксиний талаар авч үзнэ. Миксинд дүрмийн ямар нэгэн өөр бичилт байхгүй ч утгын талаасаа онцгой учиртай. Хамгийн гол онцлог нь миксинийг тодорхой классуудын шатлалын суурь класс байдлаар зохиодоггүйд оршино. Өөрөөр хэлбэл тэдгээрийг дурын класстай хольж болдог. Үүнийг машин классийн жишээгээр авч үзье.

import_contactsДэлгэрэнгүй
Компонент гэж юу болох

Нээгдсэн тоо: 676 Төлбөртэй

React компонентод тулгуурладаг сан тул компонент гэж юу болохыг ойлгоцгооё. Үүний тулд машиний мэдээллийг үзүүлэх

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Lesson 01_02</title>
  <style>
    .car {
      display: inline-block;
      border: 2px solid #ccc;
      box-shadow: 2px 2px 1px #eee;
      padding: 10px;
      margin-right: 10px;
    }
  </style>
</head>

<body>
  <div class="car">
    <h3>Toyata Camry</h3>
    <p>Year: <strong>2019</strong></p>
  </div>
</body>
</html>

код бүхий html файлыг үүсгээд хөтөч дээр нээвэл

гэж харагдана.

import_contactsДэлгэрэнгүй
React хэрхэн ажилладаг

Нээгдсэн тоо: 314 Бүртгүүлэх

Сангийн албан ёсны сайтын нүүр хуудас дахь Get Started товчоор шилжилт хийвэл React -ийн материалууд /Docs/ хэсэгт шилжинэ.

Getting Started хэсэгт React -ийг ажиллуулах аргуудын мэдээлэл бий. Жишээ нь CodePen, CodeSandbox гэх мэт онлайн сервисүүд дээр турших, веб сайтад санг нэмэх, React app үүсгэх гэх мэтээр.

import_contactsДэлгэрэнгүй
Олон удамшил

Нээгдсэн тоо: 341 Төлбөртэй

Python -нд класс нэгээс олон суурь буюу эцэг классаас удамших боломжтой. Энэхүү боломж давуу болон сул талуудтай. Үнэн хэрэгтээ обьект хандалгат програмчлалыг дэмждэг олон хэлүүд олон удамшилтыг дэмждэггүй. Олон удамшилт классын боловсруулалт болон тэдгээрийн хоорондын харилцааг уян хатан болгодог ч сөрөг талууд бий. Олон удамшилтын давуу талаас гарч болох сөрөг үр дагаваруудыг илүү ойлгох нь чухал. Практик суралцах хамгийн сайн арга тул асуудлыг жишээнүүд дээр харцгаая.

import_contactsДэлгэрэнгүй
React -ийн тухай

Нээгдсэн тоо: 551 Нийтийн

React бол динамик ажиллагаатай, нарийн төвөгтэй веб програмийг боловсруулах сайн технологи бөгөөд хичээлээр React -ийг яагаад судлах хэрэгтэй, технологийн үндсэн зарчмуудын талаар авч үзнэ. React -ийн албан ёсны сайтад хандвал түүнийг зохиогчид хэрэглэгчийн интерфейсийг үүсгэх Javascript сан хэмээн тодорхойлсон байгаа. Хэрэглэгчийн интерфейс гэдэг нь ямарч веб програмд хандахад таны хөтөч дээр нээгдэх дэлгэцүүдийг хэлж байгаа юм.

import_contactsДэлгэрэнгүй
Удамшилт, полиморфизм

Нээгдсэн тоо: 398 Төлбөртэй

ОХП-ийг дэмждэг хэлийг ашиглан код бичнэ гэдэг нь та обьект хандалгат програмчлалийн загвараар кодлоод байгаа гэсэн үг биш гэдгийг ойлгон аваарай. Обьект хандалгат програмчлалийн загварын дэвшилтэд арга теехнологийг ашиглахын тулд технологийн суурь ухагдхууныг сайтар ойлгон эзэмшсэн байх хэрэгтэй. Тэгэхлээр хичээлээр удамшилт, полиморфизм гэж нэрлэдэг чухал хоёр ойлголтын тухай авч үзье.

import_contactsДэлгэрэнгүй
Шулуунтай харьцангуй…

Тэгш хэм гэдэг нь тухайн обьект эсхүл түүний хэсэг тэгш хэмийн төв гэж нэрлэдэг тодорхой цэг, тэнхлэг, хавтгайтай…

Нээгдсэн тоо : 2

 
Алдааны классийг…

Хэрвээ системийн өөрийн дотоод онцгой нөхцлийн төрлүүд тохиромжгүй бол бид өөрсдөө төрлүүд үүсгэж болно. Бүх онцгой нөхцлийн суурь…

Нээгдсэн тоо : 5

 
Цэсийн хэрэгжүүлэлт

Цэсийг нээх хаах ажиллагааг хариуцах компонентийг боловсруулсан тул энэ хичээлээр програмийн удирдах цэсийг…

Нээгдсэн тоо : 13

 
Нэг ба…

Математикийн үйлдлүүдэд нэг ба тэг тоонууд онцгой шинжүүдтэй. Үржих үйлдэлд нэг ба тэг

Нээгдсэн тоо : 17

 
Давталт (Iterator)

Давталт (Iterator) паттерн нийлмэл обьектын бүх элементүүдэд тэдгээрийн дотоод бүтцийг задлахгүйгээр хандах абстракт интерфейсийг тодорхойлдог. C# хэл дээр…

Нээгдсэн тоо : 19

 
Алдаа хаяулах,…

Тодорхой нөхцөлд жишээ нь тоог тэгд хуваах гэх мэт тохиолдолд систем өөрөө онцгой нөхцлийн генерацийг хийдэг. Гэхдээ C#…

Нээгдсэн тоо : 26

 
Цэс нээх…

Програмийг удирдах цэсийг нээх болон хаах ажиллагааг хариуцах компонентийг боловсруулъя. Үүний тулд төслийн components хавтаст Navigation хавтасыг үүсгээд…

Нээгдсэн тоо : 31

 
Үржих

Арифметикийн үндсэн 4 үйлдлийн нэг бол үржих. Нэмэх , хасах үйлдлийн талаар…

Нээгдсэн тоо : 18

 
Шаблоны арга…

Шаблоны арга (Template Method) хэв дэд классуудад алгоритмын бүтцийг өөрчлөхгүйгээр зарим алхамуудыг дахин тодорхойлох боломж олгосон ерөнхий алгоритмыг…

Нээгдсэн тоо : 17

 
Энэ долоо хоногт
Бодлого 2.029

бол b, c, d -г ол.

Нээгдсэн тоо : 1285

 
Бодлого 3.106

|5x+4|=10 тэгшитгэлийг бод.

Нээгдсэн тоо : 733

 
Бодлого 2.133

илэрхийллийн утгыг ол.

Нээгдсэн тоо : 832

 
© 2014 Зохиогчийн эрхээр хамгаалагдсан. Холбогдох - 96655195