Dasar-dasar HTML Yang Penting Untuk Dipelajari – HTML ( H yper t ext M arkup L anguage) adalah kode yang digunakan untuk struktur halaman web dan isinya. Misalnya, konten dapat disusun dalam satu set paragraf, daftar poin berpoin, atau menggunakan gambar dan tabel data. Seperti judulnya, artikel ini akan memberi Anda pemahaman dasar tentang HTML dan fungsinya.
binaryjs
Dasar-dasar HTML Yang Penting Untuk Dipelajari
Jadi apa itu HTML?
binaryjs – HTML adalah bahasa markup yang mendefinisikan struktur konten Anda. HTML terdiri dari serangkaian elemen , yang Anda gunakan untuk melampirkan, atau membungkus, berbagai bagian konten untuk membuatnya tampak dengan cara tertentu, atau bertindak dengan cara tertentu. Tag penutup dapat membuat kata atau gambar hyperlink ke tempat lain, dapat membuat kata miring, dapat membuat font lebih besar atau lebih kecil, dan sebagainya. Misalnya, ambil baris konten berikut:
My cat is very grumpy
Jika kita ingin agar baris tersebut berdiri sendiri, kita dapat menentukan bahwa itu adalah sebuah paragraf dengan melampirkannya dalam tag paragraf:
My cat is very grumpy
Anatomi elemen HTML
Bagian utama dari elemen kami adalah sebagai berikut:
Tag pembuka: Ini terdiri dari nama elemen (dalam hal ini, p), dibungkus dengan kurung sudut buka dan tutup . Ini menyatakan di mana elemen dimulai atau mulai berlaku — dalam hal ini paragraf dimulai.
Tag penutup: Ini sama dengan tag pembuka, kecuali bahwa tag ini menyertakan garis miring sebelum nama elemen. Ini menyatakan di mana elemen berakhir — dalam hal ini paragraf berakhir. Gagal menambahkan tag penutup adalah salah satu kesalahan standar pemula dan dapat menyebabkan hasil yang aneh.
Konten: Ini adalah konten elemen, yang dalam hal ini hanyalah teks.
Elemen: Tag pembuka, tag penutup, dan konten bersama-sama membentuk elemen.
Elemen juga dapat memiliki atribut yang terlihat seperti berikut:
Mari kita jelajahi elemen paragraf ini sedikit lebih jauh.
Atribut berisi informasi tambahan tentang elemen yang tidak ingin Anda tampilkan di konten sebenarnya. Di sini, classadalah atribut nama dan editor-noteadalah atribut nilai . The classatribut memungkinkan Anda untuk memberikan elemen pengenal non-unik yang dapat digunakan untuk menargetkan itu (dan unsur-unsur lain dengan sama classnilai) dengan informasi gaya dan hal-hal lain.
Atribut harus selalu memiliki yang berikut:
Spasi antara itu dan nama elemen (atau atribut sebelumnya, jika elemen sudah memiliki satu atau lebih atribut).
Nama atribut diikuti dengan tanda sama dengan.
Nilai atribut dibungkus dengan tanda kutip pembuka dan penutup.
Elemen bersarang
Anda juga dapat meletakkan elemen di dalam elemen lain — ini disebut bersarang . Jika kita ingin menyatakan bahwa kucing kita sangat pemarah, kita dapat membungkus kata “sangat” dalam sebuah elemen, yang berarti bahwa kata tersebut harus ditekankan dengan kuat:
My cat is very grumpy.
Namun Anda perlu memastikan bahwa elemen Anda bersarang dengan benar. Pada contoh di atas, kita membuka
elemen terlebih dahulu, lalu elemen; oleh karena itu, kita harus menutup elemen terlebih dahulu, lalu
elemen. Berikut ini tidak benar:
My cat is very grumpy.
Unsur-unsur harus membuka dan menutup dengan benar sehingga mereka jelas di dalam atau di luar satu sama lain. Jika mereka tumpang tindih seperti yang ditunjukkan di atas, maka browser web Anda akan mencoba menebak apa yang Anda coba katakan, yang dapat menyebabkan hasil yang tidak terduga. Jadi jangan lakukan itu!
elemen kosong
Beberapa elemen tidak memiliki konten dan disebut elemen kosong . Ambil elemen yang sudah kita miliki di halaman HTML kita:
<img src=”images/firefox-icon.png” alt=”My test image”>
Ini berisi dua atribut, tetapi tidak ada tag penutup dan tidak ada konten dalam. Ini karena elemen gambar tidak membungkus konten untuk memengaruhinya. Tujuannya adalah untuk menyematkan gambar di halaman HTML di tempat gambar itu muncul.
Anatomi dokumen HTML
Itu merangkum dasar-dasar elemen HTML individual, tetapi mereka tidak berguna sendiri. Sekarang kita akan melihat bagaimana elemen individual digabungkan untuk membentuk keseluruhan halaman HTML. Mari kita tinjau kembali kode yang kita masukkan ke dalam index.htmlcontoh kita (yang pertama kali kita temui di artikel Berurusan dengan file ):
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>My test page</title>
</head>
<body>
<img src=”images/firefox-icon.png” alt=”My test image”>
</body>
</html>
Di sini, kami memiliki yang berikut:
doctype. Ini adalah pendahuluan yang diperlukan. Dalam kabut waktu, ketika HTML masih muda (sekitar 1991/92), doctypes dimaksudkan untuk bertindak sebagai tautan ke seperangkat aturan yang harus diikuti oleh halaman HTML untuk dianggap sebagai HTML yang baik, yang dapat berarti pemeriksaan kesalahan otomatis dan lainnya hal-hal yang berguna. Namun hari ini, mereka tidak berbuat banyak dan pada dasarnya hanya diperlukan untuk memastikan dokumen Anda berfungsi dengan benar. Itu saja yang perlu Anda ketahui untuk saat ini.
elemen. Elemen ini membungkus semua konten di seluruh halaman dan terkadang dikenal sebagai elemen root.
elemen. Elemen ini bertindak sebagai wadah untuk semua hal yang ingin Anda sertakan di halaman HTML yang bukan konten yang Anda tampilkan kepada pemirsa halaman Anda. Ini termasuk hal-hal seperti kata kunci dan deskripsi halaman yang ingin Anda tampilkan di hasil pencarian, CSS untuk menata konten kami, deklarasi kumpulan karakter, dan banyak lagi.
Elemen ini mengatur set karakter yang harus digunakan dokumen Anda ke UTF-8 yang mencakup sebagian besar karakter dari sebagian besar bahasa tertulis. Pada dasarnya, sekarang dapat menangani konten tekstual apa pun yang Anda masukkan ke dalamnya. Tidak ada alasan untuk tidak mengatur ini dan ini dapat membantu menghindari beberapa masalah di kemudian hari.
4 Bahasa Coding Yang Penting Untuk Dipelajari – Pengkodean serta pemrograman pc merupakan salah satu kemampuan sangat laris di bumi modern. serta programmer amat diperlukan oleh nyaris tiap industri yang mempunyai aplikasi, web website, ataupun perangkat keras apa juga yang dijalani oleh sistem pc. Jadi, bila kamu mau jadi salah satu dari mereka, kamu wajib berlatih koding.
binaryjs
4 Bahasa Coding Yang Penting Untuk Dipelajari
binaryjs – Dengan melonjaknya ketenaran koding, timbul kenaikan besar dalam jumlah orang yang berupaya belajar metode membuat koding. Pertanyaan – pertanyaan semacam” Gimana metode mengawali coding buat pendatang baru” serta” Metode berlatih coding buat pendatang baru” jadi perkataan pencarian Google paling atas, ini membuktikan alangkah populernya aspek kemampuan ini. Walaupun demiokian, apalagi menciptakan metode buat berlatih koding yang efisien dapat jadi perihal yang tidak gampang untuk para pendatang baru.
Apa Itu Coding?
Saat sebelum kamu mengawali ekspedisi buat jadi seseorang programmer pakar, kamu wajib menguasai satu hal: apa itu coding sesungguhnya. bila kamu bertanya pada seorang di yang sudah ahli mengenai ini, kamu bisa jadi menemukan balasan yang tidak nyata dekat mengenai metode membuat pc berperan serta membuat permainan.
Ini bukan jawaban yang salah, namun ini merupakan uraian yang amat simpel mengenai apa itu koding untuk orang yang belum berlatih koding dengan cara global. Coding ialah perihal yang amat berarti buat kehidupan modern, sebab beliau membuat bawah dari segalanya, mulai dari pc, mobil, sampai ponsel pintar( telepon cerdas). Tanpanya, beberapa besar teknologi modern tidak hendak terdapat semacam yang kita tahu saat ini, serta bumi hendak jadi tempat yang amat berlainan.
Seorang yang berlatih koding dalam durasi senggang mereka bisa jadi hendak memakai wawasan serta kemampuan yang terkini mereka dapat buat keadaan selanjutnya:
Pengembangan back- end web. Ini umumnya dicoba dalam bahasa semacam PHP ataupun Java serta mengatur gimana suatu web website bertugas serta bereaksi kepada aksi khusus.
Pengembangan front- end web. Ini dicoba dengan bahasa semacam HTML, CSS, serta JavaScript, serta mengendalikan bentuk web.
Pengembangan aplikasi seluler, yang dicoba dengan suatu semacam Swift( buat fitur Apple) ataupun Java.
Analisa informasi objektif, yang umumnya dicoba oleh para periset ataupun asisten periset memakai program yang terbuat dengan Python.
Ini hanya sebagian profesi bawah yang ada buat para programmer pendatang baru yang tetap berlatih koding. Bersamaan dengan bertambahnya pengalaman kamu, kamu bisa jadi hendak menciptakan dirimu melaksanakan keadaan yang lebih maju semacam rekayasa sistem autopilot pesawat melambung, membuat pc mobil yang mengemudikan sendiri, ataupun apalagi bertugas dengan NASA.
Kenapa Penting Untuk Belajar Koding?
Banyak programmer terkini yang lagi berlatih coding buat pendatang baru kesimpulannya meragukan diri mereka sendiri serta keahlian mereka buat jadi seseorang programmer asli. Rentang waktu tertidak gampang kala kamu berupaya metode berlatih coding buat pendatang baru merupakan dalam sebagian pekan awal. Pada awal mulanya, kamu bisa jadi hendak ketidak mudahan menjajaki apa yang kamu pelajari, belum dapat menulis program apa juga, serta apalagi kamu bisa jadi hendak mengalami ketidak mudahan dalam menuntaskan bimbingan ataupun tutorial- tutorial simpel.
Tetapi, baik buat menepis seluruh keragu- raguan ini. Jalani studi sendiri serta pelajari metode mengawali coding. Simak anjuran para pakar, serta cari bimbingan yang memiliki fokus pada metode berlatih coding buat pendatang baru. Sebagian alibi penting kenapa kamu wajib berlatih koding merupakan:
kalian akan dapat membuat aplikasi atau website kalian sendiri. Ini memiliki keahlian untuk membuka alam aspek upaya online dan berbagai peluang yang ada di dalamnya.
kalian mendadak akan jauh lebih mudah untuk menciptakan pekerjaan. Terlebih apabila dalam pabrik tempat kalian bekerja tidak mengharuskan kalian untuk mengidentifikasi apa pula hal coding serta belajar koding, kalian dapat jadi akan memandang jika sedemikian itu kalian mempelajari sesuatu bahasa terbaru, kalian jauh lebih mudah untuk menciptakan pekerjaan atau tugad dan menyelesaikannya. Ini bisa menggiring pada peluang aktivitas terbaru atau advertensi, walhasil tingkatkan profesi kalian dengan cepat.
kalian bisa membuka profesi terbaru. Coding ialah salah satu profesi yang amat banyak dimohon di alam. Ini berarti jika ada banyak pekerjaan untuk para coder yang bagus di luar sana dan mengizinkan untuk menciptakan pendapatan yang lumayan berlaku seperti developer( pengembang) atau programmer( pemrogram).
kalian akan belajar untuk menciptakan pendapatan. Belajar koding membutuhkan banyak minat pada detail, keakuratan, dan yang amat berarti, komitmen. Apabila kalian berhasil mempelajari sesuatu bahasa pemrograman, kalian akan lebih mudah untuk mempelajari keahlian terbaru di masa depan.
Semacam yang kamu amati, terdapat banyak alibi kenapa kamu wajib berlatih koding. Sehabis memahami coding buat pendatang baru, bukan cuma jadi lebih gampang buat menemukan kegiatan serta mempunyai agunan kegiatan yang lebih bagus, namun kamu pula hendak berlatih kemampuan terkini serta mempunyai keahlian buat mengawali bidang usaha online kamu sendiri jika kamu ingin.
Terdapat ratusan bahasa pemrograman yang berlainan di luar situ. Banyak yang mempunyai khasiat yang amat khusus serta lumayan tidak gampang buat dipelajari, yang berarti mereka tidak sesuai buat para pendatang baru yang mau berlatih koding buat awal kalinya.
Tetapi, terdapat sebagian bahasa yang amat terkenal serta gampang dipelajari, terhambur besar, pula mempunyai khasiat yang banyak. Bahasa- bahasa ini biasanya mempunyai sintaks yang lumayan simpel, komunitas online yang besar, serta kerapkali dibaca semacam bahasa Inggris. Bagi kita, sebagian bahasa pemrograman yang terbaik buat mulai dipelajari merupakan:
JavaScript
JavaScript dapat dikatakan merupakan suatu bahasa pemrograman yang sangat banyak disukai serta terhambur besar. Walaupun ini bukan bahasa pemrograman yang sangat gampang, elastisitas serta permohonan hendak para programmer yang lancar dalam bahasa ini buatnya jadi opsi yang baik untuk banyak orang yang mau berlatih koding. Sebagian alibi penting kenapa JavaScript merupakan yang paling atas dalam catatan bahasa terbaik buat dipelajari merupakan:
Bahasa Program Yang Sering Dipakai
JavaScript terdapat di mana- mana. Dengan cara konvensional bahasa ini sudah dipakai buat pengembangan front- end web, namun sudah jadi lebih terkenal di golongan para developer back- end sepanjang sebagian tahun terakhir ini. Nyaris seluruh yang mempunyai web website ataupun aplikasi hendak mempunyai paling tidak sebagian aturan JavaScript yang butuh diatur ataupun diperbarui dari durasi ke durasi, alhasil hendak senantiasa terdapat profesi buat para developer.
Kemajuan yang sangat cepat saat ini
Sebab terus menjadi banyak orang yang mencari balasan buat pertanyaan- pertanyaan semacam” Gimana metode berlatih koding” serta” Metode coding buat pendatang baru”, komunitas JavaScript jadi bertumbuh dengan cepat. Sebab terus menjadi banyak orang mulai memakai bahasa ini, jumlah perlengkapan yang ada buat para developer pula bertambah dengan kilat, yang berarti terdapat banyak macam perihal yang dapat kamu maanfaatkan dengan JavaScript.
Semacam yang kita ucap tadinya, JavaScript terdapat di mana- mana. Walaupun ada lonjakan dalam jumlah orang yang berlatih koding JavaScript belum lama ini, permohonan buat programmer JavaScript yang profesional senantiasa besar. Ini berarti terdapat banyak lowongan profesi di luar situ, serta berikan kamu elastisitas buat memilah bila serta di mana kamu dapat bertugas.
sangat tidak gampang buat dipelajari:
Pasti, ini tidaklah bahasa yang sangat gampang, namun pula jauh dari yang sangat tidak gampang. Sehabis kamu menguasai sintaks serta gimana metode pemrograman bertugas, JavaScript merupakan bahasa yang baik buat dipahami pendatang baru. Bila kamu berasumsi buat menjajalnya. Di mari kamu hendak menciptakan 2 bimbingan JavaScript yang baik buat diseleksi.
Yang awal, Film Bimbingan JavaScript, hendak berikan kamu identifikasi ke bahasa ini serta metode memakainya. Bimbingan JavaScript Interaktif mengarahkan dengan lebih perinci serta hendak memberimu bermacam keahlian serta wawasan yang lebih besar hingga akhir bimbingan.
Python
Python dapat dikatakan merupakan bahasa terbaik dalam jenis coding buat pendatang baru. Ini merupakan bahasa sangat terkenal yang diajarkan di sekolah- sekolah di semua bumi, bisa jadi sebab elastisitas serta watak alaminya yang simpel. Python berkembang dengan amat kilat pada tahun 2017, menempatkannya di atas situ bersama dengan JavaScript dalam perihal ketenaran. Ini membuktikan kalau Python hendak senantiasa jadi bahasa yang banyak digunakan- dan karenanya baik buat dipelajari- untuk tahun- tahun kelak.
Sebagian perihal yang membuat Python baik buat orang yang mau berlatih coding tercantum:
Lumayan simpel serta gampang diiringi, menjadikannya baik buat pendatang baru dengan sedikit ataupun tanpa wawasan coding serupa sekali.
Bunyinya mendekati dengan bahasa Inggris, yang membuat sintaksnya gampang dipelajari serta didebug.
Amat serbaguna, membolehkan kamu buat mencabangkan wawasan kamu ke bidang- bidang semacam pengembangan website, arsitektur aplikasi, serta apalagi analisa informasi objektif.
Python merupakan bahasa opsi buat para akademisi serta banyak orang lain yang bertugas di aspek ilmu. Beliau dipakai buat menulis analisa informasi bawah ataupun program kontrol, yang berarti kalau menekuni dasar- dasar Python dapat jadi ilham yang baik bila kamu merupakan seseorang periset.
Bahasa ini pula dipakai dengan cara besar di bidang- bidang terkini semacam intelek ciptaan( AI ataupun artificial intelligence) serta penataran mesin, 2 pabrik yang sangat kilat bertumbuh dalam satu ataupun 2 tahun terakhir. Jika kamu terpikat pada teknologi terkini serta kebangkitan AI, kamu butuh berlatih coding, serta Python merupakan bahasa yang baik buat dipelajari terlebih dulu.
HTML
HTML bisa jadi merupakan bahasa coding termudah buat dipelajari, serta beliau ialah opsi yang baik buat banyak orang yang mempunyai kerangka balik teknologi yang sedikit, namun sedang mau buat berlatih coding. Walaupun simpel, HTML banyak dipakai dalam manajemen konten serta konsep website front- end. Bersama dengan CSS, bahasa- bahasa ini amat berarti untuk siapa saja yang mau memperoleh profesi selaku developer front- end, jadi kenapa kamu tidak mempelajarinya terlebih dulu?
Apalagi bila kamu tidak sempat berencana buat mengutip coding ataupun pemrograman dengan cara sungguh- sungguh, HTML sedang amat dapat bermanfaat. Misalnya, bila kamu menulis aturan dengan cara teratur dalam web website ataupun web milikmu, kamu bisa jadi mau memformat konten kamu sendiri. Ini umumnya lumayan tidak gampang tanpa paling tidak sedikit saja wawasan HTML, jadi kamu wajib berupaya buat mempelajarinya. Sebagian ilustrasi lain di mana kamu bisa memakai HTML merupakan:
Jika kamu butuh buat membiasakan ilustrasi( template) email. HTML dipakai buat beberapa besar email. Mengenali paling tidak HTML bawah hendak mengizinkan kamu buat memformat template email apa juga yang kamu maanfaatkan buat bisnismu.
Buat membuat tautan dalam. Uraian mengenai aturan HTML serta metode kerjanya hendak membolehkan kamu buat membuat tautan dalam di dalam konten kamu. Ini amat bermanfaat kala kamu menulis bagian- bagian yang jauh dengan banyak sub- kategori.
Buat mempersonalisasikan konten kamu. Menguasai HTML hendak mengizinkan kamu buat mengganti font, mengatur di mana lukisan ditempatkan, serta mengendalikan dimensi font kala kamu menerbitkan konten terkini.
Semacam yang kamu amati, HTML merupakan bahasa yang baik buat orang yang mau berlatih koding namun bisa jadi sedang kurang yakin diri. Bila cocok dengan kemauan kamu,
Java
Java, merupakan bahasa pemrograman yang sangat terkenal di bumi. Beliau dipakai buat bermacam berbagai perihal, mulai dari pengembangan website back- end sampai rekayasa aplikasi, serta pula terkenal di golongan banyak orang yang mau berlatih koding buat pendatang baru.
Awal mulanya didesain selaku pengganti yang lebih simpel dari C++, Java sudah meluncur serta dipakai amat besar di bumi pc serta pemrograman. Kebanyakan industri besar memakai Java buat membuat aplikasi desktop serta web website mereka. Java merupakan cocok dengan cara rute program lewat Java Virtual Machine( JVM), yang membaca serta melaksanakan aturan Java. Kebanyakan aplikasi Android pula terbuat memakai Java.
Semacam yang kamu amati, aplikasi Java amatlah besar. Ini menguatkan letaknya selaku bahasa yang baik buat mengawali kala kamu berlatih coding. Java merupakan bahasa tingkatan besar, yang maksudnya mempunyai sintaks serta kesepakatan yang relatif simpel. Beliau didesain buat pendatang baru yang belum melaksanakan sedemikian itu banyak pemrograman, yang berarti bahasa ini kuat serta terkadang bisa melaksanakan aturan meski kala terdapat kekeliruan kecil.
Kelemahan penting Java merupakan diperlukan banyak aturan buat membuat suatu yang bertugas dengan bagus. Ini buatnya kurang melegakan untuk banyak orang yang terkini mengawali ekspedisi coding mereka. Tetapi, bahasa ini bisa diperbesar( scalable), kilat, serta mempunyai permohonan yang besar.
Cara Terbaik untuk Mempelajari Cara Membuat Kode Gratis – Apa itu Coding dan Mengapa Harus Bersusah-susah Belajar Coding? Pengkodean, pada dasarnya, adalah kemampuan untuk membuat komputer melakukan tugas tertentu melalui instruksi yang ditulis dalam bahasa pemrograman. Kode komputer ada di sekitar kita, Google, aplikasi media sosial, situs web perbankan yang Anda gunakan, semua ini, dan banyak lagi yang dimungkinkan melalui kode.
binaryjs
Cara Terbaik untuk Mempelajari Cara Membuat Kode Gratis
binaryjs – Mungkin ada banyak alasan Anda ingin belajar coding. Mungkin Anda ingin mempelajari lebih lanjut tentang cara kerja situs web atau video game, atau mungkin Anda ingin melakukan transisi karier menuju industri teknologi, atau mungkin Anda hanya ingin tahu apa yang dimaksud dengan keributan itu. Bagaimanapun, tidak pernah ada alasan untuk tidak belajar coding; itu adalah keterampilan penting di zaman sekarang dan dapat membuka jalur karier baru.
Belajar Kode untuk Pemula
Ada ribuan sumber daya yang tersedia secara gratis yang dapat Anda gunakan untuk belajar coding. Pemula sering bingung dan tidak yakin bagaimana memulainya karena ada banyak bahasa pemrograman yang bisa dipilih. Jadi, Anda harus tahu apa tujuan akhir Anda dan kemudian memilih bahasa pemrograman yang sesuai untuk memulai.
Jika Anda ingin membangun situs web dari awal, Anda ingin melihat sumber daya pengembangan web untuk pemula dan mulai dengan HTML dan CSS. Atau, jika Anda ingin mulai membuat aplikasi dan game seluler, Anda harus melihat kursus pengembangan aplikasi Android atau iOS.
Anda bisa mulai coding dengan Python (bahasa pemrograman paling populer) dan membuat proyek yang menyenangkan untuk pemula . Di bawah ini kita melihat lebih dekat ke beberapa bahasa pemrograman teratas.
Bahasa Pemrograman Mana Yang Harus Anda Mulai?
HTML/CSS
HTML dan CSS adalah bahasa yang mengontrol tampilan situs web yang Anda lihat setiap hari. HTML bertanggung jawab untuk menandai kode sehingga komputer dapat memahaminya, sedangkan CSS digunakan bersama HTML untuk memformat dan menata konten.
Pengembangan web front-end adalah salah satu tempat terbaik untuk memulai jika Anda ingin belajar kode. Sebagian besar programmer sukses saat ini memulai karir coding mereka dengan mempelajari HTML dan CSS.
Ada banyak sumber daya HTML dan CSS yang tersedia, jadi penting bagi Anda untuk memilih salah satu yang membantu Anda belajar membuat kode segala sesuatu mulai dari “Hello World” pertama Anda hingga situs web fungsional.
Setelah Anda memahami HTML dan CSS dasar, Anda harus mempertimbangkan untuk membuat proyek web pemula secara mandiri dan kemudian beralih ke pembelajaran JavaScript untuk mendapatkan keterampilan profesional yang berlaku.
Catatan : HTML sebenarnya adalah bahasa “markup”, dan CSS adalah bahasa “lembar gaya”. Meskipun biasanya disebut sebagai bahasa pemrograman, keduanya tidak memiliki kemampuan untuk menambahkan logika ke aplikasi Anda dengan cara yang, katakanlah, Java.
Java
Java adalah salah satu bahasa pemrograman paling mendasar untuk aplikasi desktop, sistem operasi, pengembangan aplikasi seluler, dan banyak lagi. Bahasa pemrograman berorientasi objek adalah salah satu bahasa yang paling populer di sekitar.
Namun, Java tidak cocok untuk pemula, karena banyak konsep pemrograman yang diperlukan di Java agak terlalu canggih untuk pemula. Jadi akan lebih baik untuk memulai dengan C/C++ dan kemudian bekerja di Java.
C/C++
C dan C++ adalah dua bahasa pengembangan perangkat lunak yang paling populer. Mereka juga merupakan titik awal yang sangat baik bagi mereka yang ingin belajar kode . Anda dapat memulai dari yang kecil dengan proyek pemula yang mudah dan kemudian beralih ke pemrograman berorientasi objek.
C++ terutama digunakan dalam pengembangan perangkat lunak dan pengembangan video-game, dan meskipun tidak ideal untuk aplikasi seluler atau desktop, itu akan menyelesaikan pekerjaan.
Python
Sangat mungkin bahasa pemrograman paling modern saat ini, Python sangat kuat, cukup mudah dipelajari, dan titik awal yang bagus jika Anda ingin belajar kode. Python sangat fleksibel dan tidak seketat konvensi pemrograman jika dibandingkan dengan Java atau C/C++.
Python adalah cara yang bagus untuk memulai karir coding Anda dengan aplikasi dalam pengembangan web, pembelajaran mesin, pengembangan game, dan banyak lagi.
Belajar Kode Gratis
Sekarang setelah Anda mengetahui berbagai bahasa pemrograman, mari beralih ke sumber daya terbaik untuk belajar coding (sebagai bonus, gratis!)
1. FreeCodeCamp
FreeCodeCamp adalah situs web fantastis yang telah membantu jutaan orang memulai karir coding mereka. Kursus pengembangan web di freeCodeCamp sangat fenomenal dan mencakup berbagai teknologi seperti HTML, CSS, React, dan Javascript.
2. Udemy
Udemy adalah platform pendidikan online unik yang menawarkan kursus kepada siswa yang bersemangat dan memungkinkan para profesional yang terampil membuat dan menjual kursus mereka. Anda dapat menggunakan Udemy untuk mempelajari pengembangan web, ilmu data, pembelajaran mesin, atau bahasa pemrograman individual. Ada banyak kursus gratis untuk dipilih, apa pun yang ingin Anda pelajari; Udemy telah Anda liput.
3. MIT OpenCourseWare
MIT OpenCourseWare memungkinkan Anda mengambil kursus gratis lengkap tentang berbagai mata pelajaran. Daftar kursus ilmu komputer berisi kursus dari kursus TIK dasar hingga kursus mendalam seperti Struktur Data dan Algoritma. MIT OCW adalah tempat yang fantastis untuk mempelajari kode jika Anda ingin mendalami pemrograman.
4. Coursera
Seperti Udemy, Coursera menawarkan kursus terakreditasi dari universitas terkemuka yang dapat diikuti pengguna secara gratis. Anda dapat mempelajari hampir semua hal melalui Coursera; C/C++, pengembangan web, Java, pengembangan aplikasi seluler, dll.
Kursus biasanya mencakup kuliah video, tugas, dan kuis untuk memperkuat pembelajaran dan memastikan keterampilan pemrograman Anda berkembang dengan baik. Ingatlah bahwa ketika Anda memilih untuk mengaudit kursus, Anda tidak akan menerima sertifikat kelulusan.
5. Akademi Khan
Anda mungkin akrab dengan Khan Academy , dan kami yakin ini adalah salah satu hal terbaik dari internet. Platform pendidikan nirlaba menawarkan sesuatu untuk semua orang.
Meskipun tidak ideal untuk mempelajari pemrograman, mereka menawarkan beberapa kursus pengantar untuk membantu Anda memulai. Anda juga dapat menerapkan beberapa konsep matematika, seperti rekursi, yang ditawarkan dalam tutorial Khan Academy.
6. YouTube
Kehebatan YouTube sebagai platform pendidikan diremehkan secara kriminal. Meskipun YouTube sangat bagus untuk belajar matematika, sains, dan mata pelajaran lainnya, lebih baik jika Anda menjauh dari tutorial coding di YouTube. Tutorial sering kali sudah ketinggalan zaman dan tidak lengkap, tetapi Anda dapat menemukan tutorial pengkodean yang bermanfaat jika Anda mencari cukup keras.
7. edX
edX adalah organisasi nirlaba yang menyediakan kursus tingkat perguruan tinggi gratis secara online. Seperti MIT OpenCourseWare, edX menawarkan kursus untuk mata pelajaran yang berbeda dan telah membaginya ke dalam kategori tergantung pada kesulitannya. edX menawarkan banyak kursus pemrograman komputer sehingga Anda dapat belajar coding dari varietas yang paling terkenal seperti NYU dan Harvard.
Bagaimana Kode?
Pengkodean adalah bagian penting dari dunia, dan jika Anda ingin memulai di suatu tempat, sumber daya di atas adalah tempat yang tepat untuk memulai. Ingatlah bahwa sama seperti karir lainnya, coding membutuhkan waktu dan usaha. Terkadang yang terbaik adalah memulai dengan konsep pemrograman sederhana seperti for, while atau do while loop.
Pastikan untuk sepenuhnya memahami dasar-dasarnya sebelum terjun ke berbagai teknologi dan bahasa. Sebaiknya mulai dengan Python atau C/C++ (atau HTML/CSS) dan kemudian kembangkan keterampilan Anda secara bertahap. Tidak ada yang namanya kesuksesan dalam semalam dalam hal pengkodean; ingat untuk menikmati saat Anda belajar dengan kecepatan Anda sendiri.
Memulai dengan Kode Visual Studio dan Membangun Situs Web HTML – Pada artikel ini, kita akan membahas langkah-langkah yang diperlukan untuk mengunduh editor teks populer yang disebut Visual Studio Code, juga disebut sebagai “VS Code.” Pada akhir artikel Anda akan dapat membuat folder di Visual Studio Code yang berisi dokumen HTML yang dapat Anda buka di browser web Anda.
binaryjs
Memulai dengan Kode Visual Studio dan Membangun Situs Web HTML
Apa itu ‘editor teks’?
binaryjs – Editor teks, juga disebut editor kode, adalah aplikasi yang digunakan oleh pengembang untuk menulis kode. Mereka dapat menyorot dan memformat kode Anda sehingga lebih mudah dibaca dan dipahami.
Jika Anda pernah menggunakan Codecademy, Anda sudah terbiasa dengan editor teks. Ini adalah area tempat Anda menulis kode.
Menggunakan editor teks adalah bagian dari menciptakan “lingkungan pengembangan” Anda, seperangkat alat yang Anda gunakan untuk mengerjakan proyek pengkodean. Ini akan memungkinkan Anda untuk mengambil apa yang telah Anda pelajari di Codecademy dan mempraktikkannya saat Anda mengerjakan proyek di komputer Anda.
Ini tidak hanya akan memperkenalkan Anda pada alat yang biasanya digunakan oleh pengembang profesional, tetapi juga berarti bahwa Anda telah tumbuh sebagai pengembang dan siap untuk mulai bekerja sendiri—kerja bagus!
Khusus untuk menulis kode, editor teks memberikan sejumlah keuntungan:
Penyorotan sintaks khusus bahasa Language
Indentasi kode otomatis
Skema warna yang sesuai dengan preferensi Anda dan membuat kode lebih mudah dibaca
Plug-in, atau program tambahan, untuk menangkap kesalahan dalam kode
Tampilan hierarki, atau representasi visual, dari folder dan file proyek, sehingga Anda dapat dengan mudah menavigasi proyek Anda
Pintasan tombol, atau kombinasi, untuk pengembangan yang lebih cepat
Anda mungkin juga pernah membaca atau mendengar tentang IDE, atau “editor pengembangan terintegrasi”. IDE memungkinkan Anda untuk tidak hanya mengedit, tetapi juga mengkompilasi, dan men-debug kode Anda melalui satu aplikasi atau antarmuka.
Meskipun editor teks yang kami sarankan tidak dianggap sebagai IDE, ia memiliki banyak fitur mirip IDE yang membuat hidup sebagai pengembang lebih mudah tanpa memerlukan banyak sumber daya yang biasanya dibutuhkan IDE. Terbaik dari kedua dunia!
Memilih Editor Teks
Ada sejumlah editor teks untuk dipilih. Misalnya, Visual Studio Code adalah salah satu editor teks paling populer yang digunakan oleh pengembang. (Itu Visual Studio Code dan bukan Visual Studio, yang sedikit berbeda. Kami ingin yang pertama, yang namanya ‘Code’.) Editor teks populer lainnya yang mungkin pernah Anda dengar adalah Atom dan Sublime Text.
Salah satu editor teks yang disebutkan ini bagus untuk pengembangan tetapi untuk mempermudah, kami sarankan Anda memulai dengan Visual Studio Code. Beberapa keunggulan editor ini adalah:
Gratis untuk digunakan
Open-source, (artinya kode program dapat dilihat, dimodifikasi, dan dibagikan)
Fitur seperti IDE
Didukung oleh komunitas besar pengguna dan Microsoft
Ketika Anda semakin jauh dalam karir pengkodean Anda, Anda dapat mencoba editor kode lain untuk melihat fitur apa yang paling sesuai dengan alur kerja pengembangan pribadi Anda.
II. Menginstal Kode Visual Studio
Jadi, kami telah memilih editor teks kami, sekarang kami hanya perlu menginstalnya di komputer kami!
Langkah-langkah Instalasi
Proses instalasi untuk komputer yang menjalankan macOS, Windows, dan Linux, (khususnya Ubuntu dan Debian), akan sangat mirip dan menggunakan Visual Studio Code di semuanya akan sama.
1. Kunjungi situs web Visual Studio Code untuk mengunduh versi terbaru dari Visual Studio Code.
2. Anda akan melihat sistem operasi komputer Anda ditampilkan, tetapi jika itu tidak benar, klik panah bawah dan temukan opsi yang cocok dengan sistem operasi Anda dari menu tarik-turun dan klik ikon panah bawah di bawah “Stabil.”
Pengguna Windows: Ini akan mengunduh versi terbaru dari Visual Studio Code sebagai file .exe.
Pengguna Mac: Ini akan mengunduh versi terbaru dari Visual Studio Code untuk Mac sebagai file .zip.
Pengguna Linux: .deb dan .rpm adalah tipe file yang berbeda untuk menyimpan data. Kami menyarankan Anda mengunduh file .deb sehingga pembaruan otomatis berfungsi seperti yang disarankan oleh dokumentasi Visual Studio Code.
3. Setelah file Visual Studio Code selesai diunduh, kita perlu menginstalnya. Temukan file Visual Studio Code di manajer file Anda, program yang memungkinkan Anda melihat file dan folder di komputer Anda.
Pengguna Windows: Buka file .exe dengan mengkliknya dan jalankan penginstal. Terus klik ‘Berikutnya’ dan akhirnya ‘Selesai.’
Pengguna Mac: File .zip yang diunduh harus berada di folder ‘Unduhan’ Anda. Buka filenya. Jika Anda melihat pesan ini pilih “Buka.”
Pengguna Linux: File yang diunduh harus ada di folder ‘Unduhan’ Anda.
Temukan di pengelola file Anda, klik dua kali dan pilih ‘Instal’ di pusat perangkat lunak GUI, atau jalankan perintah berikut, satu per satu, di terminal:
4. Pastikan Anda memiliki aplikasi Kode Visual Studio yang disimpan di tempat yang Anda tahu dapat dengan mudah menemukannya.
Pengguna Windows: Secara otomatis akan ditempatkan di menu Start Anda.
Pengguna Mac: Klik dan seret ikon Visual Studio Code dari folder Downloads ke folder Applications. Pengguna Linux: Ini akan muncul di bilah tugas program Anda.
Itu saja, Anda telah berhasil menginstal editor teks Anda dan siap untuk memulai pengkodean!
Gunakan Kode Visual Studio untuk memulai proyek di luar platform
Saat Anda menelusuri berbagai pelajaran dan jalur di sini di Codecademy, Anda mungkin merasa perlu membuat proyek di komputer Anda sendiri dan bukan di lingkungan belajar Codecademy. Ini bisa rumit, tetapi ini adalah langkah menarik yang menandakan bahwa Anda siap bekerja secara mandiri.
Untuk melakukan ini, kita harus menggunakan editor teks yang kita instal di atas. Mari luangkan waktu sejenak untuk mencoba Visual Studio Code.
Apa itu ‘folder pengembangan’?
Sebelum menggunakan editor teks Anda, penting untuk membuat sistem file yang terorganisir. Seiring bertambahnya jumlah dan ukuran proyek Anda, menjadi semakin penting untuk mengetahui di mana harus menyimpan proyek baru dan menemukan proyek lama.
Sebagian besar pengembang menyimpan proyek mereka di direktori yang mudah ditemukan, (yang mungkin biasa Anda sebut ‘folder’). Di sini, di Codecademy, kami menyarankan untuk menamai proyek direktori ini .
Ini akan menyimpan semua proyek pengkodean Anda. Setiap kali Anda membuat proyek baru, sekecil apa pun, Anda harus selalu membuat folder baru di dalam direktori proyek Anda. Anda akan menemukan bahwa proyek file tunggal dapat dengan cepat berubah menjadi proyek multi-folder yang besar.
1. Buat folder pengembangan.
Navigasikan ke folder menggunakan pengelola file atau terminal Anda. Pastikan itu adalah folder yang Anda kunjungi secara teratur dan akan diingat. Buat folder baru bernama proyek .
Pengguna Mac: Ini mungkin akun Pengguna atau folder “Beranda”.
Pengguna Windows: Anda mungkin ingin menyimpan ini di drive C Anda.
Pengguna Linux: Anda mungkin ingin menyimpan ini di folder Pengguna Anda di dalam folder “Beranda”.
Di dalam folder proyek , buat folder baru bernama HelloWorld . Semua yang Anda tambahkan ke folder ini akan menjadi bagian dari proyek HelloWorld Anda .
2. Buka Kode Visual Studio
3. Buka folder pengembangan Anda
Klik ikon ‘Explorer’ di menu sebelah kiri dan klik tombol ‘Buka Folder’ dan pilih folder pengembangan Anda. Ini akan meluncurkan pengelola file Anda.
Arahkan ke folder HelloWorld dan pilih Buka. Folder akan terbuka di panel samping Visual Studio Code. Pada titik ini, seharusnya tidak ada konten apa pun di folder. Kami akan menambahkan file di langkah berikutnya.
4. Tambahkan file.
Sebelum Anda mempelajari cara menambahkan file ke folder proyek, penting untuk memahami tujuan ekstensi file. Ekstensi file adalah akhiran dari nama file (3 atau 4 karakter terakhir dalam nama file, didahului dengan titik) dan menjelaskan jenis konten yang berisi file. Misalnya, ekstensi file HTML adalah .html, dan memberitahu browser (dan aplikasi lain) untuk menafsirkan isi file sebagai dokumen HTML. Setelah Visual Studio Code memuat folder proyek, Anda dapat menambahkan file. Langkah-langkah di bawah ini menjelaskan cara menambahkan file. Jangan khawatir tentang melakukan ini di komputer Anda sendiri. Kami akan membahasnya selanjutnya.
Di panel Explorer Visual Studio Code, klik nama folder pengembangan Anda. Anda akan melihat empat ikon muncul di sebelah kanan nama folder. Klik ikon ‘File Baru’. Ketik nama file baru dengan ekstensi file yang sesuai (misalnya, .html, .css, .csv). Sangat penting bahwa Anda menyertakan ekstensi file yang benar, sehingga program seperti linter tahu bagaimana menafsirkan isinya. Tekan Enter setelah selesai.
5. Mulai coding!
Simpan file Anda sesering mungkin dengan fitur Simpan Otomatis dan lacak perubahan dengan sistem kontrol versi jika Anda tahu cara menggunakannya. (Untuk mengaktifkan Simpan Otomatis, klik ‘File’ lalu ‘Simpan Otomatis’. Saat aktif, Anda akan melihat tanda centang di sebelah ‘Simpan Otomatis’.) Ini akan mengurangi kemungkinan kehilangan pekerjaan yang belum disimpan.
Ekstensi File dan Penyorotan Sintaks
Sintaks adalah seperangkat aturan yang memberi tahu kita cara membuat kode yang ditulis dengan benar. Visual Studio Code dan editor teks lainnya dapat menginterpretasikan ekstensi file dan memberikan penyorotan sintaks khusus bahasa.
Penyorotan sintaks adalah alat untuk membuat kode lebih mudah dibaca. Lihatlah file index.html Anda. Teks dan tag memiliki warna yang berbeda. Beginilah cara Visual Studio Code menyoroti sintaks .html. Dengan setiap bahasa baru yang Anda pelajari, Visual Studio Code akan menyorot teks dengan cara yang membuat kode Anda mudah dibaca. Ini mungkin berbeda dari editor teks lain dan juga berbeda dari cara kode Anda disorot di Codecademy.
Opsional: Ubah skema warna
Meskipun Visual Studio Code dilengkapi dengan penyorotan sintaks default, Anda mungkin ingin mengubah warna yang digunakan. Tema warna yang bagus akan membuat membaca semua baris kode itu mudah di mata Anda. (Cobalah kontras rendah, tema gelap seperti “Solarized Dark” atau “Dracula Dark.”)
Untuk melakukan ini, pilih Tema Warna dari halaman Selamat Datang saat Anda pertama kali membuka Kode Visual Studio, atau klik Kode di bilah menu di bagian atas jendela desktop Anda, lalu klik Preferensi, diikuti oleh Tema Warna. Anda juga dapat mencari tema warna untuk dipasang menggunakan menu Ekstensi.
6. Lihat file HTML Anda di browser
Pada titik ini, file Anda siap untuk dilihat di browser web. Langkah-langkah berikut harus diambil di luar Kode Visual Studio:
Arahkan ke file index.html di folder Hello World Anda melalui pengelola file atau terminal Anda.
Klik dua kali atau buka index.html . Halaman akan terbuka di browser web default Anda. Luangkan waktu sejenak untuk mengagumi hasil karya Anda—Anda membuat proyek pertama Anda dengan Visual Studio Code.
Melangkah lebih jauh dengan fitur Visual Studio Code
Jika Anda sudah merasa nyaman dengan langkah sebelumnya, jelajahi fitur berikut untuk menyesuaikan lebih lanjut lingkungan pengembangan Anda. Anda tidak perlu menggunakan saran ini untuk menyelesaikan proyek di Codecademy tetapi saran ini dapat membantu Anda lebih efisien saat menulis kode dan itulah yang membuat Visual Studio Code menjadi editor yang berguna!
Men-debug kode di editor: Itu benar, Anda dapat menjalankan dan menguji kode dari editor! Kontrol versi: Anda tidak perlu beralih ke terminal di komputer Anda untuk melacak perubahan dengan Git.
Terminal terintegrasi: Anda dapat menjalankan perintah baris perintah dari editor Anda dengan Visual Studio Code.
