Peta jalan pemula ini meletakkan semua asas untuk pembangunan web. Kami akan melalui setiap langkah - dari mencari tahu apa yang akan digunakan penyunting kod, hingga kerangka JavaScript atau bahasa belakang apa yang dapat anda gunakan. Dan kami juga akan memasukkan pautan ke sumber di mana anda dapat mempelajari kemahiran ini.
Faktanya ialah, jika anda baru memulakannya, semua yang perlu anda ketahui sekarang adalah asasnya. Anda sebenarnya tidak perlu mengetahui setiap teknologi, alat, atau bahasa yang ada langsung dari awal. (Anda akan menyeberangi jambatan itu apabila anda sampai di sana, percayalah!)
Pada akhir panduan ini, anda akan memahami asas-asas pembangunan web, kemahiran apa yang perlu anda ketahui, dan di mana mencarinya!
1: Apa itu pengembangan web : Bagaimana laman web berfungsi, front-end vs back-end, editor kod
2: Bahagian depan asas: HTML, CSS, dan JavaScript
3: Alat : Pengurus pakej, alat binaan, kawalan versi
4a: Bahagian depan tambahan: Sass, reka bentuk responsif, kerangka kerja JavaScript
4b: Bahagian belakang asas: Pengurusan pelayan dan pangkalan data, bahasa pengaturcaraan
Dalam peta jalan ini, saya cadangkan melakukan Langkah 1, 2, dan 3 mengikut urutan. Kemudian, bergantung pada sama ada anda ingin memfokuskan lebih banyak front-end atau back-end, anda boleh melakukan langkah 4a atau 4b mengikut urutan apa pun.
Saya secara peribadi berpendapat bahawa adalah idea yang baik untuk pembangun web front-end untuk mengetahui sekurang-kurangnya sedikit back-end, dan sebaliknya. Sekurang-kurangnya, mengetahui asas kedua-duanya akan membantu anda mengetahui sama ada anda suka front-end atau back-end lebih baik?
Anda juga boleh melihat versi terbaru artikel ini di blog saya!
1: Apa itu pembangunan web?
Sebelum kita memasuki pengekodan sebenar, pertama-tama mari kita melihat beberapa maklumat umum mengenai apa itu pengembangan web: bagaimana laman web berfungsi, perbezaan antara front dan back-end, dan menggunakan editor kod.
Bagaimana laman web berfungsi?
Semua laman web, yang paling asas, hanyalah sekumpulan fail yang disimpan di komputer yang disebut pelayan. Pelayan ini disambungkan ke internet. Anda kemudian boleh memuatkan laman web itu melalui penyemak imbas (seperti Chrome, Firefox, atau Safari) di komputer atau telefon anda. Penyemak imbas anda juga dipanggil pelanggan dalam keadaan ini.
Jadi, setiap kali anda berada di internet, anda (pelanggan) mendapatkan dan memuatkan data (seperti gambar kucing) dari pelayan, dan juga menyerahkan data kembali ke pelayan ( memuatkan gambar kucing! ) antara pelanggan dan pelayan adalah asas internet.
Apa sahaja yang boleh anda akses dalam penyemak imbas anda adalah sesuatu yang dibina oleh pembangun web. Beberapa contoh adalah laman web dan blog perniagaan kecil di sisi yang lebih sederhana, sehingga ke aplikasi web yang sangat kompleks seperti AirBnb, Facebook dan Twitter.
Apa perbezaan antara front-end dan back-end?
Istilah “front end”, “back end” dan “stack penuh” pembangun web menggambarkan bahagian hubungan klien / pelayan yang anda bekerjasama.
"Bahagian depan" bermaksud bahawa anda berurusan terutamanya dengan pihak pelanggan. Ini disebut "front end" kerana itulah yang dapat anda lihat di penyemak imbas. Sebaliknya, "bahagian belakang" adalah bahagian laman web yang sebenarnya tidak dapat anda lihat, tetapi mengendalikan banyak logik dan fungsi yang diperlukan agar semuanya berfungsi.
Salah satu cara yang dapat anda fikirkan ialah pengembangan web front-end adalah seperti bahagian "depan rumah" di sebuah restoran. Ini adalah bahagian di mana pelanggan datang untuk melihat dan merasakan restoran - hiasan dalaman, tempat duduk, dan tentu saja, makan makanan.
Sebaliknya, pengembangan web back-end adalah seperti bahagian "rumah belakang" restoran. Di sinilah penghantaran dan inventori dikendalikan, dan proses membuat makanan semuanya berlaku. Terdapat banyak perkara di belakang tabir yang tidak akan dilihat oleh pelanggan, tetapi mereka akan mengalami (dan semoga menikmati) produk akhir - makanan yang lazat!
Selain itu, ilustrasi yang menyeronokkan, pengembangan web depan dan belakang berfungsi dengan fungsi yang berbeza tetapi sangat penting.
Menggunakan penyunting kod
Semasa anda membina laman web, alat yang paling penting yang akan anda gunakan adalah penyunting kod atau IDE anda (Integrated Development Environment). Alat ini membolehkan anda menulis markup dan kod yang akan membentuk laman web.
Terdapat beberapa pilihan yang baik di luar sana, tetapi pada masa ini penyunting kod yang paling popular adalah VS Code. VS Code adalah versi Visual Studio yang lebih ringan, IDE utama Microsoft. Ini cepat, percuma, mudah digunakan, dan anda dapat menyesuaikannya dengan tema dan peluasan.
Penyunting kod lain ialah Teks Sublime, Atom, dan Vim.
Sekiranya anda baru memulakannya, saya akan mengesyorkan melihat VS Code, yang boleh anda muat turun dari laman web mereka.
Sekarang setelah kita membahas beberapa konsep yang lebih luas dalam apa itu pengembangan web, mari masuk ke lebih banyak perincian - bermula dari bahagian depan.
2: Bahagian depan asas
Bahagian depan laman web terdiri daripada tiga jenis fail: HTML, CSS, dan JavaScript. Fail-fail ini adalah apa yang dimuat dalam penyemak imbas, di sisi pelanggan.
Mari kita perhatikan setiap satu daripadanya.
HTML
HTML, atau HyperText Markup Language, adalah asas semua laman web. Ini adalah jenis fail utama yang dimuatkan dalam penyemak imbas anda semasa anda melihat laman web. Fail HTML mengandungi semua konten di halaman, dan menggunakan tag untuk menunjukkan berbagai jenis konten.
Sebagai contoh, anda boleh menggunakan tag untuk membuat tajuk utama, perenggan, senarai bulet, gambar, dan sebagainya. Tag HTML sendiri mempunyai beberapa gaya yang dilampirkan, tetapi cukup asas, seperti yang anda lihat dalam dokumen Word.
CSS
CSS, atau Cascading Style Sheets, membolehkan anda menggayakan kandungan HTML itu sehingga kelihatan bagus dan mewah. Anda boleh menambahkan warna, fon tersuai, dan susun atur elemen laman web anda namun anda mahu ia kelihatan. Anda bahkan boleh membuat animasi dan bentuk dengan CSS!
Terdapat banyak kedalaman untuk CSS, dan kadang-kadang orang cenderung mengabaikannya sehingga mereka dapat beralih ke hal-hal seperti JavaScript. Walau bagaimanapun, saya tidak boleh terlalu menilai kepentingan memahami bagaimana menukar reka bentuk menjadi susun atur laman web menggunakan CSS. Sekiranya anda ingin mengkhususkan diri di bahagian depan, sangat penting untuk mempunyai kemahiran CSS yang benar-benar mantap.
JavaScript
JavaScript adalah bahasa pengaturcaraan yang dirancang untuk dijalankan di penyemak imbas. Dengan menggunakan JavaScript, anda dapat menjadikan laman web anda dinamis, yang bermaksud ia akan bertindak balas terhadap input yang berbeza dari pengguna, atau sumber lain.
Sebagai contoh, anda boleh membina butang "Kembali ke Atas" bahawa apabila pengguna mengkliknya, mereka akan menatal kembali ke bahagian atas halaman. Atau anda boleh membina widget cuaca yang akan memaparkan cuaca hari ini berdasarkan lokasi pengguna di dunia.
Terutama jika anda ingin mengembangkan kemahiran anda di kemudian hari dengan kerangka JavaScript seperti React, anda akan lebih memahami jika anda meluangkan masa untuk mempelajari JavaScript vanila terlebih dahulu. Ini adalah bahasa yang sangat menyeronokkan untuk dipelajari, dan ada banyak yang boleh anda lakukan dengannya!
Tempat belajar HTML, CSS dan JavaScript
Saya sering ditanya apakah tempat terbaik untuk belajar pengekodan, dan biasanya saya akan memberitahu mereka beberapa sumber berikut. Juga, saya mempunyai senarai kursus terbaik untuk mempelajari pembangunan web di blog saya - anda mungkin menganggapnya berguna!
Nota : Beberapa pautan di bawah (kursus dan buku berbayar) adalah pautan afiliasi, yang bermaksud saya akan mendapat komisen jika anda membelinya tanpa kos tambahan untuk diri anda. Ini salah satu cara anda dapat menyokong saya dalam mencipta sumber yang berguna seperti ini!
percumaCodeCamp
Salah satu tempat kegemaran saya untuk dicadangkan adalah freeCodeCamp. Ini adalah bootcamp pengekodan dalam talian yang tidak menguntungkan dan benar-benar percuma! Saya suka pilihan ini kerana jika anda seorang pemula dan tidak begitu pasti jika pengekodan sesuai untuk anda, ini adalah kaedah tekanan rendah dan bebas risiko untuk mengetahui sama ada anda menyukainya.
Satu kelemahan untuk freeCodeCamp adalah bahawa walaupun mereka mempunyai kurikulum yang luar biasa dengan persekitaran pengekodan bawaan, mereka tidak mempunyai video berstruktur sebagai sebahagian daripadanya.
Oleh itu, jika anda sangat suka belajar dari video, berikut adalah beberapa pilihan lain:
Team Treehouse
Team Treehouse adalah platform pembelajaran dalam talian premium yang berasaskan video dan mempunyai pelbagai trek yang boleh anda ikuti. Mereka bahkan mempunyai program Degree Teknikal dalam talian yang seperti bootcamp dalam talian yang boleh anda selesaikan dalam 4-5 bulan.
Sayangnya, Treehouse tidak percuma, tetapi mereka mempunyai rancangan bulanan atau tahunan yang berbeza bergantung pada anggaran anda. Mereka mempunyai percubaan 7 hari percuma sehingga anda dapat melihat apakah anda menyukainya, dan saya juga dapat memberikan anda perjanjian di mana anda dapat potongan $ 100 dari 1 tahun dari Pelan Asas mereka. Sekiranya anda cukup yakin ingin memasuki pembangunan web, Team Treehouse adalah tempat yang bagus untuk belajar.
Sekiranya anda lebih gemar dengan kursus video sekali, terdapat beberapa pilihan percuma dan berbayar:
Wes Bos
Wes Bos mempunyai kursus percuma untuk belajar Flexbox, CSS Grid, dan JavaScript yang sangat baik. Saya baru sahaja mengikuti kursus CSS Gridnya, dan itu sungguh menyeluruh dan juga menyeronokkan. Wes adalah seorang guru yang hebat!
Udemy
Udemy adalah platform pembelajaran dalam talian dengan banyak kursus hebat juga. Salah satu yang mungkin anda sukai ialah kursus Advanced CSS and Sass oleh Jonas Schmedtmann - kursus berbayar ini merangkumi grid CSS, flexbox, reka bentuk responsif, dan topik CSS lain!
Youtube
Terdapat juga banyak sumber video percuma di YouTube:
Traversy Media, mungkin saluran pengembangan web terbesar di luar sana, mempunyai HTML Crash Course dan CSS Crash Course.
DesignCourse, saluran yang berfokus pada reka bentuk web dan front-end, mempunyai tutorial HTML & CSS juga.
Dan freeCodeCamp mempunyai saluran YouTube mereka sendiri, dengan video seperti kursus Learn JavaScript dan kursus mendalam lainnya.
Buku dan artikel mengenai pembangunan web
Sekiranya anda lebih gemar membaca, saya sangat mengesyorkan perkara berikut:
Buku-buku Jon Duckett yang sangat popular, pada HTML & CSS, dan JavaScript & jQuery. Buku-buku ini sama sekali bukan buku teks anda yang padat. Ia direka dengan indah, ditulis dengan baik, dan mempunyai banyak gambar dan gambar untuk membantu mengajar bahan tersebut.
JavaScript yang fasih adalah buku lain yang sangat saya gemari. Anda boleh membacanya secara percuma di laman web mereka, atau membeli salinan kertas dari Amazon jika anda suka buku fizikal. Saya mempunyai yang ini sendiri, dan saya sangat menyukainya!
Sekiranya anda ingin melihat lebih banyak cadangan buku, lihat catatan saya mengenai buku yang disyorkan untuk mempelajari pengembangan web.
Dan yang terakhir, beberapa laman web yang mempunyai artikel hebat dan sumber lain adalah:
- Rangkaian Pembangun Mozilla
- Trik CSS
- Majalah Smashing
3: Alat
Mari masuk ke beberapa teknologi front-end lain sekarang. Seperti yang telah kami sebutkan, HTML, CSS, dan JavaScript adalah asas pembangunan web. Sebagai tambahan kepada mereka, terdapat beberapa alat lain yang ingin anda pelajari.
Pengurus pakej
Pengurus pakej adalah koleksi perisian dalam talian, kebanyakannya sumber terbuka. Setiap perisian yang disebut pakej tersedia untuk anda pasang dan gunakan dalam projek anda sendiri.
Anda boleh memikirkannya seperti pemalam - dan bukannya menulis semuanya dari awal, anda boleh menggunakan utiliti berguna yang telah ditulis oleh orang lain.
Pengurus pakej yang paling popular dipanggil npm, atau Node Package Manager, tetapi anda juga boleh menggunakan pengurus lain yang dipanggil Yarn. Kedua-duanya adalah pilihan yang baik untuk diketahui dan digunakan, walaupun mungkin yang terbaik adalah bermula dengan npm.
Sekiranya anda ingin mengetahui lebih lanjut, anda boleh membaca artikel ini mengenai asas penggunaan npm.
Membina alat
Pengikat modul dan alat binaan seperti Webpack, Gulp, atau Parcel, adalah bahagian penting lain dari aliran kerja bahagian depan.
Pada tahap asas, alat ini menjalankan tugas dan memproses fail. Anda boleh menggunakannya untuk menyusun fail Sass anda ke CSS, melancarkan fail JavaScript ES6 anda ke ES5 untuk sokongan penyemak imbas yang lebih baik, menjalankan pelayan web tempatan, dan banyak tugas lain yang bermanfaat.
Gulp , secara teknikal pelari tugas, memiliki rangkaian pakej npm yang boleh anda gunakan untuk menyusun dan memproses fail anda.
Webpack adalah bundler yang sangat hebat yang dapat melakukan apa sahaja yang dapat dilakukan oleh Gulp dan banyak lagi. Ini menggunakan satu ton dalam lingkungan JavaScript, terutama dengan Kerangka JavaScript (yang akan kita bahas sebentar lagi). Satu sisi bawah Webpack adalah bahawa ia memerlukan banyak konfigurasi untuk bangun dan berjalan, yang boleh membuat frustrasi.
Parcel adalah bundler yang lebih baru seperti Webpack, tetapi ia sudah dikonfigurasikan di luar kotak, jadi anda benar-benar dapat membuatnya hanya dalam beberapa minit. Dan anda tidak perlu risau untuk mengkonfigurasi semuanya.
Secara peribadi saya suka menggunakan Gulp untuk aliran kerja front-end saya sendiri di mana saya hanya mahu menyusun fail Sass dan JavaScript saya dan tidak melakukan terlalu banyak perkara lain.
Pautan yang membantu
Sekiranya anda berminat dengan Gulp atau Parcel, saya mempunyai tutorial untuk kedua-duanya:
- Menggunakan Gulp 4 dalam aliran kerja anda
- Panduan permulaan pantas ke Parcel
Sekiranya anda ingin mengetahui lebih lanjut mengenai Webpack, lihat video YouTube berikut:
- Kursus kerosakan dalam Webpack oleh DesignCourse
- Siri 10 bahagian di Webpack oleh Colt Steele
Kawalan versi
Versi kawalan (juga disebut sumber kawalan) adalah sistem yang melacak setiap perubahan kod yang Anda buat dalam fail projek anda. Anda bahkan boleh kembali ke perubahan sebelumnya jika anda melakukan kesalahan. Ini hampir seperti mempunyai titik simpanan yang tidak terhingga untuk projek anda, dan izinkan saya memberitahu anda, ini boleh menjadi penyelamat yang besar.
Sistem kawalan versi yang paling popular adalah sistem sumber terbuka yang dipanggil Git. Dengan menggunakan Git, anda boleh menyimpan semua fail dan sejarah perubahannya dalam koleksi yang dipanggil repositori.
Anda mungkin juga pernah mendengar mengenai GitHub, yang merupakan syarikat hosting dalam talian milik Microsoft di mana anda boleh menyimpan semua repositori Git anda.
Untuk mempelajari Git dan GitHub, GitHub.com mempunyai beberapa panduan dalam talian yang menerangkan cara bangun dan berjalan. Traversy Media juga mempunyai video YouTube yang menerangkan bagaimana Git berfungsi.
4a: Bahagian depan tambahan
Sebaik sahaja anda mempunyai asas-asas front-end ke bawah, terdapat beberapa kemahiran pertengahan yang ingin anda pelajari. Saya mengesyorkan agar anda melihat yang berikut: Sass, reka bentuk responsif, dan rangka kerja JavaScript.
Sass
Sass adalah lanjutan dari CSS yang menjadikan gaya penulisan lebih intuitif dan modular. Ini alat yang sangat kuat. Dengan Sass, anda dapat memisahkan gaya anda menjadi beberapa fail untuk organisasi yang lebih baik, membuat pemboleh ubah untuk menyimpan warna dan fon, dan menggunakan mixin dan tempat letak untuk menggunakan semula gaya dengan mudah.
Walaupun anda hanya menggunakan beberapa ciri asas, seperti bersarang, anda akan dapat menulis gaya anda dengan lebih cepat dan kurang sakit kepala.
Anda boleh mengetahui lebih lanjut mengenai Sass dalam tutorial Scotch.io ini, serta video YouTube oleh Dev Ed.
Reka bentuk responsif
Reka bentuk responsif memastikan gaya anda kelihatan baik di semua peranti – desktop, tablet dan telefon bimbit. Amalan teras reka bentuk responsif termasuk menggunakan ukuran fleksibel untuk elemen, serta menggunakan pertanyaan media untuk menargetkan gaya untuk peranti dan lebar tertentu.
Sebagai contoh, daripada menetapkan kandungan anda menjadi lebar 400 piksel statik, anda boleh menggunakan pertanyaan media dan menetapkan kandungan menjadi lebar 50% di desktop dan 100% di telefon bimbit.
Membangun laman web anda dengan CSS responsif adalah suatu keharusan hari ini, kerana trafik mudah alih melebihi trafik desktop dalam banyak keadaan.
Untuk maklumat lebih lanjut mengenai reka bentuk responsif dan menjadikan laman web anda responsif, lihat artikel ini. Saya juga melakukan streaming pengekodan langsung di saluran YouTube saya di mana saya membina laman web dari awal dan penonton boleh mengajukan soalan kepada saya dalam masa nyata!
Rangka kerja JavaScript
Setelah anda meletakkan asas-asas JavaScript vanila, anda mungkin ingin mempelajari salah satu kerangka kerja JavaScript (terutamanya jika anda ingin menjadi pembangun JavaScript tumpukan penuh).
Rangka kerja ini dilengkapi dengan struktur dan komponen pra-binaan yang membolehkan anda membina aplikasi dengan lebih pantas daripada jika anda bermula dari awal.
Pada masa ini, anda mempunyai tiga pilihan utama: React, Angular, dan Vue.
React (secara teknikal perpustakaan), dibuat oleh Facebook dan merupakan rangka kerja paling popular sekarang. Anda boleh memulakan pembelajaran dengan melayari laman web React.js. Sekiranya anda berminat dengan kursus React premium, Tyler McGinnins dan Wes Bos mempunyai kursus yang bagus.
Angular adalah kerangka besar pertama, dan ia dibuat oleh Google. Ia masih sangat popular, walaupun telah dikalahkan oleh React baru-baru ini. Anda boleh mula belajar Angular di laman web mereka. Gary dari DesignCourse juga mempunyai kursus kemalangan Angular di YouTube.
Vue adalah rangka kerja yang lebih baru yang dibuat oleh Evan You, bekas pembangun Angular. Walaupun lebih kecil digunakan daripada React dan Angular, ia tumbuh dengan cepat dan juga dianggap mudah dan menyenangkan untuk digunakan. Anda boleh bangun dan menjalankannya di laman web Vue.
Kerangka mana yang harus anda pelajari?
Anda mungkin tertanya-tanya sekarang, "Baiklah, kerangka mana yang terbaik?"
Sebenarnya, semuanya baik. Dalam pembangunan web, hampir tidak ada satu pilihan yang merupakan 100% pilihan terbaik untuk setiap orang dan setiap situasi.
Pilihan anda kemungkinan besar akan ditentukan oleh pekerjaan anda, atau dengan pilihan yang paling anda gemari. Sekiranya matlamat akhir anda adalah untuk mendapatkan pekerjaan, cubalah meneliti kerangka kerja mana yang nampaknya paling umum dalam senarai pekerjaan yang berpotensi.
Jangan terlalu bimbang tentang kerangka mana yang harus dipilih. Lebih penting lagi anda belajar dan memahami konsep di sebalik mereka. Juga, setelah anda mempelajari satu kerangka kerja, akan lebih mudah untuk belajar yang lain (serupa dengan bahasa pengaturcaraan).
Mari beralih ke bahagian terakhir kami: pembangunan web hujung belakang!
4b: Bahagian belakang asas
Bahagian belakang, atau bahagian pelayan pembangunan web, terdiri daripada tiga komponen utama: pelayan, bahasa pengaturcaraan sisi pelayan, dan pangkalan data.
Pelayan
Seperti yang kami sebutkan di awal, pelayan adalah komputer di mana semua fail laman web, pangkalan data, dan komponen lain disimpan.
Pelayan tradisional dijalankan pada sistem operasi seperti Linux atau Windows. Mereka dianggap "terpusat" kerana semuanya - fail laman web, kod back-end, dan data disimpan bersama di pelayan.
Pada masa kini terdapat juga seni bina tanpa pelayan, yang merupakan jenis penyediaan yang lebih terdesentralisasi. Jenis aplikasi ini membelah komponen tersebut dan memanfaatkan vendor pihak ketiga untuk menangani setiap komponen tersebut.
Walaupun namanya, anda masih memerlukan beberapa jenis pelayan, untuk sekurang-kurangnya menyimpan fail laman web anda. Beberapa contoh penyedia tanpa pelayan adalah AWS (Amazon Web Services) atau Netlify.
Persediaan tanpa pelayan popular kerana cepat, murah, dan anda tidak perlu risau tentang penyelenggaraan pelayan. Mereka bagus untuk laman web statik sederhana yang tidak memerlukan bahasa sisi pelayan tradisional. Namun, untuk aplikasi yang sangat kompleks, penyediaan pelayan tradisional mungkin merupakan pilihan yang lebih baik.
Untuk mengetahui lebih lanjut mengenai penyediaan tanpa pelayan, Netlify mempunyai catatan blog yang informatif yang membawa anda melalui semua langkah untuk menyiapkan laman web statik dengan penyebaran.
Bahasa pengaturcaraan
Di pelayan, anda perlu menggunakan bahasa pengaturcaraan untuk menulis fungsi dan logik untuk aplikasi anda. Pelayan kemudian menyusun kod anda dan menyampaikan hasilnya kembali kepada pelanggan.
Bahasa pengaturcaraan yang popular untuk web termasuk PHP, Python, Ruby, C # dan Java. Terdapat juga bentuk JavaScript sisi pelayan - Node.js, yang merupakan lingkungan waktu larian yang dapat menjalankan kod JavaScript di pelayan.
Terdapat juga kerangka kerja yang dapat anda gunakan dengan setiap bahasa di sisi pelayan ini. Sama seperti kerangka kerja JavaScript bahagian depan, kerangka kerja belakang ini adalah alat yang membantu membuat aplikasi web lebih cepat.
Mari lihat senarai bahasa pengaturcaraan yang paling biasa digunakan untuk pembangunan web:
C #
C # dikembangkan sebagai pesaing Microsoft untuk Java. Ini digunakan untuk membuat aplikasi web dengan kerangka .NET, pengembangan permainan, dan bahkan dapat digunakan untuk membuat aplikasi mudah alih.
Tempat untuk belajar C #: C # Pemrograman Buku Kuning oleh Rob MilesC # Asas mengenai Udemy
Jawa
Java adalah salah satu bahasa pengaturcaraan yang paling popular, dan digunakan dalam aplikasi web serta untuk membangun aplikasi Android.
Tempat untuk belajar Java: University of Helsinki MOOCLengkap Java Developer Course on Udemy
Node.js
Node.js adalah teknologi yang sangat popular (menurut tinjauan pembangun Stack Overflow 2019). Satu perkara yang perlu diperhatikan: secara teknikalnya bukan bahasa sisi pelayan - itu adalah bentuk JavaScript yang berjalan di pelayan menggunakan kerangka Express.js.
Tempat untuk belajar Node.js: Node.js tutorial dengan Mengaturcara dengan MoshPelajari Node oleh Wes Bos
PHP
PHP adalah bahasa yang memberi kuasa kepada WordPress, jadi ini mungkin merupakan pilihan yang baik jika anda fikir anda akan bekerja dengan laman web perniagaan kecil, kerana banyak dari mereka menggunakan WordPress. Anda juga boleh membina aplikasi web dengan rangka kerja Laravel.
Tempat untuk belajar PHP: Pengenalan ke PHP oleh mmtutsPHP oleh Edwin Diaz di Udemy
Python
Python semakin popular, terutamanya kerana ia digunakan dalam sains data dan pembelajaran mesin. Ia juga dianggap baik, kerana sintaksisnya lebih sederhana daripada beberapa bahasa lain. Sekiranya anda ingin membina aplikasi web, anda boleh menggunakan kerangka Django atau Flask.
Tempat untuk belajar Python: The Modern Python 3 Bootcamp oleh Colt Steele di UdemyLearnPython.org
Ruby
Ruby adalah bahasa lain yang mempunyai sintaksis yang dianggap fu untuk dipelajari. Anda boleh membina aplikasi web dengan rangka Ruby on Rails.
Tempat belajar Ruby: Projek OdinRuby on Rails Tutorial oleh Michael Hartl
Sama seperti kerangka kerja JavaScript, tidak ada bahasa pengaturcaraan terbaik # 1. Pilihan anda harus berdasarkan pada minat dan minat peribadi anda, serta pekerjaan yang berpotensi - jadi lakukan sedikit kajian yang mungkin merupakan pilihan yang baik untuk anda .
Pangkalan Data
Pangkalan data, seperti namanya, adalah tempat anda menyimpan maklumat untuk laman web anda. Sebilangan besar pangkalan data menggunakan bahasa yang disebut SQL (diucapkan "sekuel") yang bermaksud "Bahasa Pertanyaan Berstruktur"
Dalam pangkalan data, data disimpan dalam jadual, dengan baris seperti dokumen Excel yang kompleks. Kemudian anda boleh menulis pertanyaan dalam SQL untuk membuat, membaca, mengemas kini, dan menghapus data.
Pangkalan data dijalankan di pelayan, menggunakan pelayan seperti Microsoft SQL Server pada pelayan Windows, dan MySQL untuk Linux.
Terdapat juga pangkalan data NoSQL, yang menyimpan data dalam fail JSON berbanding dengan jadual tradisional. Salah satu jenis pangkalan data NoSQL adalah MongoDB, yang sering digunakan dengan aplikasi React, Angular, dan Vue.
Beberapa contoh bagaimana data digunakan di laman web adalah:
Sekiranya anda mempunyai borang kontak di laman web anda, anda dapat membuat formulir sehingga setiap kali seseorang menyerahkan borang tersebut, data mereka disimpan ke dalam pangkalan data anda.
Anda juga boleh log masuk pengguna di pangkalan data, dan menulis logik dalam bahasa pelayan untuk mengendalikan dan mengesahkan log masuk.
Beberapa sumber untuk mempelajari asas-asas SQL adalah:
- Bootcamp SQL Lengkap oleh Jose Portilla di Udemy
- SQLBolt
Beberapa petua untuk meninggalkan anda dengan…
Terima kasih untuk membaca! Saya sangat berharap agar panduan ini dapat membantu anda memulakan pembelajaran pengembangan web.
Beberapa petua yang saya ada jika anda mengikuti jalan yang diajar sendiri:
- Jangan cuba belajar semuanya sekaligus. Pilih satu kemahiran untuk belajar pada satu masa.
- Jangan melompat dari tutorial ke tutorial. Semasa anda belajar, tidak ada masalah untuk melihat sumber yang berbeza untuk melihat mana yang paling anda sukai. Tetapi sekali lagi, pilih yang satu dan cuba lakukan sepenuhnya.
- Ketahui bahawa pengembangan web pembelajaran adalah perjalanan jangka panjang. Walaupun terdapat kisah yang mungkin pernah anda baca mengenai orang yang pergi dari sifar hingga mendarat pekerjaan web dev dalam 3 bulan, saya akan menargetkan lebih dari 1 hingga 2 tahun untuk menjadi siap pekerjaan, jika anda bermula dari awal.
- Hanya menonton kursus video atau membaca buku tidak akan menjadikan anda seorang pakar secara automatik. Mempelajari bahan hanyalah langkah pertama. Membina laman web dan projek sebenar (walaupun hanya demo untuk diri sendiri) akan membantu anda untuk benar-benar memperkukuhkan pembelajaran anda.
Nasib baik semasa anda mula mempelajari pembangunan web! Sekiranya anda berminat dengan lebih lanjut, baca artikel ini di blog saya: Pelajari pengembangan web sebagai pemula mutlak.
Mahu mengikut saya?
Saya menyiarkan petua mini dalam pengembangan web di Instagram dan Twitter, dan membuat video tutorial pengekodan di YouTube!