Жаңадан бастаушыларға арналған Javascript бағдарламалау сабақтары. Жаңадан бастаушыларға арналған JavaScript оқулығы Дмитрий Трепачев

Болашақта мен JavaScript қалай қосылатынын сипаттамаймын, бірақ мен жай ғана HTML кодын бір блокта, ал JavaScript кодын басқа блокта жазамын.

Кодтағы қателерді іздеңіз

JavaScript қателерін және консольді көрсететін отладчикпен қалай жұмыс істеу керектігін көрсететін келесі бейнені қараңыз:

• Сабақ №
  youtube сайтындағы ойнату тізімі
  ES6 практикалық қолданылуы

Кейбір бейнелер өзімізден озып кетуі мүмкін, өйткені біз оқулықтың осы нүктесіне дейін барлық ES6 нұсқасын қарастырған жоқпыз. Бұл бейнелерді өткізіп жіберіңіз, кейінірек көріңіз.

AJAX

• сабақ алынып тасталды (аз материал), жақында Ajax бойынша жеке оқулық болады (көп материал)

Бағдарламалау негіздерін үйренуді жұмысты оңай табуға болатын тілден бастаған дұрыс. Жыл сайын TIOBE индексі ең танымал технологиялардың рейтингін, сондай-ақ олардың танымалдылығының өсу және төмендеу динамикасын жариялайды.

Осы деректерге сүйене отырып, сіз Javascript позицияларын қадағалап, тиісті қорытындылар жасай аласыз: тіл ең танымал болмаса да, тұрақты дамып келеді. Фронт-әзірлеуші ​​лауазымына бос жұмыс орындарының саны тұрақты өсіп келе жатқандықтан және Javascript қолданылатын аймақтар барған сайын көп болғандықтан, біз сізге одан бастауға кеңес береміз.

Егер сіз әлі де Javascript-ті нөлден үйрене алатыныңызға сенімді болмасаңыз, біз сіздердің назарларыңызға сөзбен және мысалмен керісінше дәлелдейтін мақаланы ұсынамыз.

Javascript: нөлден бастап үйрену

Алдымен, Javascript дегеніміз не және ол не үшін қажет екендігі туралы сөйлесейік.

Javascript - арнайы бағдарламалық жасақтамамен орындалатын сценарийлерді жазу үшін қолданылатын прототипке негізделген технология.

Адам тіліне аударғанда, бұл тізбектің көмекші буыны » бағдарламалық қамтамасыз ету- сценарий - орындау».

Javascript не үшін қажет? Бұл бағдарламалау тілі қайда қолданылады? Егер сіз мобильді, жұмыс үстелі және кросс-платформалық қосымшаларды, ойындарды, клиентті және сервер бөлігівеб-қосымшалар, онда сіз Javascript-ке қош келдіңіз. Бұл шынымен де барлығы болмаса да, көптің дамуына қолайлы көп функциялы технология.

Айтпақшы! Біздің оқырмандар үшін қазір 10% жеңілдік бар

Жаңадан бастаушыларға арналған Javascript негіздері: қайдан үйренуге болады

JavaScript-ті нөлден қалай үйренуге болады? Өз бетінше бағдарламалауды қалай үйренуге болады? Бұл сұрақтарды көптеген жаңа бастаған бағдарламашылар қояды. Бақытымызға орай, жауап бар және өте егжей-тегжейлі.

Бұл бағдарламалау тілін үйренудің бірнеше нұсқасы бар:

• арнайы курстар,
• өз бетінше оқу,
• Университетінде зерттеу.

Мамандандырылған курстармен бәрі түсінікті: келіңіз және үйреніңіз. Мұндай курстардың оқытушылары теориялық ойларды тәжірибемен бөлісіп қана қоймай, сонымен қатар бекітетін әзірлеушілерді тәжірибеден өткізеді.

Курстар ұзақ мерзімді болуы керек. Бір айда саған ешкім ештеңе үйретпейді!

Javascript-ті нөлден өз бетімен қалай үйренуге болады: 4 әдіс

Егер сіз JavaScript тілін өз бетіңізше үйренгіңіз келсе, мүмкіндігінше өзін-өзі ұстануға және табысқа жету үшін бар күш-жігеріңізді салуға тура келеді. Шыдамдылық пен еңбек бәрін ұнтақтайды дейді ғой.

Javascript-те бағдарламалауды бастамас бұрын дайындық жоспарын егжей-тегжейлі ойластыру керек. Біз өз нұсқамызды ұсынамыз және оны мақсаттарыңызға, мүмкіндіктеріңізге және қабілеттеріңізге қарай реттей аласыз.

1. Қарапайым нәрселерді үйренуге және есте сақтауға үйреніңіз. Өзін-өзі дамыту қабілетін дамыту керек. Жемісті оқи білу өте маңызды. Ол өзін-өзі тәрбиелеуді және нақты мақсатты талап етеді, сондықтан оқуды бастамас бұрын, өзіңізді үйренуге үйретіңіз.

2. JavaScript негіздерін үйреніңіз. Codecademy: Learn JavaScript, SnoopCode: JavaScript Tutorials, MDN's JavaScript Guide - Бұл онлайн ресурстар грамматиканы, түрлерді, циклдерді, функцияларды, өрнектерді, сандарды, күндерді, пішімдеуді және т.б. қамтиды.

3. Тілдің қосымша мүмкіндіктерін зерттей бастаңыз. Негіздерді үйренгеннен кейін кітапханалар мен фреймворктерді меңгеруді бастаңыз: jQuery, ReactJS, Angular 2, node.js, бұл сізге сервер жағында және басқаларда дамытуға мүмкіндік береді.

4. Жобаларыңызды жасаңыз. Free Code Camp - бұл кодты жариялауға, жобалар жасауға және оған сертификаттар алуға болатын әзірлеушілер қауымдастығы. Ең бастысы, алыңыз кері байланысқауымдастықтың басқа мүшелерінен.

Кәсіби даму: тәжірибе және көбірек тәжірибе

Сіз көптеген әдебиеттерді оқуға болады, бірақ тұрақты жаттығуларсыз сіз ештеңеге қол жеткізе алмайсыз.

Адам бәрін білсе де, ештеңе білмесе, өз ісінің шебері деуге болмайды.

Бағдарламалау, басқа кез келген нәрсе сияқты, тұрақты тәжірибені қажет етеді. Жақсырақ, бір уақытта үйреніңіз және жаттығасыз. Сондықтан сіз бірден теорияны іс жүзінде тексеріп, қай жерде қателесетініңізді түсінесіз. Және қателер болады, маған сеніңіз. Бірақ одан қорықпау керек. Керісінше, қатесіз ілгерілеу болмайды.

Күніңізді екі сағат оқуға болатындай етіп жоспарлаңыз. Қатты жұмыс жасамаңыз. Үзіліс жасап, әрекеттерді өзгертіңіз. Javascript үйрену үшін тамаша.

Бейне оқулықтарды қараңыз, қызықты мақалаларды оқыңыз және сақтаңыз, семинарлар мен конференцияларға қатысыңыз, пікіріңізді басқа студенттермен талқылаңыз және бөлісіңіз.

Жалпы, сізде жұмыс көп, бірақ сіз де университетте оқып жатсаңыз, уақытыңыз жеткіліксіз болуы мүмкін. Сондықтан өміріңізді жеңілдету және мақсатыңызға жету үшін студенттік қызметке хабарласуды ұсынамыз.

Сіз әрқашан өзіңіз жұмыс істейтін салада жан-жақты білім алғыңыз келеді. JavaScript - бұл туралы толық білім алу мүмкін емес тілдердің бірі. Ол, жалпы веб сияқты, үнемі дамып отырады, сондықтан кез келген веб-әзірлеуші ​​осы дамуға ілесуге ұмтылуы керек, тіпті одан да көп, ол қолданатын технологияның негіздерін жатқа білуі керек.

JavaScript қазір IT әлемінде үстемдік етуде. Оның көмегімен сіз шағын веб-қосымшаны жасай аласыз немесе роботты бағдарламалай аласыз. Бақытымызға орай, бұл тіл біршама уақыт болды және оны меңгерген әзірлеушілер өздерінің бағдарламалау тәжірибесі туралы кітаптарда жазды.

Бұл кітап сізге компьютерлерді өзіңіз қалаған нәрсені қалай жасауға болатынын айтады. Бүгінгі таңда компьютерлер бұрауыштар сияқты кең таралған, бірақ көптеген жасырын күрделіліктерді қамтиды, сондықтан түсіну қиынырақ және олармен жұмыс істеу қиынырақ. Көптеген адамдар үшін олар бөтен, аздап қауіп төндіретін нәрселер болып қалады. Кітап орыс тілінде де бар.

Бұл кітап кірістірілген нысандар мен тілдің нюанстарын бөлу арқылы JavaScript әлеміне толық шолу жасайды. Бұл кітап жалпы бағдарламалауды, атап айтқанда JavaScript-ті енді ғана үйрене бастаған адамдарға арналмағаны сөзсіз.

Бұл кітап классикалық және заманауи JavaScript бағдарламалау үлгілеріне назар аударады. Жалпы алғанда, бұл жаңадан бастаған бағдарламашыларға бағытталған.

HTML5 үлкен мүмкіндіктер береді. Дәл jQuery сияқты. Node.JS сияқты. Егер сіз оларға сәл таза JavaScript қоссаңыз, интернетті оңай жеңе аласыз.

Бұл кітап JS көмегімен веб-қосымшаларды жасауды жоспарлағандарға арналған. Ол тілдің ерекшеліктерін сипаттайды, пайдалы құралдар, үлгілер және тізім мұнымен шектелмейді.

Бұл кітап сізге JavaScript туралы жалпы білім береді, оның жалпы логикасын және оның егжей-тегжейлерін түсінеді. Автор оқырман объектіге бағытталған бағдарламалау принциптерімен және PHP, Ruby, Python, C++ немесе Java сияқты кейбір тілдермен бұрыннан таныс деп болжайды.

Сіз веб-бағдарламалау тәжірибесін бір қадам алға жылжытуға және HTML және CSS орналасуынан толыққанды веб-әзірлеуге көшуге дайынсыз ба? динамикалық беттер? Олай болса, ең «ыстық» бағдарламалау тілі – JavaScript-пен танысатын кез келді!

Бұл кітапты оқу арқылы сіз бәрін біле аласыз JavaScript: айнымалылардан циклдерге. Неге екенін түсінесіз әртүрлі браузерлеркодқа басқаша әрекет етеді және барлық браузерлер қолдайтын әмбебап кодты қалай жазу керек. Сіз JS неліктен болашақ екенін түсінесіз және нағыз фронт-end әзірлеушісіне айналасыз.

Бұл кітап сізге JS жүйесінде үшінші тарап жақтауларын немесе кітапханаларын пайдаланбай-ақ алдыңғы қатарлы қолданбаларды қалай жазу керектігін көрсетеді.

JavaScript принциптері туралы жалпы білімнен басқа, бұл кітап сізге JSON немесе NoSQL сияқты қатысты салалар туралы білім береді, сонымен қатар жалпы веб-қосымшалар қалай жазылатынын түсінуге мүмкіндік береді.

Атауынан көрініп тұрғандай, бұл кітап бір беттік қолданбаларды әзірлеуге арналған. Ол арнайы технологиялар мен құрылымдарды сипаттамайды, бірақ жалпы үлгілер мен тәжірибелер жақсы сипатталған.

Кітап DOM-мен (құжат нысанының үлгісі) жұмыс істеуге арналған - бұл барлық веб-әзірлеушілер үшін JavaScript-тегі ең маңызды нәрсе.

JSON және JSLint құрушы Дуглас Крокфорд жазған бұл кітап JavaScript әлеміндегі классика болып табылады және оны барлығы оқуы керек. Ол объектілі-бағытталған тәсілдің негіздерін қамтиды және көптеген жақсы және жаман мысалдарды береді. Әрине, автор мұндай «зиянды» мысалдарды қалай түзетуге болатынын, мұндай қателіктерді болдырмаудың жолын айтады.

Белгілі педагог Кайл Симпсон жазған бұл топтама әрқайсысы тілдің әртүрлі бөлімін қамтитын 6 кітаптан тұрады. Бұл кітаптардың басты артықшылығы - олардың қысқалығы, сізді алаңдатпайды. Ал осы сериядағы «ES6 және одан да көп» кітабын орыс тіліндегі қағаз нұсқасында сатып алуға болады.

JavaScript бұл негізгі құралвеб-беттерді интерактивті, динамикалық етуге және ең жоғары өнімділікке қол жеткізуге мүмкіндік беретін веб-әзірлеушілер. Бұл JavaScript-тің жақсы құрылымдалған нұсқаулығы, бұл сізге үйренуге оңай емес, бірақ өте сұранысқа ие тілді тез үйренуге мүмкіндік береді. Кітапта jQuery кітапханасына көп көңіл бөлінеді. Сондай-ақ көптеген мысалдар мен егжей-тегжейлі тапсырмалар бар.

Оқығаннан кейін « Кешенді нұсқаулық« Сіз істей аласыз:

• Веб-сайт беттерін интерактивті етіп жасаңыз.
• шебер соңғы нұсқасы jQuery UI плагині.
• Автоматты тексеру және деректерді түзету арқылы пайдаланушыға ыңғайлы пішіндерді жасаңыз.
• AJAX технологиясын қолданыңыз.
• Сала бойынша біліміңізді тереңдетіп, кәсіби маман болыңыз.

Орналасу негіздерін үйренгеннен кейін, сіз, әрине, көбірек интерактивтілік пен сұлулықты, сондай-ақ сайттың бэкендпен өзара әрекеттесуінің ыңғайлы әдістерін қалайсыз. Дәл осы кезде JavaScript танымал jQuery құрылымымен бірге аренаға шығады. Кітаппен жұмыс істеу үшін сізге терең білім қажет емес - сіз оның барлығын аласыз. Ол кросс-браузерлермен үйлесімділік пен бетті оңтайландыру саласындағы соңғы тәжірибелерді ғана көрсетеді және презентация иллюстрациялық мысалдар мен иллюстрациялармен түсінікті тілде.

Классикаға айналған кітап. Оның соңғы шығарылымы HTML5 және ECMAScript 6, бүгінгі күннің ең ыстық технологияларын қамтиды. Ол сондай-ақ сервер жағында jQuery және JavaScript бойынша жаңа тарауларды қосады. Бұл нұсқаулық толығымен жаңадан бастаушылар үшін де, JavaScript білімін жетілдіруді қалайтындар үшін де пайдалы болады.

Бәріңе сәлем! Бұл мақалада біз қарастырамыз Оны тезірек меңгеруге көмектесетін 6 JavaScript үйрену кеңесі.

Адамдар үйренуге тырысқанда JavaScriptнемесе басқа дағдылар болса, олар жиі бірдей мәселелерге тап болады.

• Кейбір нүктелер шатастыруы мүмкін, әсіресе басқа бағдарламалау тілінен шыққан болсаңыз
• Оқуға уақыт табудың қиындығы (кейде мотивация).
• Бір нәрсені түсінгеннен кейін оны ұмыту оңай.
• Құралдардың тез өзгеретіні сонша, неден бастау керектігін білу қиын

Бақытымызға орай, бұл проблемаларды шешуге болады. Бұл мақалада мен сізге үйренуге көмектесетін 6 кеңес ұсынамын JavaScriptтезірек және бақыттырақ, өнімдірек бағдарламашы болыңыз.

1. Болашақ шешімдер сізді қазір ілгерілетуіңізге кедергі жасамаңыз.

Көптеген жаңадан бастағандар JavaScriptқай жақтауды пайдалануды бастау керектігі туралы сұрақ туындайды. Бірақ, егер сіз әлі де таза білмесеңіз JavaScriptонда мұндай сұрақ қою дұрыс емес. Сіз өзіңіздің дамуыңызда алға жылжудың орнына, барлық уақытыңызды әртүрлі шеңберлерді іздеуге жұмсайсыз.

Бұл мәселені шешудің бір жолы - үйрену керек нәрселердің тізімі болуы. Мысалы, алдыңғы қатарлы әзірлеуші ​​болу үшін тізіміңіз келесідей болуы керек:

• HTML
• JavaScript
• Кішкентай jQuery
• Мүмкін қандай да бір шеңбер
• Негіздер GitHub
• Азғана WordPress
• Хостинг

Осының бәрін зерттегеннен кейін, сіз тек көмегімен функционалды бет жасай аласыз htmlжәне css. Мұндай тізімнің болуы сізге қазір нені зерделеу керектігін түсінуді жеңілдетеді және кейінірек зерттелуі керек нәрсеге уақытты жоғалтпайды.

2. Үйренгеніңізді ұмытып қалмаңыз

Бір нәрсені тым жылдам үйрену сіздің оқуыңыздағы ең жойқын нәрселердің бірі болуы мүмкін. JavaScript. Түсіндірейін.

Сіз бір нәрсені оқып, оны бірден түсінген кезде, сіз бірден бір нәрсені одан әрі зерттеуге азғыруыңыз мүмкін. Мүмкін сіз келесі тақырыпты түсініп, келесі тақырыпты оқуға кірісерсіз. Бірақ көп ұзамай сіз алдыңғы тақырыптардың кейбірін ұмытып кеткеніңізді түсінетін деңгейге жетесіз және оны қайта оралып, есте сақтау керек. Жадыңызды жаңарту үшін өткен тақырыпты жылдам шолып өтіп, әрі қарай жалғастырасыз. Бірақ қазір сіз бір нәрсені ұмытып кеткеніңізді тағы да түсінесіз. Сіз толық жоғалғаныңызды түсінгенге дейін бұл биді алға және артқа жалғастырасыз. Сіз ренжідіңіз, үзіліс жасаңыз, содан кейін оқуды жалғастыруға шешім қабылдағанда, сіз бәрін ұмытып кеткеніңізді түсінесіз.

Бақытымызға орай, бірнеше бар қарапайым қадамдарбұл мәселені шешу үшін:

• Бір уақытта оқитын материалдың мөлшерін шектеңіз
• Тәжірибе – код

Тақырыпты біліп алсаңыз, бірден жаттығу жасаңыз, код жазуға ыңғайлы болыңыз, тіпті бұл тақырыпты бұрын оқығандарыңызбен біріктіруге тырысыңыз.

3. Дұрыс жаттығу жасаңыз

Көптеген адамдар жаттығуды қызықсыз деп санайды, сондықтан оны өткізіп жіберуге немесе қысқартуға тырысады. Егер сіз мұны істесеңіз, сізге оқуға тура келеді JavaScriptәлдеқайда ұзағырақ. Бірақ жаттығуды қалай қызықты етіп жасайсыз, сонда оны жасағыңыз келеді?

Келесі әрекеттерді орындап көріңіз:

Үйреніп алсаң ше жаңа тақырыпқосулы JavaScriptбірақ жаттығу емес пе? Өзіңізді қалай сезінесіз? Жеке өзім ренжіп қалар едім. Бұл балаға жаңа ойыншық сатып алғандай, бірақ онымен ойнауға рұқсат етілмеген сияқты.

Бір нәрсені оқығанда JavaScript, жаңа ойыншықпен, көлікпен, етікпен немесе өзіңізге ұнайтын кез келген нәрсемен ойнап жатқаныңызды елестетіңіз.

Бір нәрсені зерделеуді ойын түрінде қабылдау арқылы сіз білімге тезірек ие боласыз, оларды ұзақ есте сақтайсыз және бұл сізге қуаныш әкеледі.

4. Facebook трикінің көмегімен бағдарламалауға уақыт табыңыз

Ең бірі жалпы проблемаларАдамдарда код жазуға уақыт таппайды, бірақ сол адамдар сияқты сайттарда жиі уақыт өткізеді Facebook, YouTube, Wikipediaнемесе Reddit. Бұл сізге қатысты ма, жоқ па, сіз әлі де осы жерден үйренетін нәрсені таба аласыз.

Мен шынымен де отыруды қалайтын кезім болды Facebookбірақ мен онда сағат өткізбедім. Бұл қалай болды? Ал ол жерде ұзақ тұрмайтындықтан болды. Бір нәрсеге кірісу - ең қиын бөлігі, сондықтан бастапқы міндеттемені сақтау мен үшін оны жеңілдетеді. Егер біреу менен сағаттарды өткізуге дайынмын ба деп сұраса FacebookЖоқ дер едім, өйткені оған уақытым жоқ. Мен ол жерге бірдеңені жылдам тексеру үшін барғанды ​​ұнатамын, басқа ештеңе жоқ.

Жақсы жаңалық - бұл әдісті бағдарламалауды үйрену кезінде қолдануға болады. Код жазуға бірнеше сағат жұмсауға міндеттеме бермеңіз, өйткені оған ешқашан уақытыңыз болмайды. Өзіңізге үш минут ішінде бірнеше кодты қолданып көретіндігіңізді айтыңыз және сіз ешқашан жаттығуға уақыт таба алмайсыз.

5. Баяу ойлаңыз, сонда сіз тезірек үйренесіз

Бұл ақылға қайшы, сондықтан мен оны тарихпен түсіндіремін.

Менің досым бірде бір мүмкіндікке байланысты шатастырды JavaScript. Мен одан не білетінін айтып беруін өтіндім, сосын оның қаншалықты түсінбейтінін түсіндірді. Ол кодты өткен бойда оның асығыс екенін түсіндім.

Күте тұрыңыз! Мен оған айттым. «Аспаңыз және маған осы кодтың әрбір қадамын айтып беріңіз».

Менің досым менімен жалпы код туралы сөйлесуді жалғастырды.

Мен оны қайтадан тоқтаттым. "Сіз әлі асығыссыз. Қайталап көріңіз, бірақ бұл жолы кодтың әрбір жолын қарап шығып, мұнда не болып жатқанын айтыңыз."

Бұл жолы досым код туралы жақсырақ айтты. Қорытындысы, ол не болып жатқанын бірден анықтауға тырысудың орнына, кодтың әрбір жолын қарап шығуға және түсінуге уақыт бөлді.

Мұндай жағдайларда баяу ойлаған дұрыс және сіз тезірек үйренесіз.

6. Күрделі кодты қарапайым тілде жазыңыз

Егер код бөлігі күрделі немесе бейтаныс болып көрінсе, алдымен оны жазыңыз қарапайым тіл. Осылайша сіз кодты жазбас бұрын оны не істегіңіз келетінін анықтай аласыз. Бұл тәсілдің екі артықшылығы бар:

• Сіздің кодыңызды жазу оңайырақ және жылдамырақ болады, себебі оның қалай әрекет етуін қалайтыныңыз туралы ойлау үшін мерзімді түрде тоқтаудың қажеті жоқ.
• Сіз қателерді олар орын алмас бұрын табасыз, өйткені сіз кодтың не істеу керектігі туралы нақты түсінікке ие боласыз

Қорытынды

Біз сізге үйренуге көмектесетін көптеген әдістерді қарастырдық JavaScriptжылдамырақ, бірақ сіз оларды басқа дағдыларға да қолдана аласыз. Міне, біз қарастырған нәрселердің қысқаша мазмұны:

• Болашақ шешімдер туралы алаңдауды доғарыңыз және қазір оқуға кірісіңіз
• Жаңа ойыншықтар сияқты жаңа дағдыларды елестету арқылы жаттығуды қызықты етіңіз
• Әлеуметтік желіде қалай тапсаңыз, бағдарламалауға уақыт бөліңіз. желілер
• Асықпаңыз, бәрін біртіндеп жасаңыз, сонда сіз тезірек үйренесіз

Оқуға қалай қарайсыз? Сізде осы мақалада қарастырылмаған кеңестер мен амалдар бар ма? Немесе сіз мұның бәрі бос сөз және жалғыз дұрыс жол - күніне 12 сағат отыру және оқу деп ойлайсыз. Қалай болғанда да, түсініктемелерде сіздің пікіріңізді білгім келеді.

JavaScript - веб-бетке кірген клиент жағында қандай да бір әрекетті орындау қажет болғанда іске қосылады.

JavaScript серверге хабарласпай веб-бетті өзгерте алады, пайдаланушы енгізу мәндерін тексере алады және кез келген басқа әрекетті орындай алады.

Бұл мақала JavaScript пайдалануды бастау үшін негізгі ақпаратты береді.

Сценарийді тікелей бет кодына кірістіру

JS кодын тікелей бетке енгізуге болады.

Кодты бөлек файлға жылжыту

JavaScript кодын келесіге жылжытуға болады сыртқы файлжәне оған бетте сілтеме жасаңыз

Бұл жағдайда жабу белгісі қажет.

Сценарийлерді жабу тегіне дейін кірістірген дұрыс

Айнымалылар

Айнымалы атаулар

Айнымалы атаулар бас немесе кіші әріптен, астын сызудан немесе $ белгісінен басталуы мүмкін.

Атау сандарды қамтуы мүмкін, бірақ айнымалы атауын саннан бастауға болмайды.

JavaScript регистрге сезімтал: mytext және myText екі түрлі айнымалы.

Атау үшін CamelCase пайдаланған дұрыс, айнымалы атауындағы әрбір сөзді бас әріптен бастаған дұрыс.

Айнымалыларды жариялау

Javascript қолдануда айнымалы мәндерді жариялау үшін var.

VarmyText; //анықталмаған myText = "Сәлем!"; ескерту (myText);

Айнымалы жарияланғаннан кейін бірден оның мәні анықталмаған.

Жариялау кезінде айнымалыға мән тағайындауға болады:

VarmyText = "Сәлем!";

Сондай-ақ бірнеше айнымалы мәндерді бір варда жариялауға болады:

Varsum = 4 + 5, myText = "Сәлем!";

Мәнді тағайындаған кезде var мәнін өткізіп жіберуге болады, бірақ олай етпегені дұрыс.

Айнымалы типтер

JavaScript-те жолдарды пайдалануға болады:

Var myText = "Сәлеметсіз бе!";

бүтін сандар:

var myNumber = 10;

Бөлшек сандар:

Логикалық мәндер:

var isBoolean = false;

JavaScript синтаксисінің мәліметтері

Пікірлер

Бір жолдағы пікірлер «//» белгісімен белгіленеді. Осы таңбалардан кейінгі кез келген нәрсе түсініктеме болып саналады.

Бірнеше жолға түсініктеме беру үшін түсініктеменің басын белгілеу үшін «/*» және түсініктеменің соңын белгілеу үшін «*/» пайдаланыңыз.

/* мұнда түсініктеме коды және ол да түсініктеме */

Мәлімдемелерді бөлу

Операторларды бөлу үшін «;» пайдалану керек.

Мәтіннің оқылуын жақсарту үшін бос орындарды пайдалану қажет, бірақ талап етілмейді.

Жіптермен жұмыс

жол мәнін береді » 97 » көш

var str2 = "7" + 4 + 5

жол мәнін береді » 745 » str2

Мәселе мынада, қосу кезінде мән дәйекті түрде есептеледі - солдан оңға қарай. 2 санды қосқанда, нәтиже сан болады. Жол мен сан біріктірілгенде, сан жол ретінде қарастырылады және екі жол біріктіріледі.

Жолды санға түрлендіру

Жолды санға түрлендіру үшін пайдаланыңыз parseInt()және parseFloat()

Бұл функциялар екі аргумент қабылдайды. Біріншісі - санға түрлендірілетін жол, екіншісі - аударма үшін қолданылатын сандық негіз. Жолды ондық сан ретінде қарастыру үшін екінші аргумент ретінде 10 пайдалану керек

Var myNumber = parseInt("345", 10);

JavaScript функциялары

JavaScript-тегі функциялар келесідей жарияланады:

myFunction() функциясы (кейбір JS коды)

Мәнді қайтару үшін пайдаланыңыз қайтару:

myMultiplication(paramOne, paramTwo) функциясы ( paramOne * paramTwo қайтарады)

Функция атын алып тастау арқылы «анонимді» функцияны жариялауға болады.

Функция атын көрсету арқылы басқа функцияға параметр ретінде берілуі мүмкін.

Объектілер

JavaScript ішіндегі барлық нәрсе Объекттен мұраланады.

Жаңа объект құру

Объектіні құрудың екінші, неғұрлым қысқа нұсқасы

Var person = ( // адам нысанын жасау аты: "Эндрю", фамилиясы: "Петерсон", getFullName: function() ( this.firstname + " " + this.lastname; ) қайтарыңыз )

Объектінің қасиеттерімен жұмыс

var me = new Object();

me["name"] = "Серж";
жасым = 33;

JavaScript тіліндегі массивтер

Массив құру

Жазудың жаңа тәсілі

Var arr = ; // Жиым құру

JavaScript тілінде массивтермен жұмыс істеу

Массивтегі элементтер саны

Массивке элементтерді қосу – push

Массивтің соңғы элементін шығарып алу – pop

Массивтер одағы

Біріктіру - барлық массив элементтерін біріктіру

JavaScript-те салыстыру және логикалық функциялар

Көбірек аз

Теңдік

Жеке басын куәландыратын

IF мәлімдемесі

SWITCH операторы

Логикалық ЖӘНЕ - &&

Логикалық НЕМЕСЕ - ||

Логикалық ЕМЕС - !

Циклдер

ҮШІН

САЙДА

ЖАСАҢЫЗ

Жолдар

Ішкі жолдар

Кейде сіз көрсеткіңіз келмейді тұтасжол, оның бір бөлігі ғана. Мысалы, Gmail кіріс жәшігінде оны алдын ала қарау үшін әрбір хабардың алғашқы 50 немесе одан да көп таңбаларын көрсететін етіп орнатуға болады. Бұл алдын ала қарау а ішкі жолбастапқы жолдың (барлық хабарлама).

"some word".substring(x, y) мұндағы x - кесуді бастайтын жер және y - бастапқы жолды кесуді аяқтайтын жер.

Сандық бөлік сәл оғаш. «Hello» ішіндегі «ол» сөзін таңдау үшін мынаны жазасыз: «сәлем». ішкі жол(0, 2);

Әрбір таңбаның сол жағында маркер бар деп ойлап көріңіз, мысалы: 0-h-1-e-2-l-3-l-4-o-5 .

Егер сіз 0-де және қайтадан 2-де кессеңіз, сізде тек ол қалады.

Қосымша мысалдар:

1. «Бэтменнің» алғашқы 3 әрпі
"Бэтмен".substring(0,3)

2. «ноутбуктің» 4-тен 6-шы әрпіне дейін
"ноутбук".substring(3,6)