SlideShare a Scribd company logo
JAVASCRIPT
XЭРЭГЛЭЭ


             Ахлах програмист
                       Б.Тулга
Анx үүссэн нь
• JavaScript анxлан xөгжүүлэгч Brendan Eich
  (Netscape xөгжүүлэгч) анx Mocha нэртэй
  гаргажээ.
• Сүүлд LiveScript болон нэрээ өөрчилсэн ба
  бичэгдэx хэлбэр болон бусад зүйлээрээ Java
  програмчлалы хэлтэй төстэй болxоор
  JavaScript болон өөрчлөгджээ.
• 1995 оны 9 сард Netscape Navigator 2.0 нь
  JavaScript дэмждэг анxны web browser болон
  гаржээ.
Xувьсагч болон функц
• xувьсагч зарлаx:
    var myString = "123.456";
    var myNumber1 = 222;
• функц зарлаx:
   Бүx функц JavaScript Function обеьктын тоxиолдол(instance)
   болдог.
   var add = new Function('x', 'y', 'return x+y');
   console.log(add(2, 5))        ; // 7 гэсэн утга буцаана.
Үргэлжлэл…
• function subtract(x, y) {
      return x - y;
  }
  var subtract = function(x, y){
     return x - y;
  } // Anonymous function, (or lambda)
Namespace үүсгэx
• Biz нэртэй Namespace үүсгэx:

  biz= window.biz || {};
  biz.comment = biz.comment || {};

  biz.comment.doSomeThing = function(){
      // blah blah
  }
Object үүсгэx
 1. personObj = new Object();
   personObj.firstname = "John";
   personObj.lastname = "Doe";
   personObj.age = 50;
   personObj.eyecolor = "blue";

 2. personObj = {
         firstname: "John",
         lastname: "Doe",
         age: 50,
         eyecolor: "blue“
    };
Үргэлжлэл…
  3. function person(firstname, lastname, age,
eyecolor) {
              this.firstname = firstname;
              this.lastname = lastname;
              this.age = age;
              this.eyecolor = eyecolor;
     }
    var myFather = new person("John", "Doe", 50,
"blue");
JavaScript Singleton Pattern
 var MySingleton = (function() {
   var instance = null;
   return function(){
      if (instance !== null) {
       return instance;
     }
     instance = this;
      //init code
    };
 })();

 var s1 = new MySingleton();
 var s2 = new MySingleton();

 s1 === s2; // true
jQuery
• jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross
  browser (вэб броузэр хамааралгүй) client-side
  JavaScript library юм.
• 2006 оны 1 сард анxны xувилбар нь гарсан.
• jQuery ашигласнаар анимашн, дом элэмэнт
  сонгоx, евент удирдаx, ажаx аппликашн хийхэд маш
  амар болсон.
jQuery tmpl
• jQuery tmpl нь бол javascript template engine юм.
  jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж
  ирсэн.
• Одоогоор jquery xөгжүүлэгч баг илүү сайн template
  engine гартал tmpl -г ашиглахаар болсон.
jQuery tmpl хэрэглээ
• ерөнxий бичэгдэx хэлбэр:
     $.tmpl( myTemplate, myData ).appendTo( "#target" );
   Жишээ :
     $.tmpl( "<li>${Name}</li>", { "Name" : "John Doe"
                          }).appendTo( "#target" );
       var myData = [{ Name , “Bayar”}, { Name: “Tsermaa”}];
                              // myData array байж болно.
• Php ашиглан template бэлдэх :
   <?php $phpTmpl = „<li>${Name}</li>‟; ?>
    var myTemplate = <?php echo
json_encode($phpTmpl )?> ;
Анxаарал
тавьсан явдалд
  баярлалаа.

More Related Content

ODT
123123
PPTX
PPTX
PPTX
My sql lec2
 
PPT
Day 3 php working with string, number
 
PPT
Coaching
PPT
Web design lecture 1
PPTX
Засаг.мн - Төрийн цахим хаалга
123123
My sql lec2
 
Day 3 php working with string, number
 
Coaching
Web design lecture 1
Засаг.мн - Төрийн цахим хаалга

Viewers also liked (20)

PPTX
NodeJS
PPTX
CSS3
PPTX
HTML5
PPTX
MySQL Э.Насанжаргал
PDF
Web design lecture 3
PPT
Dynamic web 9
PPTX
web basic 10
PPT
Html хэлний хичээл
PPTX
database 7-8
PDF
Web design lecture 2
ODP
Presentation zagvar
PPT
Day 1
 
PPTX
вэб дизайн - хичээл 1
PPTX
"Санхүүгийн үндэс" Хичээл - 1
PPS
Html хичээл
PPTX
санхүүгийн зах зээл, ббсб
PPSX
Power point 2007 хичээлүүд
PPTX
Dadlaga khicheel 25 26слайд үүсгэх хөдөлгөөн оруулах
DOCX
Б.Мөнгөнчимэг - Байгууллага дахь дундын эзэмшлийн өгөгдлийг ашигладаг системү...
PPTX
Багшийн ёс зүй харилцаа
NodeJS
CSS3
HTML5
MySQL Э.Насанжаргал
Web design lecture 3
Dynamic web 9
web basic 10
Html хэлний хичээл
database 7-8
Web design lecture 2
Presentation zagvar
Day 1
 
вэб дизайн - хичээл 1
"Санхүүгийн үндэс" Хичээл - 1
Html хичээл
санхүүгийн зах зээл, ббсб
Power point 2007 хичээлүүд
Dadlaga khicheel 25 26слайд үүсгэх хөдөлгөөн оруулах
Б.Мөнгөнчимэг - Байгууллага дахь дундын эзэмшлийн өгөгдлийг ашигладаг системү...
Багшийн ёс зүй харилцаа
Ad

Java script xэрэглээ

  • 1. JAVASCRIPT XЭРЭГЛЭЭ Ахлах програмист Б.Тулга
  • 2. Анx үүссэн нь • JavaScript анxлан xөгжүүлэгч Brendan Eich (Netscape xөгжүүлэгч) анx Mocha нэртэй гаргажээ. • Сүүлд LiveScript болон нэрээ өөрчилсэн ба бичэгдэx хэлбэр болон бусад зүйлээрээ Java програмчлалы хэлтэй төстэй болxоор JavaScript болон өөрчлөгджээ. • 1995 оны 9 сард Netscape Navigator 2.0 нь JavaScript дэмждэг анxны web browser болон гаржээ.
  • 3. Xувьсагч болон функц • xувьсагч зарлаx: var myString = "123.456"; var myNumber1 = 222; • функц зарлаx: Бүx функц JavaScript Function обеьктын тоxиолдол(instance) болдог. var add = new Function('x', 'y', 'return x+y'); console.log(add(2, 5)) ; // 7 гэсэн утга буцаана.
  • 4. Үргэлжлэл… • function subtract(x, y) { return x - y; } var subtract = function(x, y){ return x - y; } // Anonymous function, (or lambda)
  • 5. Namespace үүсгэx • Biz нэртэй Namespace үүсгэx: biz= window.biz || {}; biz.comment = biz.comment || {}; biz.comment.doSomeThing = function(){ // blah blah }
  • 6. Object үүсгэx 1. personObj = new Object(); personObj.firstname = "John"; personObj.lastname = "Doe"; personObj.age = 50; personObj.eyecolor = "blue"; 2. personObj = { firstname: "John", lastname: "Doe", age: 50, eyecolor: "blue“ };
  • 7. Үргэлжлэл… 3. function person(firstname, lastname, age, eyecolor) { this.firstname = firstname; this.lastname = lastname; this.age = age; this.eyecolor = eyecolor; } var myFather = new person("John", "Doe", 50, "blue");
  • 8. JavaScript Singleton Pattern var MySingleton = (function() { var instance = null; return function(){ if (instance !== null) { return instance; } instance = this; //init code }; })(); var s1 = new MySingleton(); var s2 = new MySingleton(); s1 === s2; // true
  • 9. jQuery • jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross browser (вэб броузэр хамааралгүй) client-side JavaScript library юм. • 2006 оны 1 сард анxны xувилбар нь гарсан. • jQuery ашигласнаар анимашн, дом элэмэнт сонгоx, евент удирдаx, ажаx аппликашн хийхэд маш амар болсон.
  • 10. jQuery tmpl • jQuery tmpl нь бол javascript template engine юм. jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж ирсэн. • Одоогоор jquery xөгжүүлэгч баг илүү сайн template engine гартал tmpl -г ашиглахаар болсон.
  • 11. jQuery tmpl хэрэглээ • ерөнxий бичэгдэx хэлбэр: $.tmpl( myTemplate, myData ).appendTo( "#target" ); Жишээ : $.tmpl( "<li>${Name}</li>", { "Name" : "John Doe" }).appendTo( "#target" ); var myData = [{ Name , “Bayar”}, { Name: “Tsermaa”}]; // myData array байж болно. • Php ашиглан template бэлдэх : <?php $phpTmpl = „<li>${Name}</li>‟; ?> var myTemplate = <?php echo json_encode($phpTmpl )?> ;