CodePen atau Sublime Text? Jika kita berbicara tentang pemrograman web, nama HTML, CSS, dan JavaScript langsung datang kepada kita. Ada beberapa cara untuk mencapainya. Bahkan, jika kita membuka notepad kita bisa mulai bekerja menulis "html". Memang benar bahwa untuk melihat hasil dari apa yang Anda pemrograman dari pad, Anda akan membutuhkan prosedur yang melelahkan untuk melihat kemajuan.
Situs-situs ini adalah taman bermain utama bagi para pengembang aplikasi bagi para pengguna saat itu. Untuk mempelajari lebih lanjut tentang keuntungan dan kerugian dari program ini, kami akan menganalisisnya secara mendalam di artikel ini (setidaknya, semua yang kami ketahui). Seperti yang selalu saya katakan, pasti beberapa dari Anda di sini tahu lebih banyak tentang topik ini. Jika demikian, komentari semua yang luput dari kami di sini. Kami akan dengan senang hati berdiskusi!
Hari ini kita akan menganalisis CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet, dan LiveWeave. Manakah yang paling dikenal dan alat yang paling banyak digunakan di lingkungan ini. Masih ada lagi, tentu saja.
Namun buat sobat sekalian yang belum tau tentang apa itu FrontEnd atau BackEnd, yuk kita jelaskan sedikit. Front-End atau antarmuka adalah bagian visual yang dapat dilihat oleh pengguna yang bernavigasi di web. BackEnd akan menjadi bagian yang dikontrol oleh administrator situs. Dalam pemrograman, jika Anda memasukkan kode melalui alat yang menampilkan hasilnya secara bersamaan, ini akan disebut front-end.
CodePen
Untuk banyak alat terlengkap dari semua yang kita bicarakan. Digunakan sebagai alat web yang paling dekat dengan komunitas untuk menunjukkan pekerjaan Anda. Semacam Youtube dari programmer. Dalam hal ini, Anda dapat melihat karya pemrogram yang berafiliasi dengan web dan menghubungi mereka jika Anda berminat, melihat profil mereka, mengikuti mereka di jaringan, dan bahkan berlangganan saluran mereka untuk melihat semua proyek masa depan mereka.
Presentasi konten, dukungan, dan pintasan keyboard
Presentasi CodePen adalah yang paling menarikKarena hanya dengan beberapa klik, Anda dapat langsung mengerjakan prosesnya. Dengan baris html, css, dan javascript yang dipisahkan dengan sangat baik. Selain visual part, Anda bisa menyelingi ke atas dan ke bawah untuk melihat dengan jelas kemajuan Anda. Sehingga membantu untuk membedakan setiap bahasa dengan baik. Sesuatu yang berguna bagi pemrogram baru.
Dukungan web Anda, membuatnya lebih dapat diterima saat Anda ingin mulai menggunakan sesuatu yang tidak terlalu kami pahami. Itu tidak berarti lebih baik untuk Anda, itu tergantung pada kebutuhan yang kita miliki. Tapi ya, untuk mengenal lingkungan sedikit lebih baik sebelum berkomitmen untuk menginstal apa pun di komputer yang "tidak diketahui" asalnya.
Jika Anda adalah salah satu dari mereka yang terbiasa menggunakan casi Benar-benar keyboard saat Anda bekerja, CodePen akan sangat cocok untuk Anda. Alat lain perlu plugin untuk dapat menggunakan pintasan keyboard untuk memenuhi lingkungan. Hal ini membuat pekerjaan sedikit lebih tidak nyaman (meskipun sama efektifnya setelah dipasang). CP. terintegrasi sebagai standar sistem yang akan membuat Anda mengisi baris kode yang sama yang diulang, karena bisa jadi dalam daftar. Anda menulis bagaimana Anda ingin daftar itu muncul dan klik Tab.
Versi Pro juga memungkinkan lebih banyak opsi dengan harga € 9,00 untuk paket dasar hingga € 29,25 untuk paket “Super”. Mampu memperbarui di beberapa perangkat secara bersamaan apa yang kami lakukan di satu perangkat. Juga mode kooperatif, "mode guru", dll. Manfaat jika Anda ingin di sini.
JSBin
JSBin adalah alat yang kami dapat memenuhi syarat sebagai langsung. Karena begitu Anda masuk ke domain web Anda, itu akan siap untuk mulai menyusun proyek Anda berikutnya, tanpa penundaan. Dan meskipun pementasan pertamanya tidak terlalu menarik, itu nyaman.
JSBin sederhana, dengan struktur dasar dibuat dalam html agar tidak membuang waktu, Anda akan menyelingi bahasa yang berbeda untuk menyelesaikan pekerjaan. Pertama ada HTML, lalu CSS, Javascript dan terakhir pekerjaan Anda secara visual. Dan meskipun tampaknya lebih sulit, Anda akan memiliki jenis pintasan yang sama tanpa menginstal apa pun. Langsung dari browser.
Namun, saya merasa lebih tidak nyaman untuk melihat kode dengan benar, setelah disembunyikan karena kolom berikutnya. Karena, dengan laptop, Anda harus menyerah atau kalah dengan trackpad dan itu tidak terlalu cair.
Hanya ada dua kali cicilan, gratis atau berbayar. Ini sedikit lebih mahal daripada CodePen, meskipun jika Anda membayarnya setiap tahun, ini lebih menguntungkan, jika Anda dapat membayar € 120.
CSSDeck
Lingkungan kerja CSSDeck berbeda dari yang terlihat di atas. Terbagi menjadi dua kolom saja, kode visual, CSSDeck bekerja dengan 3 baris ke bawah yang membagi jenis bahasa yang berbeda. Dengan presentasi dalam bentuk jejaring sosial dan lingkungan kerja yang lebih bersih dalam warna terang. Sepertinya alat sederhana. Meski terkadang, bukan berarti itu negatif.
Dengan lebih dari enam puluh ribu pengguna terdaftar dan lebih dari dua ratus lima puluh ribu proyek dibuat, mencari dan menemukan apa yang Anda inginkan tidak akan sulit. Bahasa seperti biasa, jika bisa menjadi ketidaknyamanan bagi mereka yang tidak tahu bahasa Inggris, tetapi dalam hal ini jaringan sosial Citra itu sangat penting, jadi menurut saya ini bukan tantangan besar.
memetik
memetik ini adalah alat yang paling tidak menarik yang pernah saya temui sejauh ini. Presentasi diaglutasikan dalam pesan dan kurangnya gambar. Memuat konten lambat dan tidak terlalu berguna pada pandangan pertama. Selain itu, pengurutan berdasarkan tanggal membuat program apapun, sesederhana apapun, bisa berada di posisi pertama. Untuk melihat sesuatu yang lebih menarik, Anda harus membuka tab yang bertuliskan: «Terpopuler«. Artinya, jika Anda belum pernah menerjemahkannya dengan Google sebelumnya.
Juga katakan bahwa menurut web, mereka dalam versi 1.0.0. Jadi ini menjelaskan sedikit desain, presentasi, dan kemungkinan kesalahan yang Anda temukan saat menjelajah web.
Sebagai keuntungan, jika kehabisan ide, Anda tidak perlu meninggalkan atau membuka tab lain di Plunkr, karena langsung dari bilah sisi kanan Anda dapat berjalan dengan proyek lain dan melihatnya secara instan. Ini akan memudahkan Anda mengumpulkan ide-ide cepat dan menerapkannya pada proyek Anda pada saat yang bersamaan.
Cobalah
Cobalah Ini adalah alat sederhana, Anda masuk dan membuat. Meskipun Anda dapat mendaftar dan mendapatkan nama pengguna Anda melalui GitHub, itu bukanlah sesuatu yang menonjol di web. Dengan latar belakang dalam gradien kuning ke merah, di bagian visual dan latar belakang putih di bagian kode (seperti biasa), proyek Dabblet disajikan, meskipun Anda dapat mengubahnya dari tab CSS. Bagi saya, lebih baik membiarkannya kosong, karena gradien itu satu-satunya yang memberi adalah sedikit vida a
Saat Anda mengedit, Anda dapat mengkonfigurasi tab yang Anda lihat dengan mudah. Bahkan juga jika Anda ingin beralih ke kolom atau baris agar nyaman dilihat tergantung pada orang yang mengedit. Mengubah ukuran font, menyimpan sebagai anonim tanpa mendaftarkan atau memvalidasi kode HTML adalah lebih banyak kemungkinan yang ditawarkan Dabblet pada pandangan pertama. Meskipun ini bukan pilihan pertama yang akan saya pilih, ini mungkin perlu dipertimbangkan di versi mendatang jika diperbarui.
Salah satu hal yang paling tidak saya sukai, tetapi mungkin disukai oleh programmer hebat, adalah itu Anda tidak memiliki opsi untuk membuat tabulasi label dan membuatnya menulis sendiri. Artinya, letakkan HTML dan klik pada tab dan tulis "html" dan "/ html" secara otomatis. Sesuatu yang di aplikasi lain jika dilakukan.
Tenunan Langsung
Tenunan Langsung Ini sangat mirip dengan yang lain, tidak ada yang tidak dapat ditawarkan oleh orang lain dalam hal utilitas. Yang kami soroti tentang proyek ini adalah desainnya, warna gelap yang mirip dengan CodePen tetapi dengan distribusi persegi. Mampu mengubah ukuran untuk merasakan. Ada juga mode jelas dan «keluar garis« di mana kode yang Anda edit tidak akan tercermin dalam visual, sampai Anda mengaktifkannya. Ini bukanlah fitur yang menurut Anda sangat berguna, sebagai seorang desainer, penting untuk selalu melihat apa yang Anda edit secara real time, tetapi seseorang pasti akan merasakan manfaatnya. Dan meskipun, seperti biasa, Anda dapat mendaftar, pengguna tidak memiliki peran utama. Karena, meskipun Anda tidak mendaftar, Anda dapat menyimpan proyek Anda.
Teks Sublime
Alat ini Ini sama sekali berbeda dari apa yang telah Anda lihat sejauh ini dalam analisis. Sublime Text bukan sebagai sumber web, tetapi sebagai aplikasi. Di satu sisi, pasti lebih berguna untuk memilikinya di desktop. Terutama karena kemungkinan internet crash atau macet karena kelebihan dan kemungkinan kehilangan pekerjaan. Di sisi lain, ini bukan alat visual seperti yang sebelumnya. Selain tidak memiliki kemungkinan komunitas untuk berbagi proyek.
Di sini semuanya dari awal. Anda harus membuat tab untuk menempatkan baris kode dan mengganti namanya untuk mengetahui yang mana. Jika yang pertama adalah HTML, CSS kedua ... atau sebaliknya. Itu juga tidak memiliki jalan pintas untuk apa nantinya sepenuhnya manual, kecuali untuk tanda kutip.
Kesimpulan
Semua program serupa dengan sentuhan pribadi tertentu dari masing-masing perusahaan yang mengarah pada pro dan kontra di dalamnya. Masing-masing akan memilih salah satu yang paling cocok untuk mereka, rekomendasi saya adalah menggunakan CodePen atau CSSDeck untuk lingkungan dan jaringan sosial yang ditanganinya. Tetapi, jika Anda menyukai satu sama lain lagi, tinggalkan komentar dan jelaskan alasan Anda, itu pasti akan berguna.