Sumber Pemaju Web Sebuah Penyusunan Mega

Internet sentiasa berkembang dan terdapat beratus-ratus ribu sumber kolektif untuk pemaju web yang akan datang. Dari artikel, tutorial, alat, panduan, kepada video, dalam talian, anda boleh belajar apa sahaja di Web. Ia benar-benar tidak pernah lebih mudah untuk melompat talian!

Di bawah ini saya telah mengumpulkan koleksi besar beberapa sumber pemaju web yang sangat membantu. Ini termasuk bahan pemula untuk HTML5 / CSS3 bersama dengan teori yang lebih rumit untuk pemrograman JavaScript dan PHP. Ada kemungkinan untuk beberapa pemaju bersemangat untuk mempelajari bahasa-bahasa ini dan membina aplikasi web yang sangat popular seperti Twitter atau Tumblr. Jika anda mempunyai minat dalam aset yang berguna untuk pemaju web moden maka anda akan menyukai kompilasi sumber yang boleh dipercayai ini.

Majalah Dalam Talian yang Berguna

Dunia blog telah meletup dengan beratus-ratus ribu penulis baru yang dibawa ke Internet. Kebanyakan blog dalam talian ini memberi fokus terhadap reka bentuk & pembangunan web. Anda boleh mencari banyak sumber yang berguna dengan hanya membalikkan suapan RSS ini.

Bergantung kepada jenis bahasa yang anda kodkan, ia akan menentukan minat anda dalam mana-mana blog ini. Kita boleh memberi tumpuan kepada pembangunan web dan menganggap ini termasuk semua kerja front-end (HTML5 / CSS3 / JavaScript) serta skrip back-end yang mudah (PHP / RoR / Python / SQL). Saya telah mengambil kebebasan membina satu senarai blog dev yang paling popular yang menumpukan pada kedua-dua front-end dan back-end code.

Nettuts+
24 Cara
Webmonkey
Coding Smashing
Webitect
Periksa Elemen
Kucing yang Kod
Blog Reka Bentuk Web Line25

Sudah tentu banyak orang lain yang perlu dipertimbangkan. Saya cadangkan memukul Google untuk mencari tutorial dan artikel mengenai bahasa dev pilihan anda. Kemudian menggunakan aggregator suapan RSS seperti Google Reader, anda boleh menyediakan senarai semua artikel terbaru dari majalah-majalah ini. Ini adalah cara yang baik untuk memulakan hari kerja anda, atau untuk membunuh sedikit masa untuk memancing melalui tutorial.

jQuery Plugins Galore

Kedua-dua perpustakaan teras jQuery dan jQuery Mobile telah mendapat banyak daya tarikan pada tahun lalu. Perpustakaan sumber terbuka ini berfungsi untuk merekabentuk pengalaman front-end yang penuh dengan animasi yang kaya dan mudah diterapkan ciri Ajax, walaupun perpustakaan mudah alih tidak cukup terperangkap dengan induknya dari segi pemalam dan kod pihak ketiga.

Begitu juga satu lagi produk hebat bgStretcher boleh digunakan sebagai skrip latar belakang dinamik. Ia akan mengambil satu siri imej, dan beberapa skala saiz bersesuaian dengan resolusi skrin pengguna anda. Lihat demo hebat untuk melihat ini dalam tindakan. Kedua-dua plugin ini bebas untuk memuat turun, dan berkelakuan sebagai contoh mudah untuk kod pihak ke-3 yang luar biasa dibina dari jQuery. Bekerja dengan sumber-sumber ini akan menjimatkan banyak masa pada kerja projek supaya anda tidak perlu mencipta semula roda.

Umumnya saya juga mengesyorkan melayari laman web Ajax Blender dan Drive Dinamik untuk coretan / plugin kod JavaScript. Perpustakaan tidak besar tetapi ia terus berkembang dari kandungan yang dikemukakan pengguna baru. Laman-laman ini tidak termasuk plugin jQuery tetapi juga perpustakaan MooTools dan Prototype.

Jika anda akhirnya bekerja dengan perpustakaan Mobile jQuery saya ingin mencadangkan alat lain jqmPhp. Ia adalah kelas PHP dinamik di mana anda boleh merujuk fungsi mudah ke garisan output dan baris kod HTML5 yang dikuasakan melalui jQuery Mobile. Jujurnya cara termudah untuk prototaip aplikasi mudah alih dinamik yang dibina di sekitar shell PHP. Blog tapak mempunyai banyak contoh rujukan untuk menggali.

Bangunan dalam HTML5 & CSS3

Apabila kita bercakap mengenai pembangunan web front-end, ia secara umum semua tentang kecekapan. Anda tidak mempunyai masalah yang sama membina laman web dalam HTML / CSS kerana anda akan mengarang aplikasi Ruby back-end. Tiada pengendalian logik atau ralat sebenar dalam HTML - kebanyakannya tentang seberapa cepat anda boleh membuat skala reka bentuk susun atur dengan betul di semua pelayar.

Pertama saya perlu mulakan dengan mengesyorkan Boilerplate HTML5. Ini adalah templat tulang yang dilonggarkan yang merangkumi semua “standard” Unsur-unsur laman web HTML5 dalam satu pakej. Ini termasuk lembaran gaya piawai, JavaScript, favicon, ikon sentuhan Apple, dan banyak barangan lain. Ia adalah projek percuma 100% dan anda juga boleh menyumbang kepada repo Github mereka. Ini adalah sumber wajib bagi semua pemaju sebelum memulakan sebarang projek web yang serius.

Sekarang jika anda bekerja dari boilerplate ini maka anda mempunyai pilihan untuk menambah semua kod tersuai anda sendiri. Tetapi saya mencadangkan untuk mengambil langkah seterusnya dan membina aplikasi seperti Initializr. Ini akan menjana susun atur laman web biasa dan bahkan membolehkan anda menyesuaikan elemen mana yang termasuk di dalam pakej boilerplate anda. Kod Google Analytics, dimuatkan jQuery, .htaccess atau fail web.config, serta kira-kira sedozen pilihan lain yang tersedia.

Pereka CSS

Sekarang kita telah melihat sedikit ke dalam pengekod HTML5 kita juga harus mempertimbangkan beberapa kerangka kerja CSS3 yang popular. Ini lebih terbuka daripada template HTML kerana anda boleh melakukan lebih banyak lagi dengan CSS. Pereka juga akan menyedari kesukaran dalam membina kod patuh standard untuk semua pelayar web moden.

Sistem Grid Emas adalah hebat sebagai rangka kerja reka bentuk web yang responsif. Susun atur ini akan menyesuaikan diri dengan skrin mudah alih dan lipat ke dalam apabila anda mengubah saiz tetingkap penyemak imbas. Ia juga membantu dengan merancang lebar dan saiz setiap ruang lajur. Rangka Tindakan merupakan satu lagi rangka kerja CSS yang berguna yang perlu anda periksa. Ia bagus untuk membina laman web tersuai dan menawarkan dokumentasi hebat.

Apabila ia datang kepada alat CSS, bagaimanapun, CSS3 PIE terpaksa berada dalam tiga kegemaran saya. Ini aplikasi web mudah yang mengeluarkan kod yang betul untuk menjadikan kesan CSS3 disokong dalam Internet Explorer 6-9. Anda boleh membuat kecerunan linear dinamik, sudut bulat, dan bayang-bayang kotak dengan tetapan yang disesuaikan. Laman ini mempunyai contoh IE jika anda mahu menyemaknya juga.

Pemaju juga akan berusaha untuk mengurangkan saiz fail mereka untuk pengeluaran. CSS Bersih adalah satu sumber di mana anda boleh memilih dari pelbagai pilihan untuk memudahkan kod anda dan mengurangkan saiz fail. Kod Alternatif lain Beautifier tidak menawarkan banyak pilihan tetapi mungkin lebih mudah digunakan.

Menyesuaikan Tema dengan WordPress

Penerbitan WordPress mudah CMS yang paling popular di era ini. Kami telah melihat berjuta-juta blog dan laman web baru yang dikuasai oleh penyelesaian pengurusan kandungan yang hebat ini. Dan kerana pemaju WordPress sedemikian tinggi dalam permintaan untuk membangun widget khusus dan tema laman web.

Pelancaran Tema Constellation baru memberikan pemaju WordPress lebih mudah bermula dari templat lalai. Tema Twenty Eleven yang baru adalah sangat licik dan minimalis, tetapi ia tidak dapat bersaing dengan template tema keseluruhan yang dibina di atas HTML5Boilerplate. Tema WP Constellation juga termasuk pertanyaan media untuk pelbagai resolusi peranti seperti tablet iPhone dan iPad.

Wonderflux adalah satu lagi template tema WordPress yang tidak begitu jauh dalam pembangunan. Ia baru-baru ini dikeluarkan dari beta ke v1.0 bersama dengan beberapa dokumentasi dalam talian. Tema ini agak rumit daripada Constellation yang memberi anda lebih banyak kawalan ke atas susun atur. Pemaju telah memasukkan cangkuk, fungsi, dan penapis PHP tersuai untuk menjadikan laman WordPress anda lebih dinamik.

Pemaju WP serius perlu menyemak kedua-dua penyelesaian untuk melihat sama ada seseorang akan membantu pada kerja projek masa hadapan.

Mencari Freebies Pemaju Web

Berbanding dengan PSD dan grafik komuniti pembangunan web nampaknya kurang dalam galeri freebie. Anda sentiasa dapat mencari skrip hebat di Github, tetapi anda sering perlu mencari dan menguji sendiri.

Sukar untuk mencari tapak web yang menawarkan muat turun dan demo percuma serta contoh skrip. Sumber baru kegemaran saya adalah CodeVisually yang katalog alat pembangunan pengguna yang diserahkan, plugin, perpustakaan, dan lain-lain perkara yang kemas. Susun atur adalah persediaan seperti galeri di mana setiap halaman termasuk pautan ke produk, tangkapan skrin demo, dan beberapa butiran lanjut.

Galeri ini mengandungi beratus-ratus contoh kod template HTML / HTML5, perpustakaan CSS3, dan banyak perkara jQuery juga. Saya juga mendapati ini adalah laman web yang hebat untuk menghantar kod sumber terbuka anda sendiri kepada orang ramai. Nama anda terikat pada penyerahan, dan anda boleh meletakkan pautan ke laman web anda sendiri di mana pengguna boleh mengakses kod tersebut.

API Aplikasi Web

Trend yang sangat popular dalam pembangunan web moden adalah membina API sebagai aplikasi pihak ketiga. Kebanyakan jenama rangkaian sosial utama termasuk API kerja dan segmen dokumentasi tepat di laman web mereka. Tambahan pula terdapat banyak kelas pembalut percuma di Github yang ditulis dalam semua bahasa pengaturcaraan back-end utama.

Pemaju harus merasa senang bekerja dengan jenis perpustakaan kod ini kerana mereka semakin meningkat dalam permintaan. Menggunakan sistem OAuth, anda boleh dengan cepat membina userbase dari banyak aplikasi ini. Saya telah menyenaraikan di bawah hanya beberapa rujukan kepada API dalam talian yang popular dan dokumentasi penuh mereka.

API Twitter
API CloudApp
API Instagr.am
API API
API Foursquare
API Dribbble
API Github

Manfaatkan sumber-sumber ini pada projek-projek baru apabila mungkin. Web semakin terhubung dan pengguna sentiasa berduyun-duyun ke aplikasi besar seterusnya. Anda boleh merekrut beribu ribu lagi ahli berdedikasi kepada aplikasi anda apabila pelawat anda tidak perlu mendaftarkan akaun baru dan sebaliknya boleh mendaftar melalui Twitter atau Facebook.

Sumber & Sumber

Pengalaman yang paling menguntungkan antara pemaju adalah bertanya soalan dan mempelajari teknik baru. Masyarakat pemaju selalu sangat membantu para pendatang baru dan bersedia menawarkan kepakaran mereka dalam banyak situasi. Sekiranya anda mempunyai perjuangan atau soalan khusus mengenai projek, cari melalui Google untuk forum pemaju web yang berkaitan.

Saya secara peribadi perlu mengesyorkan menyertai komuniti Stack Exchange jika anda bukan ahli. Ini termasuk laman web yang menakjubkan seperti Stack Overflow dan Super User di mana anda boleh mendapatkan bantuan pengaturcaraan pada dasarnya apa-apa. Ahli komuniti berpengetahuan dalam semua bahasa web utama termasuk jQuery dan kelas PHP yang lebih kecil.

Satu helah yang saya pelajari ialah mencari melalui Google dan lihat apakah masalah anda telah diselesaikan. Masukkan beberapa kata kunci ke dalam carian Google anda dan masukkan akhiran itu tapak: stackoverflow.com. Semua hasil carian yang dikembalikan akan menjadi soalan dari dalam arkib Stack Overflow - jika anda bernasib baik anda dapat mencari penyelesaian yang tepat untuk masalah semasa anda.

Ujian Page Speed Online

Alat baru yang dikeluarkan oleh Google Developers sebenarnya benar-benar hebat. Aplikasi Page Speed Online akan menganalisis kandungan laman web anda dan menghasilkan laporan analitik pada kelajuan anda. Ini termasuk penyelesaian yang mungkin untuk mengurangkan masa beban dan menjaga pelawat anda di laman web lebih lama.

Ia juga boleh membantu anda menentukan masalah dengan kadar lantunan dan penukaran yang lebih rendah. Google Analytics adalah satu kemestian untuk mana-mana laman web, tetapi saya merasakan bahawa Page Speed hanya mencapai tahap analisis yang lebih tinggi.

Output laporan adalah kedudukan dari keutamaan yang tinggi dan sering termasuk banyak item yang berbeza. Sekiranya anda memahami setup LAMP dan bekerja pada pelayan Apache maka anda juga boleh mempertimbangkan mod_pagespeed modul. Ia secara automatik melakukan banyak pengoptimuman ini di laman web anda untuk mengurangkan masa beban dan cache data web penting (imej, ikon, skrip).

Perisian Pemaju Terbaik

Antara kedua Sistem Operasi yang paling popular, anda boleh menemui berpuluh-puluh program. Dari perisian grafik kepada editor sumber kod dan IDE, terdapat banyak sumber untuk pemaju web untuk dipilih. Tetapi jika anda sedang mencari cadangan yang popular saya cadangkan tajuk berikut.

Mac OS X

Panic adalah sebuah syarikat perisian yang mencipta Coda - setakat ini aplikasi pembangunan web terbaik untuk Mac. Anda mempunyai akses kepada editor sumber kod, terminal, dan klien FTP di mana anda boleh membuat perubahan terus ke fail pelayan. Coda juga menyokong senarai panjang penunjuk sintaks untuk bahasa seperti HTML, XML, CSS, JavaScript, PHP, SQL, dan banyak lagi.

Sekiranya anda memerlukan penyelesaian percuma, anda perlu menyemak Komodo Edit. Perisian ini dibangunkan untuk Windows dan Mac, sumber terbuka, dan percuma untuk dimuat turun. Ia merangkumi semua sokongan yang sama untuk menyoroti sintaks dan banyak ciri yang serupa seperti Coda (tidak ada FTP malangnya). TextWrangler adalah satu lagi penyelesaian percuma yang mungkin anda ingin cuba, juga hanya editor teks mudah.

Untuk aplikasi FTP percuma, semak Cyberduck di Mac App Store. Walaupun secara peribadi saya lebih suka alternatif yang dibayar seperti FTP Yummy atau Transmit.

Microsoft Windows

Suite perisian Adobe sentiasa teringat apabila anda berfikir tentang reka bentuk dan pembangunan web. Pengguna Windows mempunyai banyak alternatif untuk Dreamweaver, dan banyak daripada mereka adalah percuma.

Notepad ++ merupakan contoh hebat dari beberapa perisian Win32 sumber terbuka. Projek ini masih dalam perkembangan aktif dan mengeluarkan kemas kini kerap (hampir setiap bulan). Saya suka antara muka tab dan sokongan untuk banyak plugin tambahan. Seperti yang saya sebutkan di atas Komodo Edit juga ditawarkan untuk Windows XP / Vista / 7, jadi anda boleh mencuba itu sebagai alternatif.

Pemaju web pada Windows tidak sama sekali tidak mempunyai klien FTP. Filezilla mungkin merupakan alternatif percuma yang paling popular. Untuk alternatif, lihat senarai klien FTP percuma kami bersama-sama dengan alat yang serupa.

Sumber Maklumat Dev yang Berguna

100 Alat Perkembangan Web Penting
Best Of 2011: Plugin Dan Tutorial jQuery yang Berguna
Ruby on Rails Tutorial untuk Pemula Pembangunan Web
7 Trend Pembangunan Web yang menarik untuk tahun 2011

Kesimpulannya

Setakat ini suku pertama tahun 2012 telah bermula dengan bang! Kami telah melihat beberapa kandungan hebat yang menarik daripada pereka dan pemaju web dari seluruh dunia. Pembinaan profesional untuk web mempunyai banyak alat yang dibuang berbanding dengan 1-2 tahun yang lalu.

Harapan saya bahawa penyusunan alat dan sumber daya yang besar ini akan mendorong metodologi anda untuk pembangunan yang lebih baik. Saya suka bekerja dengan pemaju web dan belajar tentang projek-projek baru sepanjang masa. Namun hanya ada banyak ruang untuk sumber-sumber baru yang boleh kita sertakan, jadi saya terlepas beberapa permata. Sekiranya anda mempunyai idea atau cadangan untuk sumber pemaju web yang berkaitan, beritahu kami di kawasan perbincangan pos.