JavaScript for Beginners from Scratch – Nea Wohia, 2024 Anidasoɔ ne Mfasoɔ

JavaScript yɛ nnɛyi dwumadi kasa a wɔde di dwuma wɔ ɔkwan a ɛkɔ akyiri so. Ɛnyɛ wɛbsaet browser ahorow nkutoo na wɔde di dwuma. Wɔyɛɛ no ​​a na n’ani ne sɛ wɔde bɛka abom wɔ application biara mu na ɛwɔ tumi a wɔde di scripts ho dwuma. Na ɛsɛ sɛ JavaScript yɛ scripting kasa a wɔde yɛ Netscape. Mfiase no na wɔfrɛ no Mocha, na afei wɔfrɛ no LiveScript. Ɛnyaa ne din a ɛwɔ hɔ mprempren no wɔ December 1995 mu. Wɔ abenfo a wofi Netscape adwene mu no, wɔde JavaScript yɛɛ gyinapɛn denam ECMA so. Wɔtaa de di dwuma wɔ wɛbsaet brawsa ahorow mu. JavaScript yɛ scripting nhyehyɛe kasa. Dwumadi no mu a wobɛtrɛw mu, denam nneɛma foforo a wode bɛba so no, ɛma wutumi sesa nkrataa no mu nsɛm wɔ mfɛnsere biako mu (sesa HTML, CSS), wo ne wɔn a wɔde di dwuma no di nkitaho, di ho dwuma, bu akontaa na hwɛ data. JavaScript a wɔde ahyɛ mu no ma script ahorow a wɔde ahyɛ nkratafa no HTML koodu mu no yɛ adwuma. Script dwumadie no ba ne ho bere a wɔde krataafa no ahyɛ akraman kɔmputa no so no. Kasa no yɛ nea wɔahyɛ da ayɛ, a ɛsɛ sɛ ɛkyerɛ sɛ nneɛma ahorow a wɔde di dwuma no hyia yiye. Nanso wɔ nneyɛe mu no, wontumi nhyia wɔ browser ahorow mu, na ɛde dadwen pii brɛ nhyehyɛeyɛfo.

JavaScript no mu nneɛma ne anohyeto ahorow

Efi bere a wɔde JavaScript dii dwuma nea edi kan no, akɔ akyiri. Afei wobɛtumi de ayɛ applications, ayɛ adwuma wɔ browser a ɛwɔ machine learning (ML) ne AI models mu. Server-side JavaScript (node.js) no yɛ nea wɔma ho kwan. Nneɛma atitiriw a ɛwɔ kasa no mu wɔ browser no mu:

• ma wo kwan ma wode CSS ne HTML yɛ adwuma (ɛsakra, wode ka ho, wopopa nsɛm);
• ɛma nkitahodi ma wɔn a wɔde di dwuma wɔ kratafa no so (safoa a wɔbɔ, kliki, mouse cursor a wɔde kɔ baabi foforo);
• wɔde di dwuma de mena abisade ahorow kɔ server no so, twe/upload fael ahorow (AJAX JS mfiridwuma);
• de kukisi yɛ adwuma.

Anohyeto ahorow:

• active wɔ tab a wɔabue mu, kwan biara nni hɔ a ɛkɔ tab afoforo a wɔabue mu;
• sɛ JS anmmue browser window a, ɛrentumi nto mu;
• ɔkwan biara nni hɔ a wobɛfa so de kratafa no source code no asie;
• wonnya kwan nkɔ OS no nhyehyɛe dwumadi ahorow so.

Ɛfa akwan abien so na ɛka bom: ɛnam koodu a ɛwɔ kratafa no so ne fael a ɛwɔ akyi so. Wɔ nea edi kan no mu no, ɛsɛ sɛ wokyerɛ <script>//Program body</script>. Kodoɔ a ɛfiri abɔnten fael no mu no ka ahyɛdeɛ <script src=”name.js”></script> ho

JavaScript yɛ ade a eye sen biara a mmabun ne wɔn a wɔrefi ase yɛ nhyehyɛe no betumi apaw. Mfaso titiriw a ɛwɔ so ne sɛnea abu so no. Wɔboa wɔ browser nyinaa mu, wɔ operating system nyinaa so, mobile devices, ankorankoro kɔmputa so. JavaScript application ahorow no yɛ adwuma a wonni kan mfa nsi wɔn a wɔde di dwuma no mfiri ahorow so. Sɛ ɔpɛ wɔ hɔ sɛ obiara betumi de module a wɔabɔ no adi dwuma a, ɛnde JS yɛ ɔkwan foforo a ɛfata. Sɛ nhwɛso no, ɛsɛ sɛ wosɔ hwɛ. Mɛyɛ dɛn ama me sɔhwɛ nsɛmmisa no ada adi ama nnipa afoforo? Biribiara yɛ mmerɛw yiye. Sɛ wɔpaw JavaScript sɛ wɔmfa nyɛ koodu no, na wɔpaw wɛbsaet bi a ɛyɛ ɔkwan biara so sɛ wɔmfa nkyekyɛ a, ɔhaw no ankasa bɛyera.

JavaScript a agye din no fi mfaso pii a ɛwɔ so:

1. Ɛho hia ma wɛb nkɔso. Scripts no, browser ahorow a agye din nyinaa boa, a wɔde nhyehyɛe ne server fã (backend) abɔ mu.
2. Abɔde a nkwa wom nhyehyɛe a wɔayɛ. Ano aduru ahorow a wɔasiesie no dodow bi wɔ hɔ wɔ ɔmanfo anim.
3. Ntease ne sɛnea ɛyɛ mmerɛw sɛ wɔde bedi dwuma.
4. High level a wɔde di dwuma.
5. Adesua a ɛyɛ mmerɛw. Wode syntax no yɛ wo su ntɛmntɛm.

Kasa no nso wɔ sintɔ ahorow bi, a sɛ wɔpɛ a, wobetumi akwati.

1. Hia a ehia sɛ wɔyɛ nhyehyɛe afoforo, nhomakorabea ahorow . Nnwinnade a ɛfata a wobɛpaw no nyɛ adwuma a ɛyɛ mmerɛw. Wobetumi ate ase sɛ ebia nhomakorabea a wɔapaw no fata sɛ wodi ɔhaw pɔtee bi ho dwuma bere a wɔadi kan asua ho ade akyi nkutoo anaa.
2. Nneɛma a ɛsakra, data ahorow a wɔde di dwuma a wɔmfa ahwɛyiye nni dwuma . Typo ketewaa bi betumi abubu dwumadi no nyinaa. Sɛ nhwɛso no, var Nnɔmba = 100; Nnɔmba = Nnɔmba + 1; Script no bɛbɔ amanneɛ sɛ typo bi wɔ hɔ bere a wɔreyɛ program code no nkutoo. Ɔhaw a ɛte saa ara bɛsɔre sɛ programmer no ma register no yɛ basaa a. Nhwɛso biako bio. Programmer no sii gyinae sɛ ɔbɛkyerɛw nɔma bi akɔ variable bi a ɛwɔ ahama bi dedaw mu. Mfomso nkra biara remma wɔ saa asɛm yi mu. Nanso nea ebefi mu aba no bɛyɛ nea ɛne nea wɔhwɛ kwan koraa. Wubetumi akwati ɔhaw ahorow a wɔabobɔ din wɔ atifi hɔ no denam code editors a wode bedi dwuma no so. Ɔkwan a agye din sen biara ne Visual Studio Code.
3. Ɛnyɛ nea ɛfata sɛ wɔyɛ ntwamutam aplikeshɔn ahorow (software a ɛhwɛ ma adwumayɛkuw kɔmputa ntam nkitahodi ahorow di dwuma yiye).
4. JavaScript yɛ kasa a wɔde kyerɛw nsɛm a wontua hwee . Enti, ɛrenyɛ den mma nhyehyɛeyɛfo a wɔn ho akokwaw sɛ wɔde mmara bɔne bɛhyɛ mu. Ɛnnɛ, ntua ahorow a wɔtaa de di dwuma no mu biako ne cross-site scripting a wɔde JavaScript di dwuma. Sɛ nhwɛso no, XSS ntua yɛ ntua bi a ɛde koodu bɔne gu Intanɛt nhyehyɛe ahorow mu, si link ahorow a ahintaw / a wotumi hu ananmu, ɛhyɛ wɔn ma wɔde data a wɔasesa ma, na ɛda wɔn ankasa dawurubɔ ahorow adi wɔ wɛbsaet bi a asɛe so.

https://articles.opexflow.com/programming/kak-stat-programmistom-s-nulya.htm Sɛnea ɛbɛyɛ a nnwuma a ɛyɛ den bɛyɛ mmerɛw na woayɛ nnwuma a wɔtaa yɛ no, wɔkamfo kyerɛ sɛ fa JavaScript nhomakorabea ahorow a ɛyɛ akwan ne dwumadi ahorow a wɔasiesie a wɔaboaboa ano . Nhomakorabea ahorow pii wɔ hɔ a wɔayɛ ama JavaScript. Wɔayɛ emu bi sɛ wɔde bedi ɔhaw pɔtee bi ho dwuma, te sɛ nkrataa a wɔde di dwuma anaasɛ akontaabu dwumadi ahorow a wobu ho akontaa. Afoforo nso kura widget ahorow a wɔtaa de yɛ Intanɛt dwumadi ahorow a edi mũ a wɔde Ajax mfiridwuma di dwuma. Wɔn a wɔn ho akokwaw a wɔde nhomakorabea ahorow a wɔasiesie di dwuma no betumi akora bere pii so. Na wɔn a wɔrefi ase no benya hokwan de nnwuma ahorow a wɔn ankasa ntumi nkyerɛw no bedi dwuma.

Kasa no a wɔhwehwɛ

Amanaman ntam nkyerɛkyerɛmu ahorow si so dua sɛ JavaScript agye din wɔ wɔn a wɔyɛ no mu. Sɛnea PYPL kyerɛ no, ɔyɛ nnipa baasa a wɔsen biara no mu biako.
Stack Overflow Association no rehwɛ nsɛmmisa dodow a ɛfa JS ho wɔ adwumayɛfo nhyiam ahorow no mu. Sɛnea nea efii wɔn nhwehwɛmu no mu bae kyerɛ no, wogye JavaScript tom sɛ ɔkannifo a wonnye ho akyinnye.
W3Techs kan nnwuma dodow a wɔde mfiridwuma pɔtee bi di dwuma. JS nni akansifo biara. Wɔ ɔfã a ɛfa client interfaces ho no, eyi ne adwinnade a wɔsrɛ kɛse.
Nkɔsoɔ dodoɔ a ɛdɔɔso a egyina JavaScript so no ka ho tẽẽ wɔ Frontend mpɔtam hɔ. Developers de nsiyɛ di dwuma bɛyɛ 30 nhomakorabea ne frameworks. Ano aduru a wɔasiesie ne nsusuwso ahorow a wɔde yɛ nnwuma a wɔahyɛ da ayɛ (a nsakrae ahorow bi wom) ma bere pii nsɛe, ɛma adwuma no yɛ mmerɛw, na ɛtew nnwuma ho ka so. Nea ɛtaa ba: Angular, Aurelia, Backbone.js, Ember.js, jQuery, Meteor.js, Node.js, Vue.js.
Wɔde JS adi dwuma kɛse wɔ mobile application ahorow a wɔyɛ, backend nkɔso, ne desktop nhyehyɛe ahorow mu. Nkɔso a ɛyɛ nwonwa a ɛba wɔ JS kasa a wɔhwehwɛ no mu no nso yɛ mmerɛw esiane su a ɛne sɛ ɛbɛma nsɛmma nhoma ahorow no nkitahodi akɔ soro nti. .

JavaScript ne nneɛma atitiriw a wɔde di dwuma

Ansa na wubesua kasa bi kasamufa no, s s wote ne botae titiriw ase. Mpɛn pii no, wɔde JS di dwuma bere a ɛho hia sɛ wɔyɛ application a egyina browser so, na ama Intanɛt ahode no anya “mobility” pii.

1. Nkratafa a ɛyɛ nnam wɔ wɛbsaet ahorow so . Sɛ wode JavaScript di dwuma a, wubetumi ayɛ nnwinnade ho nsɛm, mfonini ahorow a ɛyɛ anigye. Wɔde koodu no ahyɛ kratafa no mu. Script no yɛ adwuma tẽẽ wɔ nea ɔde di dwuma no browser no mu. JS, CSS, HTML – ahokokwaw a ɛdɔɔso ma nnɛyi anim-awieɛ developer.
2. Agodie, wɛbsaet so dwumadi ahorow . Sɛ nhwɛso no, Gmail client, Google Maps no yɛ JS. Sɛ wopɛ sɛ wobɔ walker a, wubetumi de HTML5, JS ne nhomakorabea a wɔasiesie adi dwuma.
3. Browser Ntrɛwmu . Wubetumi akyerɛw w’ankasa dwumadi akontaabu anaa nhyehyɛe bi a ɛbɛhwɛ bere dodow a wode yɛ nneyɛe bi.
4. Wɛbsaet somfo . Wɔ backend tebea mu no, JS ne Python, PHP, ne kasa afoforo si akan. Mfaso titiriw a ɛwɔ so ne sɛ wotumi yɛ client ne server afã horow no wɔ kasa koro mu. Sɛ wopɛ sɛ wobɔ JS backend a, developers de Node.js engine no di dwuma.
5. Desktop (desktop so dwumadi ahorow) .
6. Mobile Dwumadibea ahorow . Eyi nyɛ nea wɔtaa de JavaScript di dwuma sen biara. Nanso ɛwɔ baabi a ɛsɛ sɛ wotra, sɛ ɛyɛ esiane sɛ JS ma wo kwan ma wobɔ cross-platform applications nti a. Sɛ wobɛyɛ eyi a, wubetumi de Ionic, React Native, PhoneGap frameworks no adi dwuma.

Ade foforo a ɛho hia ne JS a wɔde di dwuma ma mfiri adesua ( ML) ne nyansa a wɔde ayɛ nneɛma (AI). Mfiri adesua kyerɛ tumi a nhyehyɛe ahorow tumi yɛ nneyɛe bi a wɔmfa akwankyerɛ pɔtee biara mma. Sɛ wode nnwuma a ɛte saa bedi dwuma a, wubetumi de nhyehyɛe te sɛ TensorFlow.js adi dwuma. Ɛnnɛ wubetumi de:

• adesua a wɔde kɔ baabi foforo;
• nhwɛsode a wɔadi kan atete no;
• w’ankasa wo nhwɛso a wobɛhyehyɛ.

Susuw nhwɛso bi a wɔadi kan atete no ho sɛ nhwɛso. Fa no sɛ ɛsɛ sɛ yɛyɛ wɛbsaet bi a ɛbɛhwehwɛ mfonini ahorow mu na apaw nea ɛkyerɛ ɔkraman bi. MobileNet yɛ mfonini ahorow a wɔakyekyɛ mu a agye din. Ɛwɔ hɔ wɔ ntetee model format mu fi Tensorflow.js. Kood a edidi so yi bɛpue wɔ wɛbsaet no so:
Fa MobileNet ne Tensorflow.js ka HTML koodu no ti ho.
Nipadua no kyerɛ ade a ɛwɔ mfonini a wɔde yɛ nhwehwɛmu no mu.
Wɔde JavaScript koodu bɛka script no ho a ɛbɛhyɛ MobileNet mfonini a wɔadi kan atete no no mu de ahwehwɛ mfonini ahorow a wɔakyerɛ wɔ mfonini no mu no mu.
Nea ɛbɛba no bɛyɛ array a ɛwɔ nkɔmhyɛ abiɛsa. Wobedi kan akyerɛw nea ebetumi afi mu aba kɛse no din. Eyi ne sɛnea wubetumi de model a wɔatete dedaw adi dwuma ne Tensorflow.js. Ɛsɛ sɛ wote ase sɛ ebia ebegye bere ansa na atumi akɔ browser no mu. Ɛtɔ mmere bi a, edu sikani 10 mu.

Sɛnea ɛbɛyɛ yiye sɛ wobesua JavaScript wɔ afe 2022 mu – nkɔso ho adwene

JavaScript yɛ fapem a front-end wɛb nkɔso nyinaa gyina so. Wubetumi de ayɛ nneyɛe ahorow na woasiw nsɛm a esisi no ano. Sɛ nhwɛso no, obi a ɔde di dwuma no klik menu ade bi so wɔ wɛbsaet bi so. Klik ahyɛde no yɛɛ adwuma. Afei, wɔfrɛ dwumadie pɔtee bi: sesa kɔla a ɛwɔ active element no mu, ɛma modal window no yɛ adwuma. Wɔde JavaScript di dwuma de ma wɛbsaet no nkratafa no di nkitaho kɛse, na ama nsrahwɛfo atumi de nneɛma ahorow a ɛma denhyɛ adi nkitaho. Sɛ wode JavaScript di dwuma a, wubetumi de nneɛma pii a mfaso wɔ so aka wɛbsaet krataafa bi ho. Sɛ wɔde HTML, CSS ne JS nkutoo di dwuma a, wɔn a wɔyɛ no betumi ayɛ application ahorow a ɛyɛ adwuma. Sɛ nhwɛso no, asase mfonini a wɔbɛyɛ no foforo wɔ bere ankasa mu, Intanɛt so agodie. Hwɛ wɛbsaet a agye din a wɔfrɛ no Pinterest no. Ɛha yi, wɔde JavaScript di dwuma yiye de yɛ adamfofa kwan so dwumadie. Bio nso, JavaScript ne programming kasa a agye din sen biara wɔ wiase. Na ɛmfa ho adwuma ho apɛde ahorow no, ɛsɛ sɛ wosua kasa a mfaso wɔ so yiye yi. Ɛnyɛ wɛb nhyehyɛefo a wɔyɛ foforo nko na wobetumi ahu kasa no yiye, na mmom sukuufo nso betumi ama wɔanya nkɔso wɔ ɔkwan a ɛkɔ akyiri so. Eyi yɛ mmerɛw denam ntease a wotumi hu wɔ mmara no mu, ntease a ɛwɔ kasa no mu, ne sɛnea nsɛmfua no yɛ mmerɛw no so. JavaScript yɛ kasa a ɛwɔ nneɛma a edidi so yi: Eyi yɛ mmerɛw denam ntease a wotumi hu wɔ mmara no mu, ntease a ɛwɔ kasa no mu, ne sɛnea nsɛmfua no yɛ mmerɛw no so. JavaScript yɛ kasa a ɛwɔ nneɛma a edidi so yi: Eyi yɛ mmerɛw denam ntease a wotumi hu wɔ mmara no mu, ntease a ɛwɔ kasa no mu, ne sɛnea nsɛmfua no yɛ mmerɛw no so. JavaScript yɛ kasa a ɛwɔ nneɛma a edidi so yi:

1. Nsɛm a wɔahyehyɛ no yiye. Nsonsonoeɛ kɛseɛ wɔ Func() ne func() dwumadie ntam.
2. Dwumadi ne nneɛma a wɔasisi mu a ɛwɔ hɔ.
3. Hia a ehia sɛ wɔde semicolon di dwuma wɔ operators akyi.
4. Nea ɛnte nka wɔ ahunmu ho. Wubetumi de indent dodow soronko adi dwuma de ayɛ code no format.

JavaScript – wie JS adesua ma wɔn a wɔrefi ase, video nkyerɛkyerɛ a wɔde sua ade fi mfiase ne ma developers a wɔn ho akokwaw kɛse: https://youtu.be/CxgOKJh4zWE

JavaScript yɛ kasa a wɔde kyerɛw nsɛm. Script yɛ program code a enhia sɛ wodi kan yɛ ho adwuma ansa na wɔafi ase. Browser engine no na ɛyɛ code no ho adwuma bere a wɔde kratafa no rehyɛ mu no.

Akwankyerɛ atitiriw dodow bi wɔ hɔ a ebetumi ama JavaScript kasa a wosua no ayɛ mmerɛw kɛse.

1. Nea edi kan koraa no, ɛsɛ sɛ wuhu HTML ne CSS yiye. Ɛnsɛ sɛ wufi ase yɛ wɛbsaet ahorow, application ahorow, nkrataa ne nneɛma afoforo ma Intanɛt a wunnim mfitiasesɛm no.
2. Sua nhoma foforo. Nsɛm ho amanneɛbɔ mfiridwuma renya nkɔso, enti mmu w’ani ngu nneɛma foforo a wɔyɛ no so.
3. Bɔ mmɔden sɛ w’ankasa wobɛkyerɛw dwumadi no afã horow nyinaa. Sɛ na ɛsɛ sɛ wofɛm obi foforo koodu a, sua nkyerɛwde biara yiye.
4. Fa debugging di dwuma. Ahokokwaw a ɛho hia sen biara a nhyehyɛeyɛfo biara a ne ho akokwaw wɔ ne sɛ obehu mfomso ne sintɔ ahorow ntɛmntɛm.
5. Kyerɛw koodu fɛfɛ. Mmu w’ani ngu formatting gyinapɛn ahorow so. Nokwarem no, nsɛm a wɔde ahyɛ mu anaa nsɛm a wɔde ahyɛ mu no dodow renka sɛnea nkyerɛwee no te, nanso ɛbɛyɛ nea ntease wom na ɛyɛ nea wotumi kenkan. Code bɔne no fã bi ni.
6. Bɔ mmɔden sɛ wobɛka nneyɛe a ɛho hia ho asɛm.

JavaScript yɛ kasa a wɔde di dwuma kɛse wɔ wɛbsaet nhyehyɛe tebea mu. Agye kasa horow a ɛyɛ adwuma ne nea ɛfa nneɛma ho no tumi. Nanso mma wo werɛ mmfi sɛ kasa yɛ developer adwinnade, na ade a ɛho hia sen biara wɔ code kyerɛw mu ne adwene.

Nsɛm a mfaso wɔ so ma animdefo a wɔyɛ animdefo

React yɛ JavaScript nhomakorabea. Nnansa yi, abɛyɛ gyinapɛn a wɔde yɛ anim-awiei nkɔso. Eyi yɛ asɛmpa ma cross-platform developers. React Native wɔ mfaso horow a edidi so yi:

1. Efficient and smart rendering a ɛsan twe afã horow nkutoo bere a ɛho hia (sɛ tebea no sesa a).
2. Nyansapɛ a ɛyɛ mmerɛw na ɛyɛ mmerɛw yiye a wɔde bɛpae mu aka aman, adwene. Code no bɛyɛ nea wotumi kenkan, ɛyɛ fɛ na ɛnyɛ den sɛ wobesiesie.

Sɛ yɛbɛka no tiawa a, React siw nsonsonoe a ɛda JS ne HTML ntam no ano. React JS fundamental course from A to Z: https://youtu.be/GNrdg3PzpJQ Nnipa kakraa bi na wɔkyerɛw CSS a ɛho tew nnansa yi. Ɛabɛyɛ ade a ɛho hia ma animdefo a wɔyɛ animdefo no sɛ wobesua kasa ahorow te sɛ Less anaa Sass. Nyansahyɛ foforo ne sɛ wobɛhwehwɛ akwan a ɛwɔ hɔ a wobɛfa so ayɛ nkratafa a ɛyɛ mmuae. Eyi fi sɛnea mfiri ahorow pii (tablet, smartphone, PC, ne nea ɛkeka ho) no yɛ nneɛma pii. JS ne CSS nhomakorabea ahorow pii wɔ hɔ a ɛnyɛ den sɛ wobedi saa adwuma yi ho dwuma. Wɔn mu dodow no ara gyina Google Material Design akwankyerɛ ahorow so. Nhomakorabea ne nsɛmti ahorow a ɛfa ho wɔ hɔ a ɛsɛ sɛ wode w’adwene si so:

• ma JSON Wɛb Token tumi krataa;
• ma modular Webpack a wɔde si;
• ma data sampling ne adwuma ne Redux, Relay, Flux nsuo.

Nhomakorabea dodow bi nso wɔ hɔ a wɔde bɛma adwumayɛ dodow no ayɛ papa, debugging, ne nnwuma a wɔabɔ no sohwɛ. Ɛnnɛ, sɛnea ɛbɛyɛ a obi bɛyɛ anim-end developer a agye din na etu mpɔn no, ɛnsɛ sɛ obi sua nneɛma atitiriw no nko, na mmom otumi paw / de nea abenfo afoforo atumi ayɛ no di dwuma, a wɔayɛ no wɔ nhomakorabea / nhyehyɛe ahorow mu. Ɛdenam wɔn mmoa so no, adwuma no bɛkɔ ntɛmntɛm kɛse.