Adalah lebih baik untuk mula mempelajari asas pengaturcaraan dengan bahasa yang anda boleh mencari pekerjaan dengan mudah. Setiap tahun, indeks TIOBE menerbitkan ranking teknologi paling popular, serta dinamik naik turunnya populariti mereka.

Berdasarkan data ini, anda boleh menjejaki kedudukan Javascript dan membuat kesimpulan yang sesuai: walaupun bahasa itu bukan yang paling popular, ia terus berkembang. Memandangkan bilangan kekosongan jawatan pembangun bahagian hadapan semakin meningkat, dan bilangan kawasan yang digunakan Javascript semakin meningkat, kami mengesyorkan bermula dengannya.

Jika anda masih tidak pasti bahawa anda boleh mempelajari Javascript dari awal, maka kami membawa kepada perhatian anda artikel yang akan membuktikan sebaliknya dalam perkataan dan contoh.

Javascript: belajar dari awal

Mula-mula, mari beritahu anda apa itu Javascript dan mengapa ia diperlukan.

Javascript ialah teknologi berasaskan prototaip yang digunakan untuk menulis skrip yang dilaksanakan oleh perisian khas.

Apabila diterjemahkan ke dalam bahasa manusia, ia adalah pautan tambahan dalam rantaian pelaksanaan skrip perisian.

Mengapakah Javascript diperlukan? Di manakah bahasa pengaturcaraan ini digunakan? Jika anda memutuskan untuk membangunkan aplikasi web mudah alih, desktop dan merentas platform, permainan, klien dan pelayan aplikasi web, maka anda dialu-alukan untuk menggunakan Javascript. Ini benar-benar teknologi pelbagai fungsi yang sesuai untuk pembangunan banyak, jika tidak semuanya.

By the way! Bagi pembaca kami kini terdapat diskaun 10% untuk sebarang jenis kerja

Asas Javascript untuk Pemula: Tempat Belajar

Bagaimana untuk belajar JavaScript dari awal? Bagaimana untuk belajar memprogram sendiri? Ramai pengaturcara permulaan bertanya soalan ini. Nasib baik, jawapannya wujud, dan ia agak terperinci.

Terdapat beberapa pilihan untuk mempelajari bahasa pengaturcaraan ini:

• kursus khusus,
• kajian bebas,
• Belajar di Universiti.

Dengan kursus khusus semuanya jelas: datang dan belajar. Guru dalam kursus sebegini mempraktikkan pembangun yang bukan sahaja berkongsi, tetapi juga mengukuhkan perkara teori dengan amalan.

Kursus mestilah jangka panjang. Tiada siapa yang boleh mengajar anda apa-apa dalam sebulan!

Cara belajar Javascript dari awal sendiri: 4 cara

Jika anda ingin belajar JavaScript sendiri, anda perlu sangat berdisiplin dan berusaha maksimum untuk memastikan semuanya berjalan lancar. Seperti yang mereka katakan, kesabaran dan kerja akan menghancurkan segala-galanya.

Sebelum anda memulakan pengaturcaraan dalam Javascript, anda perlu memikirkan pelan penyediaan anda secara terperinci. Kami menawarkan versi kami, dan anda boleh melaraskannya bergantung pada matlamat, keupayaan dan kebolehan anda.

1. Belajar belajar dan mengingati perkara yang mudah. Keupayaan untuk pembangunan diri perlu dibangunkan. Sangat penting untuk dapat belajar dengan baik. Ia memerlukan disiplin diri dan matlamat yang kuat, jadi sebelum anda mula belajar, ajar diri anda bagaimana untuk belajar.

2. Pelajari asas JavaScript. Codecademy: Belajar JavaScript, SnoopCode: Tutorial JavaScript, Panduan JavaScript MDN - sumber dalam talian ini merangkumi tatabahasa, jenis, gelung, fungsi, ungkapan, nombor, tarikh, pemformatan dan banyak lagi.

3. Mula meneroka ciri lanjutan bahasa. Selepas anda mempelajari asasnya, mula menguasai perpustakaan dan rangka kerja: JQuery, ReactJS, Angular 2, node.js, yang akan membolehkan pembangunan di bahagian pelayan dan lain-lain.

4. Buat projek anda sendiri. Free Code Camp ialah komuniti pembangun tempat anda boleh menghantar kod, membuat projek dan menerima sijil untuknya. Dan perkara utama ialah menerima maklum balas daripada ahli komuniti yang lain.

Pembangunan profesional: amalan dan lebih banyak amalan

Anda boleh mempelajari satu tan kesusasteraan, tetapi tanpa latihan berterusan anda tidak akan mencapai apa-apa.

Seseorang itu tidak boleh dipanggil ahli krafnya jika dia tahu segala-galanya tetapi tidak dapat berbuat apa-apa.

Pengaturcaraan, seperti perniagaan lain, memerlukan latihan berterusan. Lebih baik lagi, belajar dan berlatih pada masa yang sama. Dengan cara ini anda akan segera menguji teori dalam amalan dan memahami di mana anda membuat kesilapan. Dan akan ada kesilapan, percayalah. Tetapi jangan takut dengannya. Sebaliknya, tanpa kesilapan tidak akan ada kemajuan.

Rancang hari anda supaya anda mempunyai dua jam masa belajar setiap hari. Jangan bekerja terlalu keras. Ambil rehat dan tukar aktiviti anda. Hebat untuk mempelajari Javascript, teknik Pomodoro.

Tonton pelajaran video, baca dan simpan artikel menarik, hadiri seminar dan persidangan, bincang dan kongsi pendapat anda dengan pelajar lain.

Secara umum, anda mempunyai banyak kerja, tetapi anda mungkin tidak mempunyai masa yang cukup jika anda juga belajar di universiti. Jadi kami cadangkan menghubungi perkhidmatan pelajar untuk menjadikan hidup anda lebih mudah dan mencapai matlamat anda.

JavaScript memainkan peranan yang besar dalam web moden. Menurut data, kira-kira 95% daripada semua tapak web di dunia menggunakan JavaScript dalam projek mereka. Ini adalah angka gergasi yang memaksa pemula untuk mempelajari JS sebagai teknologi yang menjanjikan dan sangat menguntungkan.

Dalam kursus video ini kita akan berkenalan dengan sintaks bahasa, belajar cara mencipta aplikasi web yang mudah dan menyelami dunia bahasa pengaturcaraan JavaScript yang menarik!

Bahasa ini diperlukan untuk membina pelbagai fungsi pengguna. Di samping itu, dengan kemunculan perpustakaan dan rangka kerja baharu, ia menjadi mungkin untuk mencipta bukan sahaja bahagian pengguna tapak, tetapi juga bahagian pelayan.

Sebagai contoh, platform menggunakan sintaks JavaScript dan membolehkan anda melakukan tindakan yang berkaitan dengan pelayan dan pangkalan data. Kini, pembangun web moden dapat membina tapak web hanya menggunakan JavaScript dan tiada bahasa pengaturcaraan pihak ketiga yang lain (tidak dikira).

Pada projek kami, anda boleh menggunakan pelbagai perpustakaan dan rangka kerja yang ditulis berdasarkan JS. Ia adalah perlu untuk mengkajinya selepas menamatkan kursus ini, kerana ia dibina dengan tepat.

Oleh itu, setelah mempelajari JavaScript, anda akan dapat membina pangkalan pengetahuan yang diperlukan yang berguna kepada anda untuk menguasai perpustakaan dan rangka kerja lain atau untuk membina tapak web secara eksklusif dalam JavaScript tulen.

Sedikit tentang JS

Apakah fungsi JavaScript bertanggungjawab dan mengapa anda perlu menggunakannya sama sekali?

Lihat jawapan

JavaScript melaksanakan peranan fungsi pengguna di tapak. Anda boleh menggunakannya untuk mencipta pelbagai animasi dan ciri yang akan meningkatkan pengalaman pengguna dan menarik pengguna untuk kekal di tapak lebih lama.

Di samping itu, baru-baru ini banyak perpustakaan JS yang berbeza telah muncul yang membolehkan anda membuat tapak web sepenuhnya dalam JS sahaja. Tulis bukan sahaja bahagian pengguna, tetapi juga bahagian pelayan tapak. Satu platform sedemikian ialah Node JS, di mana anda juga perlu menggunakan sintaks JS.

Sedikit teori

Apakah bahasa yang perlu anda pelajari sebelum mempelajari JavaScript?

Lihat jawapan

Anda harus tahu sedikit HTML dan CSS kerana JS digunakan terutamanya dalam pembangunan web. Anda tidak perlu mempelajari selebihnya, kerana JS ialah bahasa berasingan yang tidak memerlukan sebarang teknologi tambahan.

Tugasan besar untuk kursus

Anda perlu melanggan tapak untuk menerima tugas yang besar. Terdapat tugasan sedemikian untuk setiap kursus. Ia termasuk tugas, kaedah penyelesaian dan "Penyelesaian Sedia."
PS: tugasan sedemikian hanya tersedia dengan langganan sekurang-kurangnya 1 bulan!

Seterusnya

Ia juga berbaloi untuk menonton Tutorial JavaScript JavaScript Asas JavaScript, jQuery dan Ajax (2015)

Kursus pemula tentang asas dan pembelajaran JavaScript. Video tersebut mengandungi contoh penggunaan rangka kerja jQuery dan teknologi Ajax.

Saya ingin ambil perhatian bahawa kursus video ini bertujuan untuk menyelesaikan masalah biasa yang diperlukan dengan cepat pada peringkat awal transformasi laman web. Menguasai JavaScript menggunakan contoh praktikal dan kehidupan sebenar, tanpa mempelajari maklumat yang tidak perlu.

lebih lanjut tentang video...

JavaScript. Panduan Komprehensif, Edisi Ke-6 (2012) - 13.3 MB

Edisi buku yang dikemas kini sepenuhnya tentang Javascript untuk kajian terperinci tentang bahasa dari awal, dan untuk pengaturcara dan pembangun web yang berpengalaman, ia akan membolehkan mereka meningkatkan tahap profesional mereka dalam pengetahuan mendalam tentang JavaScript dan platform WEB.

Buku ini mengandungi rujukan lengkap kepada JavaScript. Sebilangan besar contoh praktikal untuk membangunkan skrip dalam JavaScript dipertimbangkan, termasuk ECMAScript 5, antara muka pengaturcaraan aplikasi penyemak imbas mengikut standard HTML5.

lebih lanjut tentang buku...

JavaScript. Templat (2011) - 2.9Mb

Tutorial Javascript telah ditulis oleh S. Stefanov, pakar Javascript dan pakar terkemuka di Yahoo, pengarang beberapa buku, pencipta Alat Pengoptimuman Grafik dan Alat Pengoptimuman Prestasi Halaman Web The Javascript Tutorial mengandungi cadangan praktikal untuk melaksanakan corak berkenaan dengan contoh kod. Tutorial Javascript bertujuan untuk pembaca peringkat pertengahan.

Pembangun web bagi aplikasi klien, pelayan dan desktop dalam Javascript sering menghadapi masalah yang berkaitan dengan objek, fungsi, warisan dan ciri lain bahasa Javascript.

lebih lanjut tentang buku teks...

jQuery. Gaya pengaturcaraan baharu dalam JavaScript (2010) - 3.3Mb

Tutorial jQuery menerangkan keupayaan kaya perpustakaan JavaScript yang telah menjadi popular di kalangan pengaturcara.

jQuery ialah pustaka JavaScript padat penyemak imbas silang. Pembaca dikehendaki mempunyai sedikit pengetahuan tentang JavaScript dan PHP.

lebih lanjut tentang buku teks...

JavaScript. belajar javascript dari awal

Panduan Komprehensif, Edisi Ke-5 (2008) - 5.6Mb

Tutorial Javascript mempunyai terjemahan yang sangat baik dari bahasa Inggeris, yang mengelakkan kekeliruan biasa dari segi istilah. Penyampaian bahan dalam buku teks adalah jelas dan boleh difahami, dengan contoh penerangan dan visual.

Tutorial akan memperkenalkan anda kepada asas Javascript dan kemudian persekitaran skrip yang ditawarkan oleh pelayar moden.

lebih lanjut tentang buku teks...

JavaScript dalam poket anda (2008) - 6.2Mb

Jika halaman web anda kekurangan dinamisme, fleksibiliti dan personaliti, baca tutorial JavaScript dan beralih kepada skrip. Dengan bantuan JavaScript, anda boleh menjadikan dokumen pintar, memberikan kehidupan dan watak ke dalamnya.

Skrip ialah atur cara kecil yang ditulis ke dalam kod HTML halaman web, dan JavaScript ialah bahasa skrip yang paling popular. Jika pembaca mempunyai sedikit pemahaman tentang bahasa HTML, maka tidak mengapa, kerana maklumat yang terkandung dalam tutorial JavaScript ini akan mencukupi untuk membuat halaman web yang mudah, walaupun untuk pemula.

lebih lanjut tentang tutorial...

Ajax in Action (2006) - 6.6Mb

Tutorial Ajax menerangkan pendekatan baharu untuk mencipta aplikasi web. Tutorial merangkumi blok binaan Ajax: Javascript, CSS, DOM, dan objek XmlDocument dan XMLHttpRequest. Buku teks menyediakan penyelesaian kepada isu pengurusan kod, interaksi antara pelayan dan klien, dan penggunaan seni bina model-view-controller pada tahap aplikasi yang berbeza.

Tutorial Ajax menyediakan maklumat tentang keselamatan dan prestasi, ciri-ciri yang sangat penting yang mempengaruhi nilai mana-mana produk dengan ketara. Isu yang dibincangkan disertakan dengan contoh ilustrasi penggunaan praktikal Ajax.

lebih lanjut tentang buku teks...

Kepada kalangan orang dan rakan yang berminat:

"Javascript adalah untuk memprogramkan apa itu jazz kepada muzik."

Markus Persson

Artikel ini adalah tentang cara saya belajar/terus mempelajari bahasa JavaScript yang menarik.

JS untuk pemula. Pelajaran 0: Pengenalan

Saya rasa tidak perlu menjelaskan mengapa anda perlu belajar JavaScript hanya membaca artikel "Teknologi semasa dan arah aliran dalam pembangunan web."

Saya bermula dengan kursus JavaScript di codecademy.com, menyelesaikan kira-kira separuh daripadanya, dan pada masa yang sama mula mempelajari asas tentang learn.javascript.ru, lebih mudah untuk membeli buku di epub/pdf learn.javascript.ru/ ebook.

Kemudian saya beralih daripada codecademy.com kepada perkhidmatan yang sangat baik untuk belajar freecodecamp.com, melalui bahagian: "JavaScript Asas", "Pengaturcaraan Berorientasikan Objek dan Fungsian", mula mengambil "Skrip Algoritma Asas" (upd: lulus 3 daripada 7 ).

Mula membaca JavaScript. Panduan terperinci" pengarang: David Flanagan (ozon.ru), saya menyedari bahawa pada peringkat ini bagi saya ini lebih kepada buku rujukan, saya memutuskan untuk melihat lebih jauh. Saya terjumpa kursus JavaScript di hexlet.io, semuanya diterangkan dengan sangat jelas, kursus itu berdasarkan buku “JavaScript. Kekuatan" pengarang: Douglas Crockford (ozon.ru) dan pada kuliahnya, adalah baik untuk membaca buku ini selepas menonton kursus (kemas kini: membaca 43 halaman daripada 173).

Kini terdapat idea untuk mengikuti kursus "JavaScript/DOM/interfaces" daripada Ilya Kantor (learn.javascript.ru/courses).

UPD: Selepas bercakap dengan pembangun, saya mendapati bahawa perkara yang paling penting dalam pembelajaran adalah amalan, dan buku boleh dipelajari secara selari dan menggunakan teori kepada pengetahuan sebenar, tidak perlu menyertai projek sedia ada, anda boleh memulakan sendiri. , itulah yang sebenarnya saya akan lakukan.

Banyak sumber berguna boleh diperolehi daripada entri blog pertama "Bagaimana untuk menjadi pembangun front-end yang hebat" (kirillzharov.ru/how_to_become_cool_front-end_developer), pilihan kursus, buku untuk dipelajari, artikel, video tentang JavaScript di pautan kirillzharov .ru/frontend.

Artikel itu berdasarkan pengalaman saya mempelajari JavaScript dan tidak berpura-pura menjadi satu-satunya pilihan yang optimum ia akan dikemas kini semasa saya belajar.

Tag: bahagian hadapan

Guru dan mentor yang mengajar JavaScript boleh menawarkan pilihan mereka sendiri untuk mengatur urutan pembelajaran JavaScript dalam ulasan bahagian buku teks ini. Pembaca yang belajar sendiri JavaScript juga boleh menyatakan ulasan mereka tentang organisasi buku teks. Agar pembelajaran JavaScript sendiri berkesan, pengalaman metodologi yang disediakan oleh pembelajaran JavaScript adalah perlu. Tutorial pemula seharusnya membantu pembangun bermula dengan cepat.

JavaScript 1. Pengenalan

Apabila menjana halaman di Web, dilema timbul berkaitan dengan seni bina pelayan-pelanggan. Halaman boleh dijana kedua-dua di sisi klien dan di sisi pelayan. Pada tahun 1995, Netscape mencipta mekanisme pengurusan halaman sebelah klien dengan membangunkan bahasa pengaturcaraan JavaScript.

Oleh itu, JavaScript ialah bahasa untuk menguruskan skrip untuk melihat halaman Web hiperteks pada sisi klien.

Idea utama JavaScript adalah untuk dapat mengubah nilai atribut kontena HTML dan memaparkan sifat persekitaran semasa pengguna melihat halaman HTML. Dalam kes ini, halaman tidak dimuatkan semula.

Dalam amalan, ini bermakna anda boleh, sebagai contoh, menukar warna latar belakang halaman atau imej yang disepadukan ke dalam dokumen, membuka tetingkap baharu atau mengeluarkan amaran.

Nama JavaScript adalah hak milik Netscape. Pelaksanaan bahasa yang dijalankan oleh pembangun Microsoft secara rasmi dipanggil Jscript.

Versi JScript adalah serasi (setepatnya, tidak serasi sepenuhnya) dengan versi JavaScript yang sepadan, i.e. JavaScript ialah
subset bahasa JScript. JavaScript diseragamkan oleh ECMA (European Computer Manufacturers Association). Piawaian yang sepadan dipanggil ECMA-262 dan ISO-16262. Piawaian ini mentakrifkan bahasa ECMAScript, yang kira-kira setara dengan JavaScript 1.1.

Ambil perhatian bahawa tidak semua pelaksanaan JavaScript hari ini mematuhi sepenuhnya standard ECMA. Sepanjang kursus ini, kami akan menggunakan nama JavaScript dalam semua kes.

2. JavaScript secara ringkas

Memahami model objek seperti yang digunakan pada JavaScript

Hartanah

Kaedah

Peristiwa

Meletakkan kod pada halaman HTML

Skim URL JavaScript

Pengendali Acara, Penggantian dan Sisipan

Meletakkan kod di dalam dokumen HTML

Hierarki Kelas

Medan lokasi

Pengurusan tingkap

bekas BENTUK

Teks dalam medan input

Butang

Imej

Pertukaran data

rentetan

Nombor

Tatasusunan

Mencipta kesan perubahan imej.

Menambah dan mengalih keluar elemen.

Bekerja dengan teks

Objek dokumen

kesusasteraan

3. JavaScript. Gambaran Keseluruhan Ciri Teras Bahasa 4. Nilai, Pembolehubah dan Huruf

Ia melihat pada nilai yang diiktiraf dalam JavaScript dan menerangkan blok binaan asas ungkapan JavaScript: nilai, pembolehubah dan literal.

5. Ungkapan dan Operasi

Ia merangkumi ungkapan dan operasi JavaScript, termasuk: tugasan, perbandingan, aritmetik, bitwise, rentetan logik dan operasi khas.

6. Ungkapan biasa

Ungkapan biasa ialah corak yang digunakan untuk memadankan gabungan aksara dalam rentetan. Dalam JavaScript, ungkapan biasa juga merupakan objek.

7. Operator

JavaScript menyokong set operator padat yang boleh digunakan untuk mencipta halaman Web interaktif. Berikut ialah gambaran keseluruhan pengendali ini.

8. Fungsi

Fungsi ialah blok binaan asas JavaScript yang lain.

Tutorial JavaScript untuk pemula dari Dmitry Trepachev

Fungsi ialah prosedur JavaScript - satu set pernyataan yang melaksanakan tugas tertentu. Untuk menggunakan fungsi, anda mesti mentakrifkannya dahulu; skrip kemudian boleh memanggil fungsi ini.
Mentakrifkan Fungsi
Fungsi panggilan
Menggunakan Arguments Array
Fungsi Pratakrif

9. Bekerja dengan objek

Ia meliputi penggunaan objek, sifat, fungsi dan kaedah serta cara mencipta objek anda sendiri.
Objek dan Sifat
Mencipta Objek Baru
Objek Kernel Pratakrif

10. Model objek. Butiran

JavaScript ialah bahasa berorientasikan objek berasaskan prototaip dan bukannya berasaskan kelas. Oleh kerana perbezaan asas ini, tidak jelas bagaimana JavaScript membenarkan anda membuat hierarki objek dan melaksanakan pewarisan sifat dan nilai. Bab ini cuba menjelaskan perkara ini.
Bahasa berasaskan kelas dan berasaskan prototaip
Contoh Pekerja
Mewujudkan Hierarki
Sifat objek
Pembina yang lebih fleksibel
Pewarisan harta dikaji semula

Spesifik bahasa klien 11. Pelaksanaan Skrip Java dalam HTML

Anda boleh membenamkan JavaScript dalam dokumen HTML sebagai pengendali dan fungsi dalam badan teg, dengan menentukan fail sebagai sumber JavaScript, dengan menentukan ungkapan JavaScript sebagai nilai atribut HTML atau sebagai pengendali peristiwa dalam teg HTML tertentu yang lain. (terutamanya dalam unsur bentuk).
Menggunakan tag SCRIPT
Spesifikasi fail dengan kod JavaScript
Menggunakan Ungkapan JavaScript sebagai Nilai Atribut HTML
Menggunakan petikan
Spesifikasi kandungan alternatif dengan tag NOSCRIPT

12. Pengendalian Acara

Aplikasi JavaScript dalam Navigator menggunakan acara secara meluas. Peristiwa ialah tindakan yang berlaku secara berkala akibat daripada beberapa tindakan pengguna. Sebagai contoh, mengklik butang ialah satu peristiwa, seperti menukar teks dalam medan teks atau menggerakkan tetikus ke atas hiperpautan. Untuk membuat skrip anda bertindak balas kepada acara, anda menentukan pengendali acara seperti onChange dan onClick.
Menentukan Pengendali Acara
Objek acara
Tangkapan Acara
Menyemak data yang dimasukkan dalam borang

13. Menggunakan objek Navigator

Ia melihat objek JavaScript dalam Navigator dan menerangkan cara menggunakannya. Objek JavaScript sisi pelanggan kadangkala dipanggil objek Navigator untuk membezakannya daripada objek sisi pelayan dan yang menghadap pengguna.

14. Menggunakan tingkap dan bingkai

JavaScript membolehkan anda mencipta dan memanipulasi tetingkap dan bingkai untuk mempersembahkan kandungan HTML. Objek tetingkap ialah objek peringkat atas dalam hierarki JavaScript sisi klien; Objek bingkai adalah serupa dengan objek tetingkap, tetapi sepadan dengan "subwindows" yang dibuat oleh teg FRAME dalam dokumen dengan teg FRAMESET.

15. Artikel tambahan

Ia merangkumi beberapa konsep dan aplikasi khas yang meningkatkan keupayaan dan fleksibiliti JavaScript.

16. Keselamatan dalam JavaScript

JavaScript secara automatik menghalang skrip pada satu pelayan daripada mengakses sifat dokumen pada pelayan lain. Sekatan ini menghalang skrip daripada mendapatkan maklumat sensitif seperti struktur direktori atau sejarah sesi pengguna. Ini menerangkan model keselamatan yang terdapat dalam versi JavaScript yang berbeza.

17. jQuery

jQuery ialah perpustakaan JavaScript yang menyediakan kebolehoperasian silang pelayar sejagat antara Skrip Java dan HTML.

JavaScript dari awal Rujukan pantas

JavaScript dibangunkan bersama oleh Netscape dan Sun Microsystems. Mereka memerlukan bahasa ringkas yang boleh digunakan oleh pereka web dan pengaturcara biasa. Pada masa yang sama, ia perlu berfungsi dengan pemalam, imej dan applet Java. Pengurusan syarikat tidak menyukai bahasa PHP, yang mungkin sesuai untuk tujuan ini, jadi bahasa baharu diperlukan. Penciptaan bahasa itu telah diamanahkan kepada Brendan Eich, yang telah diupah oleh Netscape pada April 1995. Sebagai tambahan kepadanya, Marc Andreessen dari Netscape dan Bill Joy (pengasas bersama Sun Microsystems) mengambil bahagian dalam pembangunan.

Pada masa yang sama, semua orang memahami bahawa Microsoft sedang berusaha untuk menakluki pasaran Internet. Ingat pepatah terkenal Bill Gates - "Pada masa hadapan hanya akan ada dua jenis syarikat: mereka yang pergi ke dalam talian dan mereka yang keluar dari perniagaan." Oleh itu, Brendan Eich terpaksa menyiapkan penciptaan bahasa itu dalam masa dua minggu sahaja, yang menjadi punca kepada banyak kekurangan dalam versi pertama. Bahasa pertama yang dibangunkan dipanggil Mocha. Kemudian, nampaknya menyedari betapa mengerikannya nama itu, mereka menamakannya LiveScript. Dan pada Disember 1995, setelah mendapat kebenaran daripada Sun, JavaScript memutuskan untuk memainkan populariti Java. Oleh itu, walaupun bahasa itu sendiri kini bukan milik sesiapa, hak untuk nama bahasa itu adalah milik Oracle, yang membeli Sun Microsystems.

Pada tahun 1996, Microsoft mengeluarkan versinya, memanggilnya JScript, yang hanya berfungsi dalam versi ketiga Internet Explorer. Ada yang mendakwa bahawa mereka menyalin JS sepenuhnya bersama-sama dengan semua pepijat dan semuanya berfungsi dengan sangat teruk. Walau apa pun, mereka terpaksa meninggalkan penggunaan JScript sahaja dan menyediakan sokongan untuk JS standard (pada masa yang sama membangunkan Skrip Visual Basic - kedua-dua teknologi masih disokong oleh Microsoft).

Kemudian, pengurusan Netscape memutuskan untuk menyeragamkan bahasa, yang dijalankan oleh persatuan ECMA. Standard bahasa dikenali sebagai ECMAScript, dan JScript, JavaScript dan ActionScript dianggap sambungannya.

Falsafah Bahasa JavaScript

JS mempunyai sintaks yang berkongsi banyak persamaan dengan Java dan C, tetapi boleh dianggap secara semantik lebih dekat dengan Smalltalk atau Lisp. Sebagai contoh, kedua-dua JavaScript dan Java menggunakan pendekatan berorientasikan objek, tetapi dalam JS ia dilaksanakan bukan melalui kelas, tetapi melalui prototaip. JavaScript mempunyai menaip dinamik, manakala Java mempunyai menaip statik. Dan akhirnya, skrip JavaScript dilaksanakan terus daripada fail, dan bukannya menggunakan mesin maya.

JS boleh dibenamkan terus ke dalam halaman web menggunakan tag atau dimuatkan daripada fail lain (dokumen html menentukan lokasi daripada fail itu).

Perlu juga diperhatikan salah satu konsep yang paling penting untuk JS - model objek dokumen - antara muka pengaturcaraan yang membolehkan skrip mengakses struktur dokumen web, mengubah struktur atau kandungannya.

Di manakah JavaScript digunakan?

JavaScript ialah bahasa paling popular di web hari ini. Malah, aplikasi web dibuat hanya padanya (atau pada pelaksanaan lain padanya). JavaScript digunakan dalam AJAX, untuk mencipta widget, fungsi tambahan dalam pelayar (penanda halaman, contohnya), skrip pengguna, dsb. Pada masa kini hampir mustahil untuk mencari tapak atau perkhidmatan yang tidak menggunakan JS sekurang-kurangnya pada tahap yang kecil.

Terima kasih kepada HTML5, adalah mungkin untuk menggantikan teknologi Flash daripada penyemak imbas.

Oleh itu, JS kini mempunyai keupayaan untuk bekerja dengan audio, video, 3D (WebGL) dan melukis imej pada halaman secara pengaturcaraan (Kanvas).

Selepas Google mengeluarkan penyemak imbas Chromenya (berdasarkan Chromium), ia membina enjin pemprosesan JS yang sangat berkuasa, yang dipanggil V8. Enjin ini menterjemah JS ke dalam kod mesin Berdasarkan V8, platform Node.js telah dibangunkan, yang memungkinkan untuk menyejagatkan JavaScript (contohnya, menggunakan Node anda boleh menyambungkan perpustakaan yang ditulis dalam bahasa lain).

JavaScript juga telah digunakan untuk membuat aplikasi desktop (di luar pelayar).

Walau bagaimanapun, ia tidak begitu popular di kalangan pembangun, kecuali mungkin sesetengah peminat. Tetapi JS digunakan dalam sistem pengendalian penyemak imbas - IndraDescktop WebOS, IntOS, eyeOS.

Tetapi penggunaan JS untuk membangunkan aplikasi mudah alih agak berkembang. Rangka kerja yang paling terkenal di kawasan ini ialah PhoneGap (Cordova) - ia membolehkan anda menulis aplikasi untuk iOS, Android, menggunakan JavaScript sahaja.

JS juga digunakan dalam aplikasi pejabat - dalam Microsoft Office, OpenOffice untuk mengautomasikan beberapa tindakan dan untuk mencipta makro. Skrip JavaScript juga disokong dalam aplikasi Adobe (Photoshop, Illustrator, Dreamveawer).

Oleh itu, kita boleh mengatakan bahawa JavaScript telah menang di hampir semua kawasan di mana Web wujud. Dan baru-baru ini, ia telah mula melangkaui World Wide Web, mencari aplikasi dalam Internet of Things (sudah terdapat banyak projek untuk rumah pintar menggunakan Node.js).

Kesukaran mempelajari JavaScript

JS tulen sama sekali tidak sukar untuk dipelajari. Jika anda sudah mengetahui beberapa bahasa pengaturcaraan lain, maka pembelajaran semula tidak akan terlalu sukar. Walau bagaimanapun, pengaturcara kini perlu mengetahui lebih banyak teknologi untuk bekerja dengannya daripada yang mereka lakukan pada tahun 90-an atau 2000-an. Anda perlu mengkaji rangka kerja dan alat pembangunan yang sentiasa dikemas kini dan diubah. Dan kerana ini adalah web, perubahan ini berlaku lebih pantas berbanding bahasa lain. Malah, anda perlu sentiasa mengejar trend fesyen terkini untuk bersaing dengan pengaturcara lain.

Kebaikan/Keburukan JavaScript

Kelebihan bahasa ini terkenal - bahasa ini digunakan secara meluas di web sehingga anda tidak akan dibiarkan tanpa kerja. Dalam mana-mana syarikat IT, anda boleh mencari jawatan sebagai pembangun bahagian hadapan atau belakang dengan mudah (bergantung pada kelayakan anda). Bahasa ini sentiasa berkembang - kelemahan yang diperkenalkan semasa penciptaan bahasa dihapuskan, ciri dan teknologi baharu muncul yang memudahkan pengaturcaraan.

Bahagian sebalik syiling ialah teknologi berkaitan JS boleh berubah terlalu cepat. Oleh itu, anda perlu mencuba untuk bersaing. Selain itu, keperluan untuk pengendalian aplikasi web anda mungkin menukar susunan magnitud dengan lebih kerap dan anda akan mempunyai lebih banyak kerja daripada rakan sekerja anda yang membuat aplikasi mudah alih atau desktop.

Teknologi Berkaitan

Coffeescript ialah bahasa pengaturcaraan yang diterjemahkan ke dalam JS. Membolehkan anda menulis kod yang lebih ringkas dan padat.

Ajax ialah teknologi yang membolehkan anda menghantar permintaan ke pelayan dan menerima respons tanpa memuatkan semula halaman. Dia banyak menyumbang kepada popularisasi JS pada satu masa.

Typescript ialah pelaksanaan JS yang diperkenalkan oleh Microsoft pada tahun 2012. Memperluaskan keupayaan JS (dalam beberapa sumber ia digambarkan sebagai "JS dengan kelas").

Meteor ialah rangka kerja yang berjalan di atas Node. Membolehkan anda memudahkan pembangunan pada Node.js.

JQuery ialah perpustakaan JS yang memudahkan untuk mengakses sebarang elemen. Ia sering digunakan untuk mencipta animasi, senarai pembukaan yang cantik (akordion), peluncur imej (karousel) dan panel gelongsor.

UnityScript ialah pelaksanaan JS untuk permainan pengaturcaraan dalam Unity(3D).

Daripada pengarang: beberapa bulan yang lalu saya tidak dapat melihat JS tanpa rasa gementar. Saya 100% bosan dengan JS dan tidak dapat keluar dari keadaan ini. Ia berterusan selama bertahun-tahun. Hari ini saya suka menggunakan JavaScript dan ekosistemnya. Apa yang berlaku?

Saya telah menggunakan JS dalam satu bentuk atau yang lain sejak tahun 90-an. Saya mempunyai buku yang kelihatan agak lucu sekarang. Mereka penuh dengan dokumen.tulis pernyataan.

JS telah banyak berubah sejak beberapa tahun lalu. Pada mulanya saya tidak mempunyai masa untuk mengkaji semua perubahan ini. Saya tidak dapat menerima begitu banyak perkara baru sekaligus. JS berubah, tetapi saya menentang. Saya mengajarnya sekian lama, dan tiba-tiba dia mula berubah.

Saya menemui ulasan dalam artikel popular "JavaScript Moden Dijelaskan Untuk Dinosaur". Ia berkata bahawa "mempelajari JS moden adalah sangat sukar jika anda tidak melakukannya dari awal":

"Saya akan mengatakan bahawa mengajar dari awal lagi (ya, saya "itu" tua) adalah lebih sukar - Tim Tate"

JavaScript. Permulaan yang cepat

Pada tahun 2012 saya serius tentang JS dan Node.js. ES6 bagi saya adalah perubahan terbesar dalam bahasa sepanjang zaman, saya tidak pernah melihat sesuatu seperti itu sebelum ini. Perubahan besar sebelum ini adalah pada tahun 2009 dengan ES5. ES6 benar-benar mengubah segala-galanya. Ia adalah kemas kini JS yang sangat besar yang setiap hari terdapat begitu banyak ciri baharu yang boleh menjadikannya masuk ke dalam spesifikasi, tetapi anda tidak tahu sama ada mereka akan berjaya atau tidak. Dan saya terpaksa mengejar semasa semua orang di Twitter membincangkan perkara besar seterusnya.

Var adalah masa lalu.

Fungsi tiada lagi.

Warisan prototaip, yang mengambil banyak masa untuk belajar, telah hilang, tersembunyi di bawah kelas.

Dan itu baru permulaan.

Membina segala-galanya

Salah satu anjakan besar ialah pembinaan.

Kami telah beralih daripada hanya memasukkan fail JS melalui teg skrip dan kini mempunyai peringkat binaan semasa bahasa kami disusun menjadi fail yang tidak dapat difahami. Pada mulanya saya menentang kuat, saya berdiri di menara saya, bersenjata ke gigi, bersedia untuk melawan formasi ini.

Apabila bala Babel tiba, saya berjuang lebih keras pada mulanya. Namun, pada akhirnya saya menaikkan bendera putih dan menyertai musuh.

Saya menyedari bahawa Babel bukanlah perpustakaan mewah yang menawarkan masa depan, ciri terkini, dan apabila semua ini muncul dalam penyemak imbas, kita akan melupakan Babel. Tidak, Babel berada di sini untuk tinggal pada masa hadapan.

Apabila ES2017 disokong sepenuhnya dalam penyemak imbas, Babel akan membenarkan ES2018, ES2019, dsb. Tiada jalan keluar. Peluk masa depan, Babel adalah kawan anda.

Gunakan alternatif yang paling mudah

Alat adalah salah satu bahagian JS yang paling sukar sekarang. Ya, anda boleh mempelajari selok-belok Webpack, tetapi jika anda bermula, abaikan segala-galanya dan gunakan penyelesaian sedia seperti create-react-app, React Boilerplate, yang menyembunyikan butiran kecil daripada anda dan membolehkan anda menumpukan pada kod .

Jangan mulakan dengan menyediakan persekitaran anda, belajar dengan Glitch: tiada topik mudah dalam mempelajari JS moden.

Tiada lagi keluaran besar

ES6 sangat besar sehingga jawatankuasa ECMAScript memutuskan untuk membuat keluaran yang lebih kecil. Itulah sebabnya ES6 juga dipanggil ES2015, ia adalah keluaran pertama dengan setahun - kini akan ada keluaran setiap tahun. Ia memudahkan untuk mempelajari sesuatu. Akan ada lebih sedikit perubahan kerana masa untuk melaksanakannya adalah terhad dan boleh diramal (menyerah, perubahan akan datang).

Abaikan bunyi bising

Jika anda seperti saya, anda mengikuti ramai orang di Twitter yang sentiasa berada di peringkat terkini. Mungkin trend seterusnya adalah beberapa pemimpin yang akan menentukan pemikiran mereka. Mereka kata guna X, semua orang guna X.

Mungkin mereka suka mendedahkan kod mereka kepada API terkini, yang tidak sama sekali diseragamkan, tetapi boleh didayakan dalam penyemak imbas melalui bendera.

Mereka mungkin mempunyai alasan yang baik untuk ini. Awak tiada. Jangan tertipu dengan perkara baru yang berkilat, fokus pada kerja anda.

Rangka kerja baharu tidak dikeluarkan setiap minggu

Terdapat jenaka di Internet tentang "rangka kerja bulan" atau "perpustakaan baharu minggu ini". Memang benar, terdapat ramai orang yang bekerja dengan JS, dan itu bagus. Ini membawa inovasi dan evolusi, pengalaman JS yang terkenal sejak beberapa tahun lalu (yang banyak untuk ekosistem bahasa).

Tetapi sesuatu yang besar selalunya membuat sedikit perbezaan.

4 tahun adalah banyak masa dalam IT. Ini adalah teknologi yang stabil. Ajar mereka, mereka akan tinggal untuk masa yang lama, terlalu lama (dan tidak akan pergi).

“Anda mempunyai banyak masa untuk menjadi pakar dalam mana-mana rangka kerja ini. Mereka tidak akan ke mana-mana dalam masa terdekat."

Terima hakikat bahawa segala-galanya datang dan pergi

Semuanya ada kitaran hidup.

JavaScript. Permulaan yang cepat

Pelajari asas JavaScript dengan contoh praktikal tentang cara membuat aplikasi web.

Beberapa tahun yang lalu, jQuery telah digunakan di mana-mana. Pada masa kini projek baru jarang dimulakan di atasnya.

Backbone.js popular pada tahun 2013. Sekarang dia hilang.

CoffeeScript telah dihapuskan dari muka bumi.

Ember.js, Angular.js dan Meteor berlepas dan telah berada di puncak selama beberapa tahun. Pada masa kini yang paling banyak diperkatakan ialah React, Vue dan Angular (itu bukan Angular.js).

Kitaran rangka kerja asas sedemikian berlangsung selama beberapa tahun. Saya masih mempunyai banyak aplikasi Ember.js dan semuanya berfungsi dengan baik. Jika mereka berfungsi, mereka tidak perlu dikemas kini. Saya tidak bercadang untuk menyentuh mereka.

“Teknologi ini sedang membangun dan semakin matang. Selepas itu mereka tidak bercakap mengenainya lagi, mereka menggunakannya."

Anda tidak cukup bodoh untuk menggunakan jQuery

Sesetengah orang tidak boleh dikalahkan, tetapi jika anda membaca banyak, anda telah melihat orang yang menghina teknologi yang semua orang pernah gunakan - mereka lebih tahu dan ingin memberitahu anda bahawa anda salah.

Saya sudah lama berprogram dalam PHP, saya sudah biasa. Biasalah orang mengkritik sesuatu yang popular. Malah Go kadang-kadang dikritik kerana kesederhanaannya, walaupun ini adalah helahnya. Akan sentiasa ada orang seperti itu.

Sebagai contoh, saya akan memetik tweet daripada Pieter Levels, yang membina perniagaan bebas yang besar pada satu fail PHP. Baca komen.

Sebagai seorang pemula, anda mungkin diberitahu bahawa anda telah memilih teknologi lama yang tidak digunakan oleh sesiapa lagi dan anda perlu menggunakan React.

Jangan dengar cakap mereka.

Ingat: jika ia berfungsi untuk anda, ia adalah susunan yang betul.

"Jika ia berfungsi untuk anda, ia adalah susunan yang betul."

Hampir selalu, teknologi daripada syarikat besar dicipta untuk keperluan yang berbeza daripada anda atau pasukan kecil anda. Gunakan apa yang anda ketahui dan lakukan sesuatu yang berbeza, walaupun tanpa teknologi terkini.

Buat masa ini, anda mungkin tidak memerlukan jQuery. Tetapi bukan sebagai rangka kerja - JS biasa sangat bagus.

Satu lagi perkara penting ialah overcomplication. Jangan gunakan teknologi hanya untuk kelihatan lebih bijak. Kenali dia lebih dekat. Ketahui bila rangka kerja atau perpustakaan akan membantu anda.

Anda tidak perlu tahu semuanya. Cari baki anda

Ini mungkin terdengar seperti petikan Twitter, tetapi tiada siapa yang tahu segala-galanya. Tiada siapa yang boleh belajar semua yang berlaku dalam pembangunan bahagian hadapan sekarang. Ini adalah sekolah yang kekal. Ia tidak akan dapat menyelesaikannya.

Pelajari teknologi dengan dokumentasi mesra pengguna

Bukan kebetulan bahawa React dan Vue mempunyai dokumentasi yang begitu baik.

Ini adalah bahagian utama kejayaan.

JavaScript akan berubah lagi

Tahun lepas, bahasa ECMAScript diperkenalkan menunggu/async. Sekarang mereka sangat kerap digunakan. Kod Promise kelihatan sangat mengerikan, anda pasti mahu menulis semula semuanya.

vTetapi jangan lakukan ini, lebih baik menggunakan fungsi baharu untuk kod baharu.

Perkara yang sama akan berlaku tahun ini dengan ES2018. Semua orang akan bercakap mengenainya untuk seketika dan kemudian kembali bekerja dan mula bercakap tentang ciri ES2019.

Terima perubahan. Ini jauh lebih baik daripada menggunakan teknologi yang tiada siapa perlukan dalam beberapa tahun: JS sedia untuk kekal!

Belajar asas dan cari jalan anda

Pembangunan untuk platform web memerlukan pembelajaran mandatori yang kerap tentang sesuatu yang baharu, walaupun hanya untuk mengetahui kemungkinannya.

Kadangkala menghabiskan 20% masa anda pada 80% daripada ciri baharu adalah semua yang anda perlukan tanpa menggunakan kes tepi.

Perjalanan baru sahaja bermula

Berbanding bahasa lain, JS masih muda. Dia sangat popular dan telah banyak berubah sejak beberapa tahun lalu. Bahasa ini menarik ramai pembangun berbakat setiap hari. Sungguh menakjubkan untuk membayangkan bagaimana kita akan menulis dalam 10 atau 20 tahun.

Program ini, yang secara tradisinya dipanggil “Hello, world! ", sangat mudah. Ia mengeluarkan frasa "Hello, dunia!", atau satu lagi yang serupa, menggunakan bahasa tertentu.

JavaScript ialah bahasa di mana atur cara boleh dilaksanakan dalam persekitaran yang berbeza. Dalam kes kami, kami bercakap tentang penyemak imbas dan platform pelayan Node.js. Jika anda belum menulis satu baris kod JS lagi dan sedang membaca teks ini dalam penyemak imbas pada komputer meja, ini bermakna anda hanya beberapa saat sahaja dari program JavaScript pertama anda.

Untuk menulisnya, jika anda menggunakan Google Chrome, buka menu penyemak imbas dan pilih arahan Alat tambahan > Alat pembangun. Tetingkap pelayar akan dibahagikan kepada dua bahagian. Dalam salah satu daripada mereka halaman akan kelihatan, di satu lagi panel dengan alat pembangun akan dibuka, mengandungi beberapa penanda halaman. Kami berminat dengan tab Konsol. Klik padanya. Abaikan perkara yang mungkin sudah ada dalam konsol (anda boleh menggunakan kombinasi kekunci Ctrl + L untuk mengosongkannya). Kami kini berminat dengan jemputan konsol. Di sinilah anda boleh memasukkan kod JavaScript, yang dilaksanakan dengan menekan kekunci Enter. Mari masukkan yang berikut ke dalam konsol:

Console.log("Hello, dunia!")
Teks ini boleh dimasukkan dari papan kekunci, atau anda boleh menyalin dan menampalnya ke dalam konsol. Hasilnya adalah sama, tetapi jika anda sedang belajar untuk memprogram, adalah disyorkan untuk memasukkan teks program sendiri daripada menyalinnya.

Selepas teks program berada dalam konsol, tekan kekunci Enter.

Jika semuanya dilakukan dengan betul, teks Hello, dunia akan muncul di bawah baris ini. . Abaikan semua yang lain buat masa ini.

Program pertama dalam konsol penyemak imbas - mengeluarkan mesej ke konsol

Versi lain penyemak imbas "Hello, dunia!" terdiri daripada memaparkan tetingkap mesej. Ini dilakukan seperti ini:

Makluman("Hello, dunia!")
Berikut adalah hasil daripada menjalankan program ini.

Paparkan mesej dalam tetingkap

Perhatikan bahawa bar alat pembangun kini terletak di bahagian bawah skrin. Anda boleh menukar lokasinya dengan menggunakan menu dengan tiga titik dalam tajuknya dan memilih ikon yang sesuai. Di sana anda juga boleh mencari butang untuk menutup panel ini.

Alat pembangun, termasuk konsol, juga tersedia dalam penyemak imbas lain. Perkara yang baik tentang konsol ialah ia sentiasa tersedia apabila anda menggunakan penyemak imbas.

Terdapat cara lain untuk menjalankan kod JS dalam penyemak imbas. Jadi, dalam penggunaan biasa program JavaScript, ia dimuatkan ke dalam penyemak imbas untuk menjadikan halaman web berfungsi. Sebagai peraturan, kod diformatkan sebagai fail berasingan dengan sambungan .js, yang disambungkan ke halaman web, tetapi kod program juga boleh dimasukkan terus dalam kod halaman. Semua ini dilakukan menggunakan tag. Apabila penyemak imbas menemui kod sedemikian, ia melaksanakannya. Butiran tentang tag boleh didapati di w3school.com. Khususnya, mari kita pertimbangkan contoh yang menunjukkan cara bekerja dengan halaman web menggunakan JavaScript, yang diberikan pada sumber ini. Contoh ini juga boleh dijalankan menggunakan sumber ini (cari butang Cuba Sendiri), tetapi kami akan melakukannya sedikit berbeza. Iaitu, mari kita buat fail baharu dalam beberapa editor teks (contohnya, dalam Kod VS atau Notepad++), yang akan kita panggil hello.html , dan tambahkan kod berikut padanya:

document.getElementById("hello").innerHTML = "Hello, dunia!";
Di sini kami paling berminat dengan baris document.getElementById("hello").innerHTML = "Hello, world!"; , iaitu kod JS. Kod ini disertakan dalam teg pembukaan dan penutup. Ia menemui elemen HTML dalam dokumen dengan pengecam hello dan menukar sifat innerHTMLnya (iaitu, kod HTML yang terkandung di dalam elemen ini) kepada Hello, world! . Jika anda membuka fail hello.html dalam penyemak imbas, teks yang ditentukan akan dipaparkan.

Output mesej oleh JavaScript kepada elemen HTML

Seperti yang telah disebutkan, anda boleh mencuba contoh yang diberikan di laman web w3school.com dengan segera. Terdapat juga persekitaran dalam talian khusus untuk pembangunan web, dan, khususnya, untuk melaksanakan kod JS. Antaranya, contohnya, codepen.io, jsfiddle.net, jsbin.com.

Di sini, sebagai contoh, adalah rupa contoh kami, dicipta semula menggunakan CodePen.

Medan HTML mengandungi kod yang menerangkan elemen HTML, medan JS mengandungi kod JavaScript dan hasilnya dipaparkan di bahagian bawah halaman.

Kami berkata di atas bahawa program JavaScript boleh dilaksanakan pada pelbagai platform, salah satunya ialah persekitaran pelayan Node.js. Jika anda akan mempelajari JavaScript dengan memfokuskan pada pembangunan sisi pelayan, anda mungkin perlu menjalankan contoh menggunakan Node.js. Sila ambil perhatian bahawa, hanya bercakap, dan tanpa mengambil kira sokongan khusus ciri bahasa tertentu oleh versi Node.js dan penyemak imbas yang digunakan, kod yang sama akan dijalankan dalam Node.js dan dalam penyemak imbas, yang menggunakan mekanisme asas daripada bahasa tersebut. Iaitu, sebagai contoh, perintah console.log("Hello, world!") akan berfungsi di kedua-dua tempat. Program yang menggunakan mekanisme khusus penyemak imbas tidak akan dijalankan dalam Node.js (begitu juga dengan percubaan untuk menjalankan program Node.js dalam penyemak imbas).

Untuk melancarkan "Hello, dunia!" kami dalam persekitaran Node.js, pasang Node.js dengan memuat turun pengedaran yang sesuai dari sini. Sekarang mari buat fail hello.js dan letakkan kod berikut di dalamnya:

Console.log("Hello, Dunia!");
Menggunakan baris arahan, pergi ke folder di mana fail ini disimpan dan jalankan arahan berikut:

Nod hello.js
Inilah hasil pelaksanaannya:

Output mesej oleh Node.js

Ngomong-ngomong, anda mungkin perasan (dan kemungkinan besar perasan jika anda menaip kod itu sendiri) bahawa dalam beberapa contoh di atas, koma bertitik digunakan pada penghujung baris, dan pada yang lain tidak. Dalam sesetengahnya, teks yang ingin kami keluarkan ke konsol atau sebagai mesej dikelilingi oleh petikan berganda, dan dalam yang lain, oleh petikan tunggal. Sekarang anda mungkin tertanya-tanya mengapa ini berlaku, dan bagaimana, jika versi kod yang berbeza berfungsi tanpa ralat, anda boleh menulis kod ini dengan betul. Jika kita menjawab soalan ini tanpa terperinci dan tanpa mengambil kira beberapa butiran kecil, maka kita boleh mengatakan bahawa kedua-dua penggunaan tanda petikan dan koma bertitik boleh diterima, dan ia berfungsi sama. Pilihan pilihan tertentu bergantung pada gaya pengekodan yang diikuti oleh pengaturcara dan pada keperluan serpihan program tertentu. Di samping itu, daripada contoh mudah ini anda dapat merasakan salah satu ciri ciri JavaScript, iaitu bahasa tersebut memberikan kebebasan tertentu kepada pengaturcara.

Memandangkan anda sudah mula mengenali JavaScript, kami cadangkan anda bercakap dengan lebih terperinci tentang bahasa ini.

Memahami JavaScript JavaScript adalah salah satu bahasa pengaturcaraan yang paling popular di dunia. Dicipta lebih daripada 20 tahun yang lalu, ia telah berjalan jauh dalam perkembangannya. JavaScript bertujuan untuk menjadi bahasa skrip untuk penyemak imbas. Pada awalnya, dia mempunyai keupayaan yang lebih sederhana daripada sekarang. Ia digunakan terutamanya untuk mencipta animasi mudah, seperti menu lungsur, dan dikenali sebagai sebahagian daripada teknologi HTML Dinamik (DHTML, HTML dinamik).

Dari masa ke masa, keperluan persekitaran web meningkat, khususnya, API baharu muncul, dan JavaScript perlu bersaing dengan teknologi lain untuk menyokong pembangunan web.

Hari ini, JS digunakan bukan sahaja dalam pelayar tradisional, tetapi juga di luar mereka. Khususnya, kita bercakap tentang platform pelayan Node.js, kemungkinan untuk menggunakan JavaScript dalam pembangunan aplikasi terbenam dan mudah alih, dan menyelesaikan pelbagai masalah yang JavaScript belum digunakan sebelum ini.

Ciri Utama JavaScript JavaScript ialah bahasa yang mempunyai ciri berikut:

• Tahap tinggi. Ia memberikan abstraksi pengaturcara yang memungkinkan untuk mengabaikan spesifik perkakasan di mana program JavaScript dilaksanakan. Bahasa ini secara automatik menguruskan memori menggunakan pengumpul sampah. Akibatnya, pemaju boleh menumpukan pada menyelesaikan masalah yang dihadapinya tanpa terganggu oleh mekanisme peringkat rendah (walaupun, perlu diperhatikan, ini tidak menghilangkan keperluan untuk penggunaan memori yang rasional). Bahasa ini menawarkan alat yang berkuasa dan mudah untuk bekerja dengan pelbagai jenis data.
• Dinamik. Tidak seperti bahasa pengaturcaraan statik, bahasa dinamik mampu, semasa pelaksanaan program, melakukan tindakan yang dilakukan oleh bahasa statik semasa penyusunan program. Pendekatan ini mempunyai kebaikan dan keburukan, tetapi ia memberikan pembangun ciri yang begitu hebat seperti menaip dinamik, pengikatan lewat, pantulan, pengaturcaraan berfungsi, menukar objek pada masa jalan, penutupan dan banyak lagi.
• Ditaip secara dinamik. Jenis pembolehubah tidak perlu dinyatakan semasa pembangunan JS. Dalam pembolehubah yang sama, sebagai contoh, anda boleh mula-mula menulis rentetan dan kemudian integer.
• Lemah menaip. Tidak seperti bahasa yang ditaip kuat, bahasa yang ditaip lemah tidak memaksa pengaturcara, contohnya, untuk menggunakan objek jenis tertentu dalam situasi tertentu, melakukan penukaran jenis tersirat jika perlu. Ini memberikan lebih fleksibiliti, tetapi program JS tidak jenis selamat, yang menjadikan pemeriksaan jenis lebih sukar (TypeScript dan Flow bertujuan untuk menyelesaikan masalah ini).
• Boleh ditafsir. Adalah dipercayai secara meluas bahawa JavaScript adalah bahasa pengaturcaraan yang ditafsirkan, yang bermaksud bahawa program yang ditulis di dalamnya tidak perlu disusun sebelum pelaksanaan. Dalam hal ini, JS berbeza dengan bahasa seperti C, Java, Go. Dalam amalan, pelayar, untuk meningkatkan prestasi program, susun kod JS sebelum melaksanakannya. Langkah ini, bagaimanapun, adalah telus kepada pengaturcara dan tidak memerlukan usaha tambahan daripadanya.
• Pelbagai paradigma. JavaScript tidak memaksa pembangun untuk menggunakan mana-mana paradigma pengaturcaraan tertentu, tidak seperti, contohnya, Java (pengaturcaraan berorientasikan objek) atau C (pengaturcaraan imperatif). Anda boleh menulis program JS menggunakan paradigma berorientasikan objek, khususnya, menggunakan prototaip dan kelas yang muncul dalam standard ES6. Program JS juga boleh ditulis dalam gaya berfungsi, disebabkan oleh fakta bahawa fungsi di sini adalah objek kelas pertama. JavaScript juga membolehkan anda bekerja dalam gaya imperatif yang digunakan dalam C.

Ya, dengan cara ini, perlu diperhatikan bahawa JavaScript dan Java tidak mempunyai persamaan. Ini adalah bahasa yang sama sekali berbeza dan piawaian ECMAScript, atau ES, ialah nama standard yang membimbing pembangun enjin JavaScript, iaitu, persekitaran tempat program JS dilaksanakan. Pelbagai piawaian memperkenalkan ciri baharu ke dalam bahasa, apabila bercakap mengenainya mereka sering menyebut nama piawaian dalam bentuk yang disingkatkan, contohnya, ES6. ES6 adalah sama seperti ES2015, hanya dalam kes pertama nombor itu bermaksud nombor versi standard (6), dan dalam kes kedua tahun standard itu diterima pakai (2015).

Kebetulan dalam dunia pengaturcaraan web, standard ES3, yang diterima pakai pada tahun 1999, telah relevan untuk masa yang sangat lama. Tiada versi keempat standard (mereka cuba menambah terlalu banyak ciri baharu padanya dan tidak pernah diterima). Pada tahun 2009, standard ES5 telah diterima pakai, yang merupakan kemas kini yang sangat besar kepada bahasa itu, yang pertama dalam 10 tahun. Selepas itu, pada tahun 2011, standard ES5.1 telah diterima pakai, dan ia juga mengandungi banyak perkara baharu. Piawaian ES6, yang diterima pakai pada 2015, juga menjadi sangat penting dari segi inovasi. Sejak 2015, versi baharu standard telah diterima pakai setiap tahun.

Versi standard terkini pada masa penerbitan bahan ini ialah ES9, diterima pakai pada Jun 2018.

Keputusan Hari ini kami menulis "Hello, Dunia!" dalam JavaScript, melihat ciri utama bahasa dan bercakap tentang penyeragamannya. Lain kali kita akan bercakap tentang gaya teks JavaScript dan struktur leksikal program.

Pembaca yang dihormati! Jika anda tidak biasa dengan JavaScript sebelum membaca bahan ini, sila beritahu kami jika anda dapat menjalankan "Hello, dunia!"

Tutorial Sintaks JavaScript

Sebelum anda mula membaca tutorial bahasa JavaScript, anda harus mempunyai pengetahuan tentang .

Ia akan menjadi kelebihan besar dalam mempelajari sintaks JavaScript jika anda sudah biasa dengan beberapa bahasa pengaturcaraan, seperti PHP, C atau Pascal, dan juga memahami apa itu pembolehubah, jenis data, fungsi atau tatasusunan.

Walau bagaimanapun, jika anda tidak biasa dengan bahasa pengaturcaraan, maka tidak perlu risau; tutorial JavaScript ini ditujukan untuk mereka yang mula belajar pengaturcaraan untuk kali pertama.

JavaScript (JavaScript) ialah bahasa pengaturcaraan sisi klien yang boleh digunakan untuk mengawal elemen halaman HTML (tag HTML) dan pelayar web, menjadikannya bergerak, bertindak balas kepada pelbagai acara (klik tetikus, tekan papan kekunci) dan mencipta banyak program menarik (skrip): ujian, animasi, galeri foto (contohnya, seperti di VKontakte), permainan dan banyak lagi.

Cara belajar JavaScript

Pembelajaran JavaScript biasanya dibahagikan kepada empat peringkat:
1. Menguasai sintaks JavaScript (tutorial ini),
2. Kajian DOM dan BOM,
3. Mengurus DOM dan BOM menggunakan JavaScript,
4. Mempelajari pelbagai perpustakaan JavaScript. jQuery ialah perpustakaan paling popular pada masa ini (tutorial jQuery akan muncul di tapak ini pada penghujung 2015).

DOM ialah Model Objek Dokumen. Terima kasih kepada teknologi DOM, tag halaman HTML mula mewakili pokok objek dan setiap objek dalam pokok ini mempunyai alamat uniknya sendiri. Bahasa JavaScript, dengan mengakses alamat ini, boleh mengakses satu atau lain tag HTML dan memanipulasinya (tukar warna, saiz, kedudukan, dll.).

BOM ialah model dokumen penyemak imbas. Strukturnya adalah sama dengan DOM, cuma bukan objek halaman HTML, terdapat objek penyemak imbas: tetingkap penyemak imbas, saiz skrin penyemak imbas, sejarah penyemakan imbas, baris status, dsb.

Selepas mempelajari DOM dan BOM, kami mula mencipta skrip JavaScript yang lebih atau kurang kompleks yang berinteraksi dengan halaman dan penyemak imbas.

Kemudian, setelah menjadi lebih selesa, mereka mempelajari beberapa perpustakaan JavaScript, contohnya jQuery, yang mana anda boleh mencipta program yang sama seperti dalam JavaScript, hanya lebih cepat dan lebih cekap.

Sesetengah webmaster segera mula belajar jQuery, melangkau tiga peringkat sebelumnya, tetapi saya tidak mengesyorkan ini, kerana dalam apa jua keadaan anda perlu memahami sintaks JavaScript dan mengetahui objek DOM/BOM, sifat, kaedah dan tujuannya.

Apakah program yang boleh anda tulis menggunakan JavaScript?

Anda boleh menggunakannya untuk mencipta banyak program menarik (skrip):
— anda boleh membuat skrip yang akan mengubah elemen halaman tapak web atau lokasinya dengan mengklik pada satu atau butang lain,
- anda boleh membuat animasi,
— memanipulasi borang, contohnya, semak data yang dimasukkan pengguna untuk ketepatan,
— buat pelbagai ujian, contohnya, seperti Peperiksaan Negeri Bersepadu (peperiksaan sekolah) dan segera dapatkan keputusannya,
— terima kasih kepada BOM, anda boleh mengetahui ciri-ciri penyemak imbas dan komputer pengguna yang melawat tapak anda, yang membolehkan anda membuat pelbagai kaunter lawatan,
— menggunakan JavaScript, anda juga boleh mencipta permainan, kartun dan banyak lagi program menarik dan berguna.

Apakah tujuan tutorial JavaScript ini?

Tujuan buku JavaScript ini adalah untuk mengajar anda asas sintaks JavaScript, memperkenalkan anda kepada pengaturcaraan dan konsep seperti pembolehubah, jenis data, operasi, pernyataan cawangan, fungsi, gelung, tatasusunan, objek, dll. Semua ini terdapat dalam bahasa pengaturcaraan lain, jadi apabila anda menguasai JavaScript, lebih mudah untuk anda mempelajari bahasa lain, seperti PHP, C++ atau Python.

Struktur Tutorial JavaScript

Dalam tutorial JavaScript, topik dan pelajaran berikut akan diliputi.