Pengodean untuk Pemula – Cara Terbaik untuk Belajar Kode HTML & CSS untuk Membangun Situs Web

kebingungan-tentang-kode-mntKembali pada tahun 2010 ketika kami membangun situs web pertama kami, kami memiliki anggaran $ 200.


Karena kami tidak melakukannya’t punya uang untuk menyewa seorang desainer situs web, kami memutuskan untuk menggunakan hambatan & jatuhkan pembuat situs web dan mulai belajar kode HTML dan CSS dasar.

Kami melakukan penelitian kami sendiri untuk memutuskan pembuat situs web mana yang terbaik untuk tujuan yang berbeda. Ikuti kuis kami untuk mendapatkan rekomendasi itu’dipersonalisasi untuk kebutuhan Anda.

Pengodean untuk pemula bisa jadi menakutkan, tapi kami tidak’t menyesal menghabiskan (atau berinvestasi) waktu untuk belajar kode dasar karena kami dapat membuat perubahan yang sangat kecil untuk desain situs web kami dengan cepat dan instan, bahwa jika tidak kita harus membayar desainer beberapa ratus dolar untuk melakukan.

Belum lagi kita’Saya harus menunggu pekerjaan selesai dan rata-rata waktu penyelesaian bisa beberapa hari.

Pada saat itu, kami bukan master coders. Meskipun kami hanya pembuat kode pemula, keterampilan ini memberi kami kebebasan dan kontrol atas desain situs web kami.

Sangat memberdayakan dan membebaskan untuk mengetahui bahwa kami tidak dikasihani oleh desainer situs web atau pembuat kode.

Sekarang, saya tidak mengatakan Anda harus menjadi jagoan coding.

Membiarkan’Jujur saja, Anda mungkin sudah memiliki pekerjaan penuh waktu dan situs web Anda mungkin hanya hobi sampingan atau situs web bisnis untuk membantu meningkatkan perusahaan Anda’Kehadiran online.

Anda hanya perlu cukup tahu untuk menambahkan kotak teks dengan warna latar kustom dan gaya font. Anda mungkin hanya ingin melakukan beberapa perubahan mendasar yang diedit’t terlalu banyak waktu, tetapi masih cukup untuk memungkinkan Anda memiliki fleksibilitas desain.

Karena banyak orang bertanya kepada kami di mana menemukan sumber daya yang baik dan andal untuk mempelajari dasar-dasar pengkodean, kami memutuskan untuk menyusun panduan Pengkodean untuk Pemula ini, yang merupakan kumpulan dari semua sumber pengkodean yang kami miliki.’telah digunakan di masa lalu yang telah membantu kami ketika kami pertama kali memulai.

Jika Anda ingin mempelajari beberapa pengkodean dasar untuk memberi Anda kontrol lebih besar atas situs web Anda, bahkan saat Anda menggunakan drag & jatuhkan pembuat situs web, sumber daya pemula HTML / CSS ini pasti dapat membantu.

Apa Bahasa Pengkodean yang Anda Butuhkan Untuk Membangun Situs Web?

Blok bangunan dasar situs web adalah kode HTML dan CSS.

Bahasa pengkodean yang lebih maju yang digunakan dalam situs web adalah jQuery, JavaScript dan PHP.

Jujur saja, jika Anda menggunakan drag & jatuhkan pembuat situs web, Anda benar-benar hanya perlu HTML dan CSS untuk memulai.

Untuk pengguna WordPress, Anda mungkin ingin menambahkan PHP ke daftar Anda karena WordPress adalah pembangun situs web yang jauh lebih kompleks daripada hambatan apa pun & jatuhkan pembangun situs web. Diperlukan lebih banyak daging koding untuk membuat perubahan pada situs web WordPress.

Dalam pandangan kami, kode HTML dan CSS adalah apa yang harus dimulai oleh pemula.

Jika Anda hanya mengembangkan minat dalam pengkodean situs web, Anda selalu dapat mempelajari bahasa pengkodean lanjutan nanti.

Jenis Sumber Daya apa yang Tersedia?

Ada dua jenis sumber daya yang dapat Anda gunakan: gratis atau berbayar.

Ada pro dan kontra untuk keduanya dan kami sarankan Anda mencoba sumber daya gratis dan berbayar untuk menemukan yang cocok untuk Anda.

Tentu saja, mulailah dengan yang gratis terlebih dahulu, karena Anda mungkin merasa cukup untuk kebutuhan Anda.

Mengapa Menggunakan Sumber Daya Gratis?

Pro

  • Keuntungan yang jelas adalah adanya Gratis.
  • Banyak pilihan dan informasi tentang berbagai solusi. Jika Anda memiliki pertanyaan atau masalah yang sangat spesifik, sumber daya gratis sangat bagus. Ini karena ada banyak orang yang menulis tentang masalah yang sangat spesifik yang terlalu spesifik untuk dibahas dalam kursus berbayar. Jadi ketika kita memiliki masalah unik yang bisa dilakukan pemandu tipikal’t jawab, kami biasanya mencari kiat dan jawaban di forum dan sumber daya gratis.

Cons

  • Ada terlalu banyak informasi tersedia secara online, itu bisa membingungkan dan Anda tidak akan tahu harus mulai dari mana.
  • Konten dan utas diskusi di forum tidak diatur dengan cara yang mudah dicerna seperti di kursus berbayar. Jika Anda pandai mengumpulkan informasi yang tersebar, ini mungkin bukan masalah bagi Anda. Tetapi bagi sebagian besar orang, ini dapat memperlambat proses belajar Anda sejak Anda’Saya perlu menggali segunung informasi untuk menemukan informasi yang berguna bagi Anda.
  • Siapa pun dapat memposting tutorial online dan orang tersebut mungkin tidak dapat dipercaya. Seorang pemula yang terlalu percaya diri mungkin memutuskan untuk memposting tutorial yang bisa jadi tidak akurat. Ada ratusan cara untuk memotong kue, tetapi apa cara yang benar? Sebagai seorang pemula, Anda tidak akan memiliki cara untuk mengetahui apakah informasi yang Anda baca memang praktik terbaik.

Mengapa Menggunakan Sumber Daya Berbayar?

Pro

  • Kursus berbayar umumnya dikelola dengan baik dan dipisahkan menjadi kursus yang mudah dicerna yang dirancang khusus untuk pemula. Tidak perlu menggali ribuan posting dengan cara berbeda “ahli” atau mencari tahu di mana untuk memulai. Anda hanya perlu mengikuti kurikulum dan Anda berada di jalan Anda.
  • Anda akan mempelajari praktik-praktik pengkodean terbaik dari para profesional yang terakreditasi. Kebiasaan buruk sulit diubah. Saat mempelajari keterampilan baru, itu’selalu merupakan ide yang baik untuk menghindari standar pengkodean yang buruk dari orang yang mungkin tidak memenuhi syarat untuk menjadi kode pengajaran di tempat pertama.

Cons

  • Kursus umum melalui semua aspek pengkodean situs web. Misalnya, jika Anda hanya ingin menemukan solusi cepat tentang cara menambahkan kotak teks dengan latar belakang khusus, maka Anda mungkin kurang beruntung. Anda mungkin harus melalui sebagian besar kursus sebelum Anda dapat mempelajari hal spesifik yang Anda butuhkan.

Sumber daya gratis dan berbayar dapat membantu Anda dengan cara yang berbeda, jadi begitu’Baik untuk memiliki akses ke kedua jenis tutorial pengkodean.

Sekarang, mari’s pergi melalui daftar tutorial pengkodean online yang kami rekomendasikan yang kami temukan sangat membantu.

Cara terbaik untuk Belajar Coding untuk Pemula

# 1 Lynda

BIAYA: Uji Coba Gratis / $ 19,99 – $ 29,99 per bulan

sumber pengkodean terbaik untuk pemula lynda

Lynda menyampaikan pelajaran mereka dalam format video sehingga sangat mudah diikuti.

Kami sangat menyukai tutorial video mereka karena mereka membuat kode belajar lebih mudah.

Kursus yang komprehensif tidak hanya mencakup dasar-dasarnya. Jadi saat Anda menjadi lebih baik dalam pengkodean, Anda akan memiliki akses ke tutorial yang lebih maju. Jadi tutorial mereka bisa “tumbuh bersamamu” saat Anda menjadi lebih baik dalam coding.

Lynda memiliki lebih dari sekedar HTML & Kursus CSS. Mereka cukup banyak mencakup segalanya mulai dari pemrograman hingga desain grafis, dan Anda memiliki akses ke semua program mereka di bawah satu keanggotaan yang dapat Anda batalkan kapan saja.

Pengalaman saya dengan Lynda:

saya’Saya telah menggunakan Lynda untuk belajar HTML, CSS, dan PHP. Secara keseluruhan itu melakukan pekerjaan yang baik dalam mengajarkan kami dasar-dasar.

Saya suka bagaimana kursus disusun sedemikian rupa sehingga memberi saya pandangan penuh tentang langkah-langkah yang perlu saya ambil untuk mempelajari bahasa pengkodean baru ini.

Mempelajari cara membuat kode sangat visual. Video-video tersebut benar-benar membantu membuat ide-ide rumit lebih mudah dipahami. Saya akan merekomendasikan untuk menjeda video dari waktu ke waktu sehingga Anda dapat mencoba kode sendiri.

Satu hal yang tidak saya lakukan’t suka tentang Lynda adalah bahwa tidak ada editor kode bawaan. Ini berarti saya harus mengunduh editor kode di laptop saya sebelum saya bisa menulis kode apa pun.

Jadi, harapkan beberapa waktu penyiapan di awal. Setelah Anda menginstal program, tidak ada lagi perawatan atau pengaturan yang harus dilakukan.

Siapa yang harus menggunakan Lynda?

  • Jika kamu tidak’t tahu bagaimana atau di mana untuk mulai belajar kode HTML dan CSS.
  • Jika Anda lebih suka belajar dengan video daripada membaca teks.
  • Jika Anda lebih suka belajar di lingkungan yang terstruktur, mirip dengan kurikulum tradisional seperti yang diajarkan di sekolah.

Codecademy # 2

BIAYA: Kursus Dasar Gratis / $ 19,99 per bulan untuk Kursus Premium

sumber pengkodean terbaik untuk codecademy pemula

Codecademy mengambil pendekatan interaktif untuk mengajarkan kode kepada pemula – yang membuat belajar menjadi jauh lebih menyenangkan.

Anda cukup mengikuti instruksi dalam editor kode interaktif. Editor akan secara otomatis menerjemahkan kode Anda ke tampilan visual.

Dengan cara ini, Anda dapat melihat seperti apa sebenarnya kode yang Anda tulis di browser web – sangat keren!!

Umpan balik instan ini memungkinkan Anda untuk melihat perkembangan Anda dengan segera. Ini membantu menciptakan lingkungan belajar yang menyenangkan dan membuat ide belajar cara membuat kode lebih menarik.

Anda dapat mengambil semua kursus pengkodean pemula secara gratis. Jika Anda ingin melanjutkan ke kursus yang lebih maju, Anda dapat mendaftar untuk kursus premium mereka.

Pengalaman saya dengan Codecademy:

saya’Saya telah menggunakan Codecademy untuk mempelajari bahasa pengkodean yang lebih canggih seperti JavaScript. Itu menyenangkan dan instruksinya mudah diikuti.

Itu melakukan pekerjaan yang baik dalam mengajarkan saya dasar-dasar, dan saya dapat menulis JavaScript yang sangat sederhana setelah beberapa jam.

Saya menyukai editor kode bawaan yang artinya saya tidak’Anda tidak perlu mengunduh program apa pun untuk memulai.

Instruksi juga sangat mengesankan. Saya merasa seperti memiliki panduan yang menunjukkan kepada saya apa yang harus dilakukan di setiap langkah.

Satu hal yang saya inginkan adalah versi teks dari kursus. Ada banyak hal yang harus diingat ketika mempelajari cara membuat kode. Saya harus menyimpan notepad di samping untuk menuliskan semua kode I’Saya telah belajar dan untuk apa mereka digunakan. Akan lebih baik memiliki indeks kode yang dapat diunduh jadi saya tidak’Saya tidak harus membuat sendiri.

Siapa yang harus menggunakan Codecademy?

  • Jika Anda belajar lebih baik dengan coba-coba dan dengan menonton contoh langsung.
  • Jika Anda memerlukan umpan balik instan apakah Anda menulis kode dengan benar.

# 3 TutsPlus

BIAYA: Kursus Dasar Gratis / $ 15 per bulan untuk Kursus Premium

sumber pengkodean terbaik untuk tutsplus pemula

Apa yang membuat TutsPlus menonjol dari Lynda dan Codecademy adalah memberi Anda berbagai cara untuk mempelajari cara membuat kode.

TutsPlus tidak’t hanya memberi Anda koding untuk panduan pemula untuk membantu Anda memulai di jalan yang benar, ia juga memiliki perpustakaan lengkap tutorial singkat dan sederhana ketika Anda membutuhkan perbaikan cepat untuk masalah unik ketika datang ke desain situs web.

TutsPlus’ perpustakaan besar tutorial singkat memberi Anda lebih banyak kontrol atas apa yang ingin Anda pelajari. Ini bekerja sangat baik jika Anda sudah tahu desain apa yang ingin Anda capai. Anda dapat dengan mudah mem-bypass semua informasi tambahan dan langsung menuju solusi.

Pengalaman saya dengan TutsPlus:

Saya menggunakan pemula mereka’Panduan untuk jQuery, CSS3, dan HTML5. Saat itu saya sudah memiliki pengetahuan tentang coding jadi pemula’Panduan ini adalah kursus penyegaran yang baik bagi saya. Itu mudah diikuti dan ditulis dengan baik.

Beberapa pemula’Panduan ini juga dilengkapi dengan video, yang sangat membantu.

Jika Anda bergabung dengan paket keanggotaan premium mereka, Anda dapat mengunduh semua file dan gambar yang mereka gunakan dalam panduan dan tutorial mereka. Ini hebat karena itu menyelamatkan saya banyak waktu dari keharusan menulis catatan dan indeks kode saya sendiri.

Apa yang saya sukai dari TutsPlus adalah pustaka besar mereka yang berisi tutorial pendek dan desain.

Kode apa yang Anda butuhkan saat membangun situs web sebagian besar didorong oleh desain situs web apa yang ingin Anda capai. Karena hampir tidak terbatas jumlah kemungkinan desain, secara teori, Anda dapat memiliki berbagai macam masalah desain untuk dipecahkan.

Inilah mengapa TutsPlus’ pemula’Panduan s hanya dapat mencakup dasar-dasar dan Anda benar-benar mengandalkan tutorial singkat mereka untuk melengkapi solusi desain yang lebih spesifik.

Karena TutsPlus menawarkan Anda pustaka tutorial besar-besaran, Anda memiliki peluang lebih baik untuk menemukan solusi untuk masalah spesifik Anda daripada sumber daya lainnya yang kami’Sudah dibahas sejauh ini.

Siapa yang harus menggunakan ini?

  • Jika Anda merespons lebih baik untuk belajar mandiri di mana Anda mempelajari dasar-dasarnya menggunakan pemula’s panduan, lalu pilih dan pilih tips dan trik canggih apa yang ingin Anda pelajari menggunakan perpustakaan tutorial singkat mereka.

# 4 W3Sekolah

BIAYA: Panduan Referensi Gratis

sumber pengkodean terbaik untuk w3schools pemula

Ini adalah panduan referensi utama untuk pengkodean HTML dan CSS.

Semua yang perlu Anda ketahui tentang pengkodean situs web dapat ditemukan di W3Schools.com.

Satu hal yang perlu diingat adalah bahwa W3Schools tidak seefektif sumber daya tutorial jika dibandingkan dengan Lynda, Codecademy atau TutsPlus.

Sementara cakupan pengetahuan pengkodean mereka sangat komprehensif, saya merasa penjelasan pengkodean mereka sangat terbatas dan mereka tidak’t melakukan pekerjaan yang sangat baik dalam mengajari Anda cara membuat kode.

Alih-alih, pikirkan W3Schools sebagai kamus untuk HTML & Kode CSS.

Pengalaman saya dengan W3Schools:

W3Schools adalah sumber pertama yang saya gunakan ketika saya mulai belajar kode HTML dan CSS. Saya dengan cepat menemukan bahwa mereka lebih merupakan panduan referensi daripada situs web tutorial.

Meskipun mereka mungkin bukan tempat yang baik untuk belajar kode, mereka adalah panduan referensi online terbaik.

Setiap kali saya tidak yakin tentang kode atau kode alternatif apa yang dapat saya gunakan, saya akan menggunakan W3Schools untuk menemukan jawabannya.

Ini sangat berguna untuk kode yang Anda don’t digunakan secara teratur dan mudah dilupakan.

Siapa yang harus menggunakan ini?

  • Jika Anda sudah memiliki pengetahuan dasar pengkodean, mereka adalah sumber referensi yang bagus untuk Anda.
  • Gunakan seperti kamus atau Encyclopedia untuk pengkodean HTML / CSS tempat Anda dapat merujuk jika Anda lupa kode tertentu.

# 5 CSS-Trik

BIAYA: Tutorial Gratis

sumber pengkodean terbaik untuk trik css pemula

Kode CSS mengontrol situs web’Desainnya, seperti warna teks atau penempatan gambar latar. Jadi, ada banyak cara untuk membuat kode desain Anda karena ada kemungkinan desain yang tidak terbatas.

Ini adalah saat sumber daya gratis seperti CSS-Trik sangat berguna.

CSS-Trik memiliki ratusan tutorial CSS singkat sehingga Anda dapat mencari untuk menemukan solusi terbaik untuk masalah Anda.

Pengalaman saya dengan Trik-CSS:

CSS-Trik adalah salah satu situs web yang saya kunjungi setiap hari ketika saya merancang situs web. Sangat mudah untuk menemukan apa yang saya butuhkan dan ada banyak sekali solusi singkat.

CSS-Trik juga memiliki komunitas aktif jadi jika solusi tidak’t bekerja untuk Anda, kemungkinan besar Anda dapat menemukan solusi yang berbeda dalam komentar.

Siapa yang harus menggunakan ini?

  • Jika Anda memiliki pemahaman dasar tentang kode CSS dan perlu solusi cepat untuk masalah pengkodean CSS yang sangat spesifik.

Kesimpulan – Panduan Pengodean untuk Pemula

Menemukan Panduan Ini Bermanfaat?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map