Java Script-ке кіріспе

1 слайд
JavaScript тіліне кіріспе Ключевая фраза

1 слайд

2 слайд
JavaScript —  объектіге бағытталған скрипттік (немесе сценарийлер) бағдарламалау тілі. HTML мен CSS -тің мүмкіндіктерін кеңейтеді. 2

2 слайд

3 слайд
Аталған бағдарламалау тілінің тарихы 1992 жылдан Nombas компаниясынан бастау алады. Алғашында макростардың орнын басуға ыңғайлы болуы үшін, Си бағдарламалау тілінің синтаксисына ұқсата отырып, құрастырушыларға үйренуге оңай болу мақсатында Cmm ( Си-минус- минус) скрипттік тілін өңдеуден бастады.1995 жылдың 4 сәуірінде Брендан Эйх, Марка Андрессен және Билл Джой веб-дизайнерлер мен бастапқы құрастырушыларға ыңғайлы LiveScript ( алғашында Mocha) тілін құрастырды. Құрылымына C мен Java бағдарламалау тілдерінің синтаксисі кіреді. 3

3 слайд

4 слайд
JavaScript- те : 1 .Барлық идентификаторлар регистрге тәуелді; 2.Айнымалылардың аттарында әріптер, астын сызу, доллар символы, араб цифрлары қолданылады. 3.Айнымалы аты цифрлардан басталмайды; 4.Бір жолдық комментарийлерде //, бірнеше жолдан тұратын комментарийлерде /*/ пайдаланылады 4

4 слайд

5 слайд
5JavaScript Java Бағдарламаның бастапқы коды тікелей HTML- құжаттамада тұрғызылады немесе тәуелсіз файлдардан жүктеледі. Бағдарламаның бастапқы коды қосымша – апплетпен таратылмсайды. Апплеттер сервердерден тәуелсіз файлдардан жүктеледі. Бағдарлама серверге мәтіндік формадағы бастапқы код ретінде салынады және одан ары интерпретацияланады (алдын ала компиляциялаусыз) браузермен серверден жүктеуден кейін қосыла алады Бағдарлама машина-тәуелсіз байттық кодқа компиляцияланады Java- код, осыдан кейін серверге жүктеледі. Браузер  (виртуальды Java- машина) келесі Java- кодты орындайды. Объектілі. Объектілі бағдарламалауды пайдалана отырып бағдарламалауға, және сонымен қатар алдын ала анықталған тұрғызылған кластар көмегімен бағдарламаланады. Осы кластарды кеңейтудің теориялық мүмкіндігі болады, бірақ ол нақты ешқашан пайдаланылмайды. Объектілі-бағытталған. Объектілі бағдарламалауды пайдаланбастан бағдарламалау мүмкін емес. Апплттер иерархиялық мұралаудың мұра етудің дәстүрлі схемасына ие кластарынан тұрады. Мұралау және полиморфизмді пайдалану – Java бағдарламалаудың негізі болып табылады. Объектілі бағытталаудың көптеген тілдерінен ерекшелігі JavaScript тілінде объектілер құрылымы класс құрылғысымен бір жола ешқана берілмейді, ал ол динамикалық болып табылады және бағдарламаны орындау кезеңінде өзгеруі мүмкін. Объектілер динамикалы жаңа полялар және әдістерді ала алады немесе ескілердің кез келген параметрлерін өзгерте алады. Объектілі құрылымы толықтай олардың кластарын компиляциялауда беріледі. Еркін типтелу: ауыспалылардың мәліметтерінің элементарлы типтері суреттелмейді, тағайындалу кезінде сол жақ типі әруақта тағайындау нәтижесі бойынша анықталады (басқаша айтқанда, оң жақ бөлігі бойынша) Қатаң типтелу: кез келген ауыспалының мәліметтер типі пайдаланудан алдын суреттелуі қажет, сол жақ типі оң типімен сәйкес келуі тиіс (кейбер сирек жағдайларда ғана, яғни нәтиже типін сол типіне келтіру автоматты жұмыс істеп жатқан кезде ғана) Кодты объектінің кодтарымен динамикалы байланыстыру: объектілерге жасалған сілтемелер бағдарламаның орындалу уақытында тексеріледі. Объектілермен кодты статикалы байланыстыру: объектілрге жасалған сілтемелер компиляциялау мезетінде болуы қажет.JavaScript пен Java тілін салыстыру

5 слайд

6 слайд
6Скриптік тілді не үшін қолданады? • Браузердің статустық жолындағы сұхбаттық тақталарды және хабарламаларды бейнелеу үшін: • Жүктелу уақытында беттің құрамын динамикалық түрде құру; • Беттің құрамын өзгерту; • Пайдаланушы көретін ақпаратты өзгерту; • Басқа беттер бойынша навигация; • Веб-беттердің мазмұнын динамикалық түрде өзгерту; • Оқиғаларды өңдеушілерді элементтерге байланыстыру; • Кодты белгілі бір уақыт аралығында орындау; • Браузердің әрекетін басқару; • Cookie файлдарын жасау және оқу; • Пайдаланушы қай браузерді қолданатынығын анықтау; • Серверге жіберместен бұрын форманың деректерін және тағы басқаларын тексеру.

6 слайд

7 слайд
7Құжат құрылымы JavaScript скриптінің коды HTML- бетте орналасады. Скрипт екі- <SCRIPT></SCRIPT> тегтерінің арасында орналасады. Мысалы: <!DOCTYPE html> <HTML> <HEAD> <TITLE>JavaScript тіліндегі бағдарлама мысалы </TITLE> <SCRIPT LANGUAGE=“JavaScript” <!— … JavaScript бағдарламасы … //-> </SCRIPT> </HEAD> <BODY> … HTML -құжатының мәтіні және JavaScript -те функцияны шақыру … </BODY> </HTML>

7 слайд

8 слайд
8<SCRIPT LANGUAGE=”JavaScript” SRC=”program.js> </SCRIPT> Бұл мысалда program.js файлы қолданылады, онда JavaScript коды сақталады. Әрбір сыртқы JavaScript бағдарламасы файлының кеңейуі

8 слайд

9 слайд
9JavaScript мәліметтерін әртүрлі жолмен көрсетуге болады: 1.ішкі HTML-HTML элементін қолдану, жазу; 2. document.write()-HTML элементтерін қолдану, жазу; 3. windows.alert()- хабарландыру терезесінде қолдану,жазу; 4. console.log() -пайдалану, шолғыш консоліне жазу.

9 слайд

10 слайд
10Шартты операторлар JavaScript   те келесідей  шартты   операторлар  бар:  if операторы - берілген шарт ақиқат болғанда ғана командаларды орындау үшін қолданылады;  if..else операторы - берілген шарт ақиқат, ал екіншісі жалған болғанда командаларды орындау үшін қолданылады;  if..else if..else операторы – команданың анықталған шарты кезінде бірнеше блоктардың тек біреуінде орындалуы үшін қолданылады;  switch операторы – бұл операторды да, команданың анықталған шарты кезінде бірнеше блоктардың тек біреуінде орындалуы үшін қолданылады.

10 слайд

11 слайд
11Функциялар JavaScript- те С және  Java- дағы секілді процедуралар және процедура – функциялар  функциялар деп аталады. Функция декларациясы : • Function резервтелген сөзінен; • Функция атынан; • Домалақ жақшада үтірлермен бөлінген аргументтер тізімінен; • Фигуралық жақшадағы функция денесінен тұрады.   function myFunction(arg1, arg2, ...) { ... Операторлардың кезектілігі ... } myFunction — функция аты, arg1, arg2 — формальді параметрлердің тізімі.

11 слайд

12 слайд
12Операторлар JavaScript- тегі арифметикалық әрекеттер операторлары дәл С және Java- дағы операторлар секілді: қосу"+", азайту "-", көбейту "*", бөлу"/", бүтін санды бөлгендегі қалдық"%". Бұл операторлар кез-келген сандық өрнекте кездеседі.(Назар аударыңыз! Олар сондай-ақ қатарлы өрнектерде сандарды автоматты түрде қатарға айналдыру жағдайларында кездеседі). JavaScript- тегі меншіктеу операторлары С және Java- дағы секілді: "=", "+=", "-=", "*=", "/=", "%=" x=y, басқа тілдердегі секілді "х" айнымалысына " y" айнымалысының мәнін меншіктейміз. Келесі операторлар С тілінің операторларының синтаксисіне ұқсас синтаксиске ие:   y+=x эквивалентті y=y+x y-=x эквивалентті y=y-x y*=x эквивалентті y=y*x y/=x эквивалентті y=y/x

12 слайд

13 слайд
13Инкрементті және декрементті операторлар   Инкрементті және декрементті операторлар С тілінен алынған синтаксиске ие: "х++", "++х", "х--", "--х". Өрнектер: y=x++ екі меншіктеуге эквивалентті: y=x; y=y+1, y=++x екі меншіктеуге эквивалентті: x=x+1; y=x, y=x-- екі меншіктеуге эквивалентті: y=x; x=x-1, y=--x екі меншіктеуге эквивалентті: x=x-1; y=x.

13 слайд

14 слайд
14Логикалық өрнектер Логикалық өрнектер: "&&" — логикалық AND — " ЖӘНЕ"; "||" — логикалық OR — " НЕМЕСЕ"; "!" — логикалық NOT — " ЕМЕС". Мысал: ( a>b)&&(b<=10)||(a>10)   JavaScript- те әрқашан логикалық өрнектердің қысқартылған тексерілуі орындалады:  B1=false болғандағы B1&&B2 операндасында B2 бағасы орындалмайды және  false мәні қайтарылады. B1=true болғанда B1||B2 true болып табылады. Бұл кезде логикалық өрнектің анализі солдан оңға қарай болады және барлық өрнектер бағаланғаннан кейін нәтиже қайтарылады. Сол себепті B2 ретінде функция болса,ол шақырылмайды және егер ол қосымша эффектілер беру керек болса онда бұл қателікке алып келуі мүмкін.  

14 слайд

15 слайд
15Салыстыру операторлары Салыстыру операторлары: "= =" -"тең"; ">" -"артық"; "<" -"кем"; ">=" -"артық немесе тең"; "<=" -"кем немесе тең"; "!=" -"тең емес ".   Салыстыру операторлары тек сандық емес,сондай-ақ қатарлы өрнектерге де қолданылады. Бұл жағдайда қатарлар тең болып есептеледі,егер олардың барлық символдары сәйкес келсе және бірдей реттілікте болса (бос орын символ ретінде есептеледі). Егер қатарлар түрлі ұзындықта болса,онда ұзындығы үлкен қатар үлкені болып табылады. Егер олардың ұзындықтары сәйкес келсе,онда солдан оңға қарай  көру кезінде  номері үлкен символ үлкені болып табылады ( a < b < c < .... < z < A < ... < Z). Қатарларды қаттауға болады,егер S1=" это ", S2=" моя строка", онда S1+S2 тең болады "это моя строка". Операторлардың приоритеті (кішілерден бастап; бір қатарда үлкендік бірдей):   "+=", "-=", "*=", "/=", "%=", "<<=", ">>=", ">>>=", "&=", "^=", "|=".

15 слайд

16 слайд
Назарларыңызға рахмет!

16 слайд