Tools Web Development Bagian Front End

Labkom99.com - Sebagai web development pada bagian front-end pasti anda mengetahui betapa pentingnya menggunakan tools pada artikel ini. Jika Anda tidak tahu tools mana yang harus digunakan oleh front-end development untuk meningkatkan efisiensi pengembangan sehari-hari, itu adalah tragedi yang luar biasa. 

 

Tolong jangan beri tahu pada orang lain, Anda hanya tahu cara menggunakan firebug, tools ie8-developer. Apalagi memberi tahu orang lain, Anda hanya bisa menggunakan adobe dreamweaver haha becanda. Kemarin dalam komunikasi dengan beberapa rekan, ada orang yang hanya mengetahui hal tersebut. Kemudian ada teman langsung merasakan sendiri Penting untuk berbagi dengan Anda beberapa tools web development yang telah di kumpulkan dan dan dapat gunakan dalam pekerjaan Anda. 

 

Menguasai tools web development ini dapat membuat Anda lebih efektif dalam bekerja. Anda tidak boleh terlalu bergantung pada tools ini, meskipun tools tersebut akan membuat Anda melakukan lebih banyak pekerjaan dengan lebih sedikit berfikir. Namun Anda harus dapat memahami proses tersebut.

 

Sama seperti beberapa teman front-end yang memiliki kebiasaan buruk dalam menulis CSS suka mengerjakan menggunakan Dreamweaver. Karena dreamweaver memiliki fungsi prompt otomatis CSS sehingga tidak begitu repot dalam membuat. Tetapi bagi web development pemula harus menyingkirkan kebiasaan yang bergantung pada perangkat lunak ini! Harus berubah! 

 

Anda harus menggunakan editor plus atau notepad ++ untuk menulis HTML atau CSS. Sehingga akan melatih skill dan otak dalam memahami Bahasa pemrograman yang digunakan.


Baca Juga :

Panduan Dasar Web Development

10 Website Development Paling Populer 


Berikut ini adalah kumpulan tools web development bagian front end

1. FireBug —  adalah plug-in Firefox yang terkenal. Semua orang yang menggunakan WEB tahu. Fungsi plug-in sangat power full. Termasuk debugging asynchronous style CSS, konsol JAVASCRIPT dan debugging, pemantauan aliran data dan lain-lian. Ini juga merupakan Tools web development front-end paling populer.

http://getfirebug.com/

 

2. IE Tester — Yang ini juga merupakan Tools web development front-end yang sangat populer. Dapat menjalankan beberapa versi browser IE di sistem windows. Mendukung pengalihan multi-bahasa dan mendukung penginstalan plugin (Debugbar). Ini adalah Tools web development terbaik untuk men-debug kompatibilitas browser. Gratis.

http://www.my-debugbar.com/wiki/IETester/HomePage

 

3. Debugbar —adalah Tools web development di bawah IE untuk men-debug CSS dan JS. Ini terutama berjalan di bawah Penguji IE, karena ada Tools web development di bawah IE8

http://www.my-debugbar.com/wiki/Doc/DebugbarInstall

 

4. IE Web Developer— Bilah Tools web development di bawah IE memberikan bantuan yang efektif untuk pemecahan masalah browser, pelacakan DOM, debugging JavaScript dan lain-lain. Ini diinstal secara default di IE8.

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en


Baca Juga : Tools Front-End HTML5 Yang Sering Digunakan Programer

 

5. Web Developer — tools ekstensi di bawah firefox. Anda bisa melihat perannya dari namanya. Ini juga merupakan Tools web development yang sangat populer, kedua setelah firebug, dan sangat power full.

https://addons.mozilla.org/zh-CN/firefox/addon/60/

 

6. HttpWatch — Tools web development yang berjalan di bawah IE dan firefox untuk memantau aliran data HTTP, HTTPS, dan WEB.

http://www.httpwatch.com/

 

7. HttpFox — Tools web development yang sangat mirip dengan HttpWatch, yang sebagian besar dipasang di plugin firefox

https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US

 

8. Yslow - Tools analisis kinerja situs web yang berjalan di bawah Firefox yang dikembangkan oleh tim front-end YAHOO (Tim YUI).

http://developer.yahoo.com/yslow/

 

9. Editplus — editor teks yang sangat mudah digunakan di bawah Windows

http://www.editplus.com/

 

Baca Juga : Tools Front-End Favorit Untuk Website Development


10. Notepad ++ - editor teks yang sangat ringan, tetapi sangat power full

http://notepad-plus-plus.org/

 

11. JS Beautifier - Tools pemformatan online javascript

http://jsbeautifier.org/

 

12. JSLint — Tools verifikasi sintaks javascript online

http://jslint.com/

 

13. JSCompress - online tools javascript kompresi 

http://jscompress.com/

http://dean.edwards.name/packer/

 

14. JSMin —Tools kompresi javascript, yang dapat diinstal di sistem windows

http://www.crockford.com/javascript/jsmin.html

 

15. JS Regexp Generator —Tools penulisan ekspresi reguler javascript (online)

http://www.jslab.dk/tools.regex.php

 

16. Companion JS — plugin pelacakan kode JavaScript yang berjalan di bawah IE, sangat mudah digunakan. Pesan kesalahan sangat rinci dan akurat dan perlu digabungkan dengan Microsoft Script Debugger. 360 Security Guard akan mencantumkan plugin sebagai plugin berbahaya IE, Anda dapat mengabaikan laporan keamanan 360.

http://www.my-debugbar.com/wiki/CompanionJS/HomePage

 

Baca Juga : 12 Tools Andalan Untuk Membuat Efek Animasi Dengan HTML 5


17. CSS Compressor — Tools untuk mengompres CSS secara online, sangat mudah digunakan.

http://www.cssdrive.com/index.php/main/csscompressor/

 

18. CSS Sprite Generator — Menghasilkan CSS Sprite online

http://spritegen.website-performance.org/

 

19. Winmerge — Tools perbandingan file, mirip dengan perbandingan file di SVN, tapi menurut banyak pihak tools ini lebih baik daripada fungsi perbandingan file di SVN

http://winmerge.org/

 

20. Aptana — IDE pengembangan yang sangat power full yang dapat menulis HTML, CSS, JS, JAVA, C, C ++, PHP .... aptana juga mendukung petunjuk kode, tampilan struktur kode dan garis besar proyek yang lebih baik daripada Dreamweaver Mudah digunakan. Sangat direkomendasikan!

Http://www.aptana.com/

 

21. RegExpLib versi online dari perpustakaan ekspresi reguler

http://regexlib.com/Default.aspx

Komentar