›

Daftar Kumpulan Website Development

Rabu, 27 September 2017 Add Comment Edit
Daftar Kumpulan Website Development Asalamualaikum Sobat Blogger ketemu lagi dengan saya Mubarock | Tutorial media Informasi, pada kesempatan kali ini saya akan share kumpulan website Development yang populer di internet kita bisa belajar HTML ,CSS, Javascript di kumpulan Web Development okey Sobat Blogger berikut Inilah kumpulan website Development :

Bermain Game Sambil Baca :klik link http://zty.pe/

FRONTEND DEVELOPER 

1. Dasar dasar FRONT END 

  • HTML
  • CSS
  • JAVASCRIPT
  • JQUERY
2. CSS TOOLS
CSS PREPROCESSORS sering digunakan oleh Front-end developer , Dimana fungsinya agar kode CSS mudah dikembangkan atau dimodifikasi . fungsi lainya agar seorang pengembang gak perlu mengulang -ulang kode yang sama atau istilah DRY (Don't Repeat Your Self)
FRAMEWORK CSS : Library untuk mengubah tampilan website jadi responsive , sesuai dibanyak divice misalnya Handphoe, Tablet :
3. TASK RUNNERS : Fungsi utamanya untuk menjalankan beberapa tugas misalnya mengecilkan ukuran gambar , compile CSS dan lainnya dengan sekali perintah
4. MVC Javacript Frameworks
  • Mocha
  • Jasmine
5. LIBRARY Javascript
BACK END

1. PEMROGRAMAN WEBSITE : Ada banyak dan ada macam -macam dan biasanya banyak yang memakai PHP* dan untuk yang tanda kurung adalah Framework yang di pake.
  • C# (net)
  • Phython (Django)
  • Java (Spring , Play)
  • PHP ( Laravel , Codelgniter , YiiFramework )
  • Node Js ( Express , Sails , Js  )
  • Ruby ( Ruby On Rails, Sinatra )
2. Data Base : Untuk Menyimpan Data 
BACAAN / BLOG UNTUK WEB DEVELOPER
Versi Bahasa Indonesia
KOMUNITAS UNTUK PARA WEB DEVELOPER
  • Stack Overflow : Lebih dari 4 juta programer diseluruh dunia siap membantu sobat blogger yang kesusahan stuck pas ngoding stackoverflow.com
  • Front -end Front : Komunitas yang khusus untuk front end developer , disini sobat blogger bisa share link - link penting masalah front end  frontendfront.com
  • Refind : Sama seperti Front - end front , Cuma yang bedanya disini ada kategorinya , misalnya design ,ux, programing dan yang lainnya refind.com
  • Web Developer Forum : Disini agan bisa belajar gimana cara buat website dari HTML , CSS, Javascript dan bisa saling bertanya antara member www.webdeveloper.com
  • Sekolah koding : Forum programing dari indonesia yang isisnya Tutorial pemrograman web, Fiutr - fitur unik yang disediakan diantaranya track / perjalanan, perpustakaan, mading, upacara, podcast, forum dan yang lainnya sekolahkoding.com

TOOL UNTUK TEST KECEPATAN WEBSITE : Kecepatan website merupakan salah satu faktor penting untuk menjadikan website sobat lebih baik dan lebih user Friendly

  • Google Page Speed : Website ini akan menganalisa website dan memberikan tips - tips penting dan apa yang harus diperbaiki developers.google.com/speed/pagespeed
  • Pingdom : Salah Satu Tool terbaik untuk Test kecepatan atau waktu loading pada sebuah website tools.pingdom.com
  • Web Page Test  : Tool ini, akan membantu untuk Test performa website dengan berbagai macam pilihan lokasi www.webpagetest.org
  • GTmetrik : sama seperti Google Pagespeed Setelah dianalisa website , sobat akan dikasih tau tips-tips apa yang kurang dan yang harus di benahi pada website sobat gtmetrix.com
TOOL KOLABORASI ANTAR TEAM / DEVELOPER

  • Slack : Aplikasi chatting untuk Developer slack.com
  • trello : layanan untuk manajemen perencanaan / istilahnya To Do list Tapi, kalo trello ini lebih keren lagi soalnya banyak fitur yang sangat memudahkan trello.com
  • glip glip nyediain fitur chating secara real time dan terintegrasi , Fasilitas lainnya , Video, sharing , kalender dan masih banyak lagi glip.com
  • jira : dengan software ini, teman -teman bisa merencanakan kerjanya , melihat hasilnya dan kemudian melaunching / merilis hasilnya www.atlassian.com
  • asana : sebuah tim bisa ngawasin project - projectnya, bisa buat tasknya dan lain -lian asana.com
TEMPAT SHARING CODING / MELAKUKAN EXPERIMENT

  • Java script : teman - teman bisa melakukan experiment programming ataupun sharing coding, Disini ada HTML , CSS , Java script , Markdown ,  Jade dan lainnya jsbin.com/?html,css,js,output
  • Java Script fiddle : Tempat Test kode HTLM , CSS, atau pun JavaScript dibrowser secara real time jsfiddle.net
  • Codeshare : Sharing koding sobat dengan developer lain secara real time codeshare.io
  • Codepen : tempat sharing koding ataupun cari inspirasi website codepen.io
  • Dabblet : Testing HTML ataupun CSS secara interaktif dabblet.com
MARKDOWN EDITOR : Sebuah Tool untuk konversi dari TEXT ke HTML contoh website yang pake markdown diantaranya ada GitHub, StackOverflow dll, : daringfireball.net / sekolahkoding.com

  • Stackedit : Editor online gratis untuk membuat markdown stackedit.io
  • Texts : Text editor sederhana untuk markdown yang hanya tersedia pada windows dan Mac
  • Sublime Text : text editor populer ini ternyata punya fitur markdown www.sublimetext.com
  • Markdown Pad : Markdown untuk windows markdownpad.com
Website yang mengajarkan kita cara koding yang benar dan sesuai standar

PACKAGE MANAGER : Tools yang digunakan untuk menginstall package mau HTML, CSS, Java script atau PHP kegunaannya? kalau sobat ingin mendownload framework CSS sebut saja Bootstrap otomatis harus mengunjungi websitenya lalu download, dengan package manager semuanya jadi dipermudah , misalkan untuk Frontend pakenya brower , tinggal ketik brower install boostrap di command line dst.

GIT : Untuk mengatur source code aplikasi , salah satu contohnya , kalau source code teman -teman error , dengan git teman-teman bisa mengembalikan source code ke versi tertentu , ke tanggal tertentu dan lainya untuk lebih detailnya sekolahkoding.com
TEXT EDITOR : Alat untuk Ngoding

WEB SERVER LOKAL : Server untuk jalanin website di komputer secara offline

ICON : Tempat untuk mencari Icon Membuat Website

CHROME EXTENSION 

  • Piktab
deskripsi : extension yang menurut saya keren saat instal extension ini, default Home Page sobat, bakal berubah menjadi Home Page yang banyak resource untuk desain web , Selain itu , bakalan muncul juga menu untuk cari icon , vector, sketch, dengan mudah chrome.google.com

  • Page Ruler 
deskripsi : suka saya pake buat ngukur lebar layout website , satuan yang di pakenya PX chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=en

  • Web Developer 
deskripsi : toolbar yang isinya tool web developer (berguna banget) ada banyak pilihan , contohnya untuk disable javascript , disable CSS , jadi sobat bisa ngedebug dengan cepat chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

  • Window Resizer
deskripsi : extensions untuk ngetest website di macam -macam device dengan cepat Window Resizer

  • Nimbus Screenshoot
deskripsi : untuk ngambil gambar / screnshot halaman web , Sebenernya ada banyak extensions buat Screenshoot , tapi keren yang ini Nimbus Screenshoot

Inspirasi DESAIN WEB : Inspirasi desain kalau buat web , kalau misalkan bingung desain tampilan login , layout dan yang lainnya :

0 Response to "Daftar Kumpulan Website Development "

Posting Komentar

Langganan: Posting Komentar (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel