Bagi teman-teman yang baru ingin menggeluti didunia web development tentunya masih kebingungan, dari mana harus memulai dan tahapan-tahapan apa saja yang harus dipersiapkan, mengingat banyak sekali bahasa pemrograman yang ada saat ini. Apakah HTML dahulu, PHP atau CSS, dilanjutkan dengan JavaScript. Mana yang seharusnya lebih dahulu?
\n<\/p>\n
Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Pertanyaan:<\/strong> Baiklah teman-teman semogra artikel yang singkat ini memberikan gambaran (road mad), bagi teman-teman yang ingin memulai membangun sebuah web. <\/p>\n","protected":false},"excerpt":{"rendered":" Bagi teman-teman yang baru ingin menggeluti didunia web development tentunya masih kebingungan, dari mana harus memulai dan tahapan-tahapan apa saja yang harus dipersiapkan, mengingat banyak sekali bahasa pemrograman yang ada saat ini. Apakah HTML dahulu, PHP atau CSS, dilanjutkan dengan JavaScript. Mana yang seharusnya lebih dahulu?<\/p>\n","protected":false},"author":1,"featured_media":730,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,10],"tags":[8,13,156,191,88,222],"class_list":["post-724","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita-teknologi","category-umum","tag-css","tag-html","tag-javascript","tag-mysql","tag-php","tag-sql"],"yoast_head":"\n
\nBahasa pemrograman apa yang harus saya pelajari dalam membangun sebuah website?<\/em>
\nJawaban:<\/strong>
\nHTML dan CSS HARUS!<\/em>
\n Disini yang akan dipelajari bagaimana caranya membangun layout sebuah web. Untuk kerangkanya sendiri akan menggunakan HTML dan untuk mempercantik tampilan, dan mengatur tata letak akan dilakukan oleh CSS. Misalnya mengatur bagian Header, Menu dan Isi (Content).<\/em><\/p>\n
\nApakah tidak ada solusi lain? Saya tidak mau belajar HTML dan CSS.<\/em>
\nJawaban:<\/strong>
\nTidak ada solusi lain. Teman-teman harus belajar HTML dan CSS untuk pertama kali. Percayalah ini menyenangkan.
\n<\/em><\/p>\n
\nHTML 5 dan CSS 3, kenapa mereka berseri? memang ada berapa versi?<\/em>
\nJawaban:<\/strong>
\nTidak perlu khawatir, HTML dan CSS yang ada saat ini (pada saat tulisan ini dibuat) kebanyakan sudah HTML 5 dan CSS 3, sebenarnya tidak ada bedanya, biasanya setiap ada pembaharuan versi pasti ada penambahan dan pengurangan fitur, namun tidak banyak.<\/em><\/p>\n
\nDimana saya mulai menulis HTML dan CSS tersebut?<\/em>
\nJawaban:<\/strong>
\nDisni lebih tepatnya adakah tool atau program tambahan untuk menjalankan file HTML dan CSS? Kalian bisa menggunakan Editor atau IDE (Integrated Environment Development), misalnya: Notepad++, Sublime Text, Atom. Ini seperti kalian menulis surat di aplikasi pengolah kata seperti MS Office, cuma yang kalian tulis saat ini adalah kode-kode HTML.<\/em><\/p>\n
\nBagaimana cara menjalankan HTML dan CSS?<\/em>
\nJawaban:<\/strong>
\nOke. Untuk menjalankan HTML dan CSS cukup dengan menggunakan Browser misalnya: Chrome atau Mozilla Firefox<\/em><\/p>\n
\nHanya HTML dan CSS sajakah?<\/em>
\nJawaban:<\/strong>
\nBerikutnya JavaScript<\/em><\/p>\n
\nApa itu JavaScript, sejenis makanan tradisionalkah?<\/em>
\nJawaban:<\/strong>
\nMenarik bukan. Jika HTML dan CSS menangani tugasnya masing-masing seperti membuat kerangka dan mengatur tata letak serta tampilan, maka JavaScript berguna untuk fitur interaktifnya. Misalnya disaat kita akan menekan tombol, akan memberikan aksi(action) apa, kemudian tidak hanya itu saja kita bisa membuat efek-efek seperti slider, accordion, dll.<\/em><\/p>\n
\nSepertinya web kita lebih menarik, kenapa penulisannya berbeda dengan HTML dan CSS adakah solusi lain atau cara yang lebih sederhana?<\/em>
\nJawaban:<\/strong>
\nJavaScript ini bisa dikatakan benar-benar bahasa programming karena disana kalian akan menjumpai fungsi, pengkondisian, array, dll.
\nSolusi, coba kalian pelajari jQuery(kumpulan kode-kode library JavaScript) disini muungkin akan sedikit lebih mudah, cuma kami sarankan tetap belajar JavaScript meskipun hanya dasarnya.<\/em><\/p>\n
\nSudah cukupkah HTML, CSS dan JavaScript? jadi saya bisa dikatakan sebagai Web Developer<\/em>
\nJawaban:<\/strong>
\nMungkin lebih tepatnya Web Designer, karena yang kalian pelajari hanya sebatas tampilan luarnya. Biasanya di dunia pemrograman disebut Halaman Front-End. Untuk melengkapinya kalian harus belajar, dimana mereka seorang web developer mengerjakan Halaman Back-End.<\/em><\/p>\n
\nFront-End dan Back-End Developer, maksudnya apa? Saya sungguh tidak paham, jangan bercanda saya sudah pusing dengan istilah-istilah di HTML, CSS dan JavaScript!<\/em>
\nJawaban:<\/strong>
\nFron-End Web Developer, biasanya mereka yang mengerjakan atau membangun sebuah web namun hanya berupa desain atau tampilan webnya, tanpa adanya proses. Ya desainya saja, meskipun disana ada sebuat tombol kirim, namun tombol tersebut tidak memberikan aksi(action) apapun.
\nBack-End Developer, mereka yang biasanya membangun halaman web, dengan memberikan prosesnya, seperti bagaimana cara membuat tombol tadi bekerja. Mereka menggunakan bahasa pemrograman seperti PHP.<\/em><\/p>\n
\nCeritakan tentang kisah PHP?<\/em>
\nJawaban:<\/strong>
\nPada suatu ketika di tahun 1994 Rasmus Lerdorf, bukan tentangga sebelah rumah tentunya, melainkan seorang programmer dari Denmark, ingin mengetahui sudah berapa banyak pengunjung webnya. Cara ini tidak bisa dilakukan hanya dengan HTML dan CSS, maka lahirlah PHP.<\/em><\/p>\n
\nSaya masih tidak paham?<\/em>
\nJawaban:<\/strong>
\nClint Side(HTML, CSS, JavaScript) dan Server Side(ASP milik Microsoft, PHP, Ruby on Rails, Python), kalian akan paham setelah mencobanya.<\/em><\/p>\n
\nBaik saya akan coba bersabar. Adakah nanti yang akan saya pelajari?<\/em>
\nPertanyaan:<\/strong>
\nYa tentu, kita masuk ke Database.<\/em><\/p>\n
\nBank Data?<\/em>
\nPertanyaan:<\/strong>
\nBegini, PHP tadi hanya sebagai prosesingnya. Untuk menyimpan datanya kita memerlukan tempatnya, dalam hal ini Database, dan biasanya yang sering digunakan adalah MySQL<\/em><\/p>\n
\nApakah langsung bisa di akses oleh orang banyak web yang saya buat?<\/em>
\nPertanyaan:<\/strong>
\nDeploy Web ya.
\nHosting dahulu, mungkin teman-teman bisa cari di google dengan mengetikan jasa hosting, disana kalian akan mendapatkan informasi tentang penyedia hosting, tentunya tidak gratis ya.<\/em><\/p>\n
\nApa saja yang perlu saya ketahui soal Hosting?<\/em>
\nPertanyaan:<\/strong>
\nCukup mudah, pilih nama web domain yang ingin kalian gunakan misalnya: www.yellowweb.id, cek ketersediaan domain tersebut, pilih kapasitas atau ukuran space hardisk yang mereka tawarkan dan tentunya sesuiakan dengan kebutuhan web yang sedang dibuat. Pelajari antar muka Cpanel, mulai dari Email dan FTP<\/em><\/p>\n
\nSelanjutnya?<\/em>
\nPertanyaan:<\/strong>
\nUpload file kalian, ke hosting tempat dimana file-file tersebut akan di simpan, supaya bisa diakses oleh publik.<\/em><\/p>\n
\nSaya harap ini yang terakhir. Adakah yang harus saya pelajari lagi?<\/em>
\nPertanyaan:<\/strong>
\nKalian bisa pilih, murni sebagai seorang Front-End Developer atau Back-End Developer.
\nAda beberapa Framework, yang bisa mempercepat kalian dalam membangun sebuah web.
\nUntuk Front-End ada CSS Framework (Bootstrap, Zurb Foundation, Pure, Skeleton, MUI), JavaScript(Angular, React) dan untuk Back-End ada PHP(Laravel, CodeIgniter)<\/em><\/p>\n
\n……<\/em>
\nPertanyaan:<\/strong>
\nkami lanjutkan, Fokus pelajari, teman-teman tidak perlu semuanya, fokuskan pada dasarnya dahulu, selanjutnya nanti kita tinggal mengembangkan, pelajari, ulangi, cari kesalahan, perbaiki dan kembali lagi.
\nPerbaharui dengan berita-berita seputar teknologi. Satu lagi mulailah belajar Java atau bahasa C. Karena semua sudah mengarah ke Mobile Development. Android pondasinya Java, IOS menggunakan Objective C (SWIFT pengembangan dari Objective C). Tidak ingin itu semua, fokus pada JavaScript (Ionic, Cordova, Phonegap) – Hybrid Mobile App.<\/em><\/p>\n
\nSaya menyimpulkan urutannya seperti ini HTML, kemudian CSS, lalu JavaScript dan kemudian dilanjutkan dengan PHP, apakah benar?<\/em>
\nPertanyaan:<\/strong>
\nCatat!<\/em><\/p>\n