Mau belajar/ngobrolin web? Mulai aja dengan masuk ke sini.

Sesekali, yang dishare di forum Voca Sharing ini tu ilmu laaaa.

Saya membuat thread ini di Voca Sharing soalnya ga ada forum atau subforum yang benar-benar didedikasikan untuk developer, dan ya, ini berhubungan dengan sharing, jadi ya paling pantes emang masuk di sini.

Gw sebenernya udah feeling ni thread bakal kosong, sepi parah, kering dan berjaring laba-laba... Tapi ya apa salahnya kalo gw menyediakan sarana??
Dan salah satu alesan kenapa saya ngebuat ini, soalnya saya merasa ngebuat web (terutama yang ngedesain) itu asik, jadi saya merasa sungguh disayangkan kalo ada member di sini yang tertarik tapi selalu mentok gara2 ngga tau mau mulai dari mana. :O



------------------------------

Mungkin dari kalian ada yang sebenernya udah tertarik dengan develop web dari jaman baheula, tapi masih bingung-bingung mulainya dari mana, atau nggak punya temen yang bisa ditanya-tanya tentang ini, atau mungkin malu bertanya langsung di forum web developer yang bener2 legit. Ya, berhubung saya sudah sedikit berpengalaman di bidang web ini, mau sedikit berbagi ilmu saja... :3
Saya juga masih belajar kok sebenernya. :3

Tidak ada batasan apapun dalam membuat web, tua muda, cewe cowo, semua boleh, asalkan mau.
Jadi, anda SILAHKAN BERTANYA apapun yang mengenai web, gak usah takut atau malu...
Pertanyaan sebodoh dan se-n00b apapun kayak "Cara bikin file .html gimana?" atau "Maksudnya text editor tu apaan sih?", akan tetep saya ladenin.

Kaum-kaum developer selain saya juga welcome untuk sharing ilmu... nyantai ajalah pokoknya di thread ini.
O iya, maaf kalo penjelasan saya kurang bisa dimengerti ya, naturalnya saya emang gak bisa bisa amat ngajarin orang.
Saya akan berusaha membantu semaksimal mungkin.

------------------------------

Ultimate reference for web development

Untuk memulai, ketika kalian ingin belajar web... link ini udah referensi terluarbiasa deh pokoknya.
[You must be registered and logged in to see this link.]

Bener-bener all about web itu, dan buat kalian yang demen baca, ngebaca apa yang disampaikan di web itu udah lebih dari cukup untuk ngebuat anda jadi expert. Tapi ya tentu harus disertai dengan praktek, soalnya kalo dibaca doang ga akan kemana-mana kau.
Kerennya lagi, di link tadi, kamu juga bisa praktek langsung loh, tinggal liat examplenya aja, dan examplenya bisa diedit2 dan hasilnya bisa diliat langsung juga.

Guideline buat yang pingin baca dari web itu, bisa masuk aja ke link ini.
[You must be registered and logged in to see this link.]

Untuk yang blom pernah nyentuh web sama sekali, bisa masuk ke link ini.
[You must be registered and logged in to see this link.]

------------------------------

What type are you?

Ketika ngomongin web, menurut pengalaman, intinya terbagi 2, web bikin tampilan atau yang pure web development.
Intinya, web bikin tampilan tu web design, kalo yang web development itu udah (kurang lebih) jadi programming total.

------------------------------

Some quick basics about web designing

Ketika ngomongin web designing, anda biasanya akan (kurang lebih) dibelit-belit oleh hal-hal ini :
- HTML
- CSS
- Script

Singkat kata saja, HTML itu yang mengatur layout web.
CSS adalah styling untuk web, "menghias" istilah gampangnya.
dan Script untuk membuat fungsi-fungsi khusus pada web, biasanya sih orang pake Javascript buat scripting.

------------------------------

Some quick basics about web development

Sedangkan ketika ngomongin web development, anda akan dibelit-belit oleh apapun yang tertulis di [You must be registered and logged in to see this link.] bergantung dari apa yang ingin kau buat.

Yang ini rada ribet ngejelasinnya, biasanya ini yang udah model-model 'mau nampilin data dari database', dll.
Saya juga masih kurang mahir di yang ini, tapi kalo ada yang mau nanya, akan saya coba bantu semaksimal mungkin.

Biasanya kisarannya di PHP, databasenya pake MySQL.

------------------------------

Tools?

Mesti pake software apa buat bikin web???
Percayalah, untuk bisa bikin web, sebuah text editor SAJA sudah cukup.
Contoh text editor itu notepad.
Tapi mungkin kamu perlu Notepad++ ditimbang notepad, karena Notepad++...... ya jauh lebih baguslah pokoknya.

Download Notepad++ : [You must be registered and logged in to see this link.]

Dan untuk melihat hasilnya, cuma perlu web browser. Sudah.

Tools lain yang mungkin kamu pernah dengar tu Adobe Dreamweaver, ini untuk web designing.
Tapi saya seumur-umur, blom pernah make ini, keseringan pake Notepad++, malah jadi gak ngerti Dreamweaver.

Dreamweaver itu udah kayak Microsoft FrontPage gitu (bagi yang pernah merasakan jamannya FrontPage).
Jadi lebih GUI based, kalo bikin tabel ya ke menu "Insert -> Table", terus disulap, tiba2 ada... udah diketikin ama softwarenya.
Di satu sisi, ini praktis, tapi menurut saya pribadi, tidak membuat anda menjadi lebih pintar.

Kalo emang pengen belajar yang baik, gw sih nyaraninnya pake Notepad++ aja, diketik manual semuanya...
Tapi nggak seribet itu kok. Nyantai aja.

Kalo yang web development toolsnya apa?
Wah, yang satu ini udah rada beda dunia sebenernya.
Biasanya pake XAMPP, itu pokoknya udah paketan untuk web hosting di lokal, soalnya kalo pake PHP ama MySQL, musti diinstall dulu, gak kayak HTML ama CSS yang langsung diproses ama web browser.
Nah, XAMPP intinya udah ngepaketin apa aja yang dibutuhin untuk web development....

Download XAMPP : [You must be registered and logged in to see this link.]

------------------------------

Tutorials

Ditunggu saja.

------------------------------

Untuk sementara, segini dulu aja ya isinya, nanti mungkin gw update-update dikit.
Berisi tutorial ataupun CSS trick untuk ngebuat sesuatu.

Btw, kalo ada yang mau nanya, langsung aja reply thread ini.
Saya akan selalu menunggu kok.

Semoga thread ini bisa bermanfaat. >_<

waini, ditunggu tutorsnya ya
- -
duh gw ngalamin tuh frontpage 2000. tua amat ya D:

Kalo dulu, gw belajar yang versi notepad html, terus kuliah diajarin pake dreamweaver.
Karena udah lama banget ga pernah dipake, jadi lupa-lah cara dan skill untuk make.. orz

Live tutorial pls Provo-sensei :p

Haha, ditunggu aja ya, nanti tutorial mulai dari yang extremely n00bish.
Tapi sebelum itu, gw harus ngurusin TA dulu buat besok.

@kres
Gpp kres kalo tua, di VOCAPOST udah banyak yang tua tua.

@ether
Gw nyobain dreamweaver, malah rage quit, wkwkwkwkwkwkw.
Kelamaan kalo mo bikin sesuatu, gw kebingungan ama GUInya, terus kalo ujung2nya yang gw pake cuma text editornya doang... buat apa. :U
Berat juga lagian kalo dibandingin ama notepad++. xD

Kalo live tutor, bayar ya ther, wkwkwkwkwkwkwk.

ayo ditunggu tutorial sql injectionnya bang prov #salah

hem... disini juga ada sharing ilmu selain vocaloid juga tow....
klo aq yang belum pernah pake notepad.... kayaknya agak ribet ya yang cara ini..?

prov.. private in gw dong sini

@provo: dulu gw diajarin yg buat ngelink, taro ini itu, drag n drop kinda stuff. Tapi berhubung itu skill 3 tahunan yang lalu, gw uda lupa banyak hal XD

Live tutor tar gw sogok lu pake coklat hershey cookies n cream aja :v

@kres
lol, makhluk apa pula itu SQL injection. xDD

@dhans
Emang biasanya pake apa bikinnya, dhans? Dreamweaver kah?
Dreamweaver itu mungkin lebih praktis, dia bagus juga karena ada live viewnya, tapi di satu sisi, menurut saya, kadang ngebuat si user gak tau sebenernya action yang dilakukan tu apa, gara2 ditulisin sama softwarenya, ya kalo untuk pembelajaran sih, menurut saya kurang bagus kalo begitu.

*dan inget aja kalo dreamweaver itu software berbayar. *

Pake notepad++ / text editor ngga seribet bayangannya kok, nanti ditunjukin dah. xD
Toh, nanti tutorialnya juga rencananya nampilin dari berbagai approach kok, dari yang dreamweaver juga kayaknya, tapi kalo yang dreamweaver saya juga blom mahir-mahir amat sih.
Ya, kita sama-sama belajar aja sih.

@saizen
Monggo...... lat.

@ether
Hooooo, bisa drag and drop juga ya? Gw bener2 masih buta dreamweaver si sebenernya, keknya lebih pantes orang lain yang lebih ngerti yang ngejelasin kalo pake dreamweaver ya. xDD

Halah, gw becanda doang ther, kalo mau ngasih coklat, kasih aja, ga usah ngasih gara2 mo dilive tutor.

Bisa, karena dulu kan diajarin ada gurunya juga pas kelas dan dapet project bikin website mini untuk portfolio.
Tapi itu uda jaman dulu banget.

Enaknya sih uda drag n drop, kalo mau edit ada box untuk css ama html jadi mau edit manual lebih gampang. [seinget gw loh]

Tenang aja prov, tar gw kasih lu bungkus coklatnya aja :v

@ether
Emang bau-baunya sih mestinya bisa.
Tapi gw blom nemu caranya gimana, gw pake dreamweaver CS5.5 juga sih.
Ntah udah berapa versi lebih baru dari yang loe terakhir pake. xDD

Daripada ngasih begituan, mending loe gak usah kasih gw apa2, ther.

Web

Tampaknya ini salah satu cara paling cepat jadi freelance programmer, dibandingin programming lainnya.

Semester kemarin saya ambil mata kuliah web, tugas akhirnya bikin web PHP/Mysql dengan dashboard buat nambah/edit post. Karena sangat jelek akhirnya dikasih nilai rendah dan gak lulus matkul tadi

Web hasil tugas kelompok tadi sekarang dipasang di hosting gratisan dan di laptop, buat catatan lyrics.
Kalau berkenan silahkan kunjungi di [You must be registered and logged in to see this link.], jadi gak 100% sia-sia deh usaha bikinnya

Buat para pakar, mohon masukannya dari segi interface dan security

gag biasa bikin sih.... cuma dulu pernah mainin dreamweaver pas ada tugas..
dreamweaver modelnya kaya visual basic (objek oriented)...

*dan sayangnya dreamweaver memang berbayar (heheheh )

sip dah .. ditunggu tutornya... paling kagak berguna untuk tmen2 yang masih sma dan untuk kita semua pada umumnya...

provoltion wrote:

@ether
Emang bau-baunya sih mestinya bisa.
Tapi gw blom nemu caranya gimana, gw pake dreamweaver CS5.5 juga sih.
Ntah udah berapa versi lebih baru dari yang loe terakhir pake. xDD

Daripada ngasih begituan, mending loe gak usah kasih gw apa2, ther.

Dulu gw pake CS4 punya :p
Menurut gw kalo mau pake sih enaknya kalo uda punya css / kode html bisa diliat preview-nya dan sekalian bisa edit langsung.

PS: kalo gitu lu liat gw makan coklatnya depan mata aja deh :p

ame wrote:

tugas akhirnya bikin web PHP/Mysql dengan dashboard buat nambah/edit post.

Bikin semacam dashboard post kayak di blog-blog gitu maksudnya kah?
Yang ada kayak text editornya gitu? Yang kayak kalo mo reply post di forum ini?

O iya, gw udah liat yang vocalyrics, keren kok overall, tapi menurut gw dari segi interface, representasi datanya jangan bentuk list dan text only seperti itu sih, soalnya kurang menarik perhatian. Model2 kayak yang ditampilin di mikubook lebih terlihat oke (gak harus sama persis kayak yang di mikubook juga sih), terus juga jangan cuma judul postnya aja, producernya juga bisa ditaro disitu, sama ilustrasi lagunya kalo lagunya punya ilustrasi.

Soalnya biasanya orang lebih tertarik ketika ada gambarnya.

Ah iya, tentang security ya, gw juga masih kurang aware ama security yang bagus itu seperti apa, dll. Kamu buatnya pake engine/framework yang udah ada (pake engine WordPress/ framework CodeIgniter contohnya) atau itu buat dari nol? Kalo pake engine/framework yang udah ada, mestinya sih sekuritas umumnya udah dijamin langsung... mestinya yah... xDD

@dhans
Hooo~ ya nanti dibandingin aja sih.
Masing-masing orang punya seleranya sendiri dalam ngedevelop web. xDD
Ujung2nya ntah mau pake dreamweaver, notepad++, ato software lain, framework tertentu, dll... Pokoknya carilah yang paling nyaman buat loe.

dhans wrote:

paling kagak berguna untuk tmen2 yang masih sma dan untuk kita semua pada umumnya...

wait, what?? xDD
kalimatnya agak ambigu itu. xD

@ether
Iya, kelebihannya emang live preview.
Dan bisa select langsung dari tampilannya dan langsung dirujuk ke CSS yang ngatur komponen yang diklik itu (seinget gw).

Awesomeee.... Web Talk, thank you so much Prov.


Pertanyaan...
Selain dari niat, tentunya juga memerlukan Tools. Mengenai Tools yang Adobe Dreamweaver itu, ada masukan mengenai "Minimal" versi berapa agar bisa Web-Designing secara Optimal?
Soalnya kalau Notepad, saya masih perlu "dituntun".

Come to think about it..

Prov, dulu gw kasih copy buku anatomi segala macem itu ada notes tentang dreamweaver kalo ga salah.
Lu baca aja sekalian praktekin kalo ketemu, terus kalo udah dipost tutorialnya disini :p

@Nightraven
Wah, gw, sebagai orang yang baru nyentuh Adobe Dreamweaver di versi yang CS5.5, gak bisa ngasih masukan itu kayaknya nih. :U
Tapi gw feeling aja, kalo dreamweaver sih, kayaknya per update versi gak terlalu ada bedanya. Jadi ambil aja versi yang lancar dan nyaman loe pake di kompi loe.

Justru gw di sini sebenernya lebih yang buat nuntun yang pake Notepad, wkwkwkwkwkwkw. xD

@ether
Oh, ada? Ok, nanti gw coba liat-liat dah. :3

Hoo... Jadi tidak terlalu banyak perubahan yang mencolok yah? OK deh, cobain Dreamweaver yang sudah tersedia dulu.

Ini juga tadi Download Notepad++, mau dibuka tapi gagal terus. Kira-kira salah dimana yah.
Thx before, Prov...

Nightraven wrote:

Hoo... Jadi tidak terlalu banyak perubahan yang mencolok yah?

Menurut gw sih begitu.

Notepad++nya errornya kayak gimana? screenshot mungkin?
Errornya waktu ngejalanin softwarenya, atau installernya?

provoltion wrote:

Notepad++nya errornya kayak gimana? screenshot mungkin?
Errornya waktu ngejalanin softwarenya, atau installernya?

Install : Check, cuma pas mau dibuka...
Double Klik, dan tidak ada respon. Cuma kelihatan "Jam Pasir".

Coba install ulang aja dah notepad++nya.
O iya, OS dikau tu apa?

provoltion wrote:

Coba install ulang aja dah notepad++nya.
O iya, OS dikau tu apa?

Siip deh, Install ulang.
Ada yang XP, ada juga yang 7. Tapi saat ini lagi pakai yang XP. (Atas nama "Old School")

asikk diajarin pake notepad++ lol
justru gw ngga ada base sama skali pake DW..

mantapf..
ada tutorial berguna lagi nih