Teks CodePen atau Sublime? Sekiranya kita bercakap mengenai pengaturcaraan web, nama HTML, CSS dan JavaScript segera sampai kepada kita. Terdapat beberapa cara untuk sampai ke sana. Walaupun, jika kita membuka notepad kita boleh mula menulis "html". Memang benar bahawa untuk melihat hasil dari apa yang anda aturcara dari pad, anda memerlukan prosedur yang sukar untuk mengetahui kemajuannya.
Laman web ini adalah taman permainan utama untuk pembangun aplikasi untuk pengguna masa kini. Untuk mengetahui lebih lanjut mengenai kelebihan dan kekurangan program ini, kita akan menganalisisnya secara mendalam dalam artikel ini (sekurang-kurangnya, semua yang kita tahu). Seperti yang selalu saya katakan, pasti ada di antara anda yang lebih mengetahui perkara ini. Sekiranya ada, beri komen mengenai semua perkara yang melarikan diri dari kami di sini. Kami akan berbincang dengan senang hati!
Hari ini kita akan menganalisis CodePen, JSBin, Plunkr, luhur, CSSDeck, Dabblet, dan LiveWeave. Mana yang paling terkenal dan alat yang paling banyak digunakan di persekitaran ini. Sudah tentu ada banyak lagi.
Tetapi bagi anda semua yang tidak tahu apa itu FrontEnd atau BackEnd, mari kita jelaskan sedikit. Front-End atau antara muka adalah bahagian visual yang dapat dilihat oleh pengguna navigasi di web. BackEnd akan menjadi bahagian yang dikendalikan oleh pentadbir laman web. Dalam pengaturcaraan, jika anda memasukkan kod melalui alat yang memaparkan hasilnya secara serentak, ini akan disebut front-end.
CodePen
Bagi kebanyakan alat yang paling lengkap dari semua yang kita bercakap. Digunakan sebagai alat web yang paling dekat dengan komuniti untuk menunjukkan hasil kerja anda. Sejenis Youtube dari pengaturcara. Dengan ini, anda akan dapat melihat hasil kerja pengaturcara yang berafiliasi dengan web dan menghubungi mereka sekiranya anda mempunyai minat, melihat profil mereka, mengikuti mereka di rangkaian dan bahkan melanggan saluran mereka untuk melihat semua projek masa depan mereka.
Pembentangan kandungan, sokongan dan pintasan papan kekunci
Pembentangan CodePen adalah yang paling menarikKerana dengan hanya beberapa klik, anda dapat menyelesaikan prosesnya dengan segera. Dengan baris html, css dan javascript yang dipisahkan dengan sangat baik. Sebagai tambahan kepada bahagian visual, yang anda boleh menyebarkan ke atas dan ke bawah untuk melihat kemajuan anda dengan jelas. Oleh itu membantu membezakan setiap bahasa dengan baik. Sesuatu yang berguna untuk pengaturcara yang lebih baru.
Sokongan web anda, menjadikannya lebih tahan lama apabila anda ingin mula menggunakan sesuatu yang tidak kita kenal dengan baik. Itu tidak bermaksud bahawa itu lebih baik untuk anda, itu bergantung pada keperluan yang kita ada. Tetapi ya, untuk mengenal persekitaran sedikit lebih baik sebelum melakukan pemasangan pada komputer yang "tidak diketahui" asal.
Sekiranya anda adalah salah seorang yang biasa menggunakan CASI keyboard sepenuhnya semasa anda bekerja, CodePen akan sangat sesuai untuk anda. Alat lain memerlukan plugin untuk dapat menggunakan pintasan papan kekunci untuk mengisi persekitaran. Ini menjadikan pekerjaan sedikit lebih tidak selesa (walaupun sama berkesan setelah dipasang). CP. Ini terintegrasi sebagai standard sistem yang akan membuat Anda mengisi baris kod yang sama yang diulang, seperti yang ada dalam daftar. Anda menulis bagaimana anda mahu senarai itu muncul dan klik Tab.
Versi Pro juga membolehkan lebih banyak pilihan dengan harga € 9,00 untuk pakej asas hingga € 29,25 untuk pakej "Super". Mampu mengemas kini dalam beberapa peranti secara serentak apa yang kita lakukan dalam satu peranti. Juga mod koperatif, "mod guru", dll. Manfaat jika anda mahu di sini.
JSBin
JSBin adalah alat yang dapat kami kelayakan sebagai langsung. Sejak anda memasuki domain webnya, ia akan siap untuk memulakan penyusunan projek anda yang seterusnya, tanpa berlengah lagi. Walaupun pementasan pertamanya tidak begitu menarik, ia selesa.
JSBin ringkas, dengan struktur asas yang dibuat dalam html agar tidak membuang masa, anda akan bersilang antara bahasa yang berbeza untuk menyelesaikan kerja. Mula-mula ada HTML, kemudian CSS, Javascript dan akhirnya karya anda secara visual. Dan walaupun nampaknya lebih sukar, anda akan mempunyai jenis pintasan yang sama tanpa memasang apa-apa. Terus dari penyemak imbas.
Namun, saya merasa lebih tidak selesa untuk melihat kodnya dengan betul, setelah disembunyikan kerana lajur berikutnya. Oleh kerana, dengan komputer riba, anda mesti menyerah atau turun dengan trackpad dan ia tidak terlalu lancar.
Ia hanya mempunyai dua ansuran, percuma atau berbayar. Ini sedikit lebih mahal daripada CodePen, walaupun jika anda membayarnya setiap tahun, lebih menguntungkan, jika anda dapat membayar € 120.
CSSDeck
Persekitaran kerja dari CSSDeck berbeza dengan yang dilihat di atas. Dibahagikan kepada dua lajur sahaja, visual-code, CSSDeck berfungsi dengan 3 baris ke bawah yang membahagikan pelbagai jenis bahasa. Dengan persembahan dalam bentuk rangkaian sosial dan persekitaran kerja yang lebih bersih dengan warna terang. Ia kelihatan seperti alat yang mudah. Walaupun kadang-kadang, itu tidak bermakna ia negatif.
Dengan lebih daripada enam puluh ribu pengguna berdaftar dan lebih daripada dua ratus lima puluh ribu projek dibuat, mencari dan mencari apa yang anda mahukan tidak akan sukar. Bahasa seperti biasa, jika boleh menyusahkan mereka yang tidak tahu berbahasa Inggeris, tetapi dalam hal ini rangkaian sosial Imej itu sangat penting, jadi saya rasa ia bukan satu cabaran besar.
plunkr
plunkr ini adalah alat paling menarik yang saya temui setakat ini. Pembentangan tersebut disatukan dalam mesej dan kekurangan gambar. Memuatkan kandungan perlahan dan tidak begitu berguna pada pandangan pertama. Di samping itu, urutan mengikut tarikh membuat sebarang pengaturcaraan, tidak kira seberapa mudah, boleh berada di posisi pertama. Untuk melihat sesuatu yang lebih menarik, anda harus pergi ke tab yang bertuliskan: «Paling banyak dilihat«. Maksudnya, jika anda belum menerjemahkannya dengan Google sebelum ini.
Juga katakan bahawa menurut web, mereka ada dalam versi 1.0.0. Jadi ini menjelaskan sedikit reka bentuk, persembahan dan kemungkinan kesalahan yang anda dapati semasa melayari laman web.
Sebagai kelebihan, jika anda kehabisan idea, anda tidak perlu meninggalkan atau membuka tab lain di Plunkr, kerana secara langsung dari bar sisi kanan anda boleh berjalan dengan projek lain dan melihatnya dengan serta-merta. Ini akan memudahkan anda mengumpulkan idea cepat dan menerapkannya pada projek anda pada masa yang sama.
main-main
main-main ini adalah alat mudah, anda masuk dan buat. Walaupun anda boleh mendaftar dan mempunyai nama pengguna anda melalui GitHub, ini bukan sesuatu yang menonjol di web. Dengan latar belakang dalam kecerunan kuning ke merah, di bahagian visual dan latar belakang putih di bahagian kod (seperti biasa), projek Dabblet disajikan, walaupun anda boleh mengubahnya dari tab CSS. Bagi saya, lebih baik mengosongkannya, kerana kecerunan itu hanya sedikit kehidupan a
Semasa mengedit, anda boleh mengkonfigurasi tab yang anda lihat dengan mudah. Walaupun anda juga mahu beralih ke lajur atau baris untuk tontonan yang selesa bergantung pada orang yang sedang menyunting. Mengubah saiz fon, menyimpan tanpa nama tanpa mendaftar atau mengesahkan kod HTML adalah lebih banyak kemungkinan yang ditawarkan oleh Dabblet pada pandangan pertama. Walaupun ini bukan pilihan pertama yang akan saya pilih, mungkin perlu dipertimbangkan dalam versi yang akan datang jika ia diperbaharui.
Salah satu perkara yang paling saya sukai, tetapi yang mungkin disukai oleh pengaturcara yang hebat, adalah anda tidak mempunyai pilihan untuk menjadualkan label dan membiarkannya menulis sendiri. Maksudnya, masukkan HTML dan klik tab dan tulis "html" dan "/ html" secara automatik. Sesuatu yang dalam aplikasi lain jika ia selesai.
LiveWeave
LiveWeave Ia sangat serupa dengan yang lain, ia tidak mempunyai apa-apa yang tidak dapat ditawarkan oleh yang lain dari segi kegunaan. Apa yang kami ketengahkan mengenai projek ini adalah reka bentuknya, warna gelap yang serupa dengan CodePen tetapi dengan taburan segi empat sama. Mampu menukar ukuran untuk rasa. Terdapat juga mod yang jelas dan «di luar talian« di mana kod yang anda edit tidak akan tercermin dalam visual, sehingga anda mengaktifkannya. Ini bukan ciri yang menurut saya sangat berguna, sebagai pereka, penting untuk selalu melihat apa yang anda edit dalam masa nyata, tetapi pasti ada yang pasti menggunakannya. Walaupun, seperti biasa, anda boleh mendaftar, pengguna tidak mempunyai peranan utama. Oleh kerana, walaupun anda tidak mendaftar, anda boleh menyimpan projek anda.
Text Sublime
Alat ini Ini sama sekali berbeza dengan yang anda lihat sejauh ini dalam analisis. Teks Sublime bukan sebagai sumber web, tetapi sebagai aplikasi. Di satu pihak, pastinya lebih berguna untuk menggunakannya di desktop. Terutama kerana kemungkinan kerosakan internet atau pembekuan kerana kelebihan dan kemungkinan kehilangan pekerjaan. Sebaliknya, ia bukan alat visual seperti yang sebelumnya. Selain tidak mempunyai kemungkinan komuniti untuk berkongsi projek.
Di sini semuanya dari awal. Anda mesti membuat tab untuk meletakkan baris kod dan menamakannya semula untuk mengetahui yang mana. Sekiranya yang pertama adalah HTML, CSS kedua ... atau sebaliknya. Ia juga tidak mempunyai jalan pintas untuk apa adanya manual, kecuali petikan.
Kesimpulan
Semua program serupa dengan sentuhan peribadi tertentu dari setiap syarikat yang membawa kebaikan dan keburukan di dalamnya. Masing-masing akan memilih yang paling sesuai dengan mereka, cadangan saya adalah menggunakan CodePen atau CSSDeck untuk persekitaran dan rangkaian sosial yang dikendalikannya. Tetapi, jika anda menyukai yang lain, tinggalkan komen dan jelaskan alasan anda, mereka pasti akan berguna.