Web izstrādātāju resursi Mega-Compilation

Internets nepārtraukti pieaug un ir simtiem tūkstošu kolektīvo resursu gaidāmajiem tīmekļa izstrādātājiem. No tiešsaistes rakstiem, konsultācijām, rīkiem, ceļvežiem, videoklipiem jūs varat uzzināt gandrīz visu tīmeklī. Tas tiešām nekad nav bijis vieglāk lēkt tiešsaistē!

Zemāk es apkopoju milzīgu kolekciju dažiem ļoti noderīgiem tīmekļa izstrādātāju resursiem. Tie ietver iesācēja materiālu HTML5 / CSS3 kopā ar sarežģītākām JavaScript un PHP programmēšanas teorijām. Pāris entuziasmu attīstītājiem var mācīties šīs valodas un veidot ļoti populāras tīmekļa lietojumprogrammas, kas ir līdzīgas Twitter vai Tumblr. Ja jums ir interese par noderīgiem aktīviem mūsdienu tīmekļa izstrādātājiem, tad jums patiks šis uzticamo resursu apkopojums.

Noderīgi tiešsaistes žurnāli

Emuāru pasaule ir eksplodējusi ar simtiem tūkstošu jaunu rakstnieku, kas izmanto internetu. Daudzi no šiem tiešsaistes emuāriem ir vērsti uz dizaina un tīmekļa attīstību. Jūs varat atrast daudz noderīgu resursu, vienkārši atverot šīs RSS plūsmas.

Atkarībā no tā, kāda veida valoda jums ir kodēta, tā noteiks jūsu interesi par kādu no šiem emuāriem. Mēs varam koncentrēties uz tīmekļa izstrādi un pieņemt, ka tas ietver visu priekšējo darbu (HTML5 / CSS3 / JavaScript), kā arī vienkāršus back-end skriptus (PHP / RoR / Python / SQL). Esmu brīvi izveidojis vienotu sarakstu ar populārākajiem dev blogiem, kas koncentrējas gan uz front-end, gan back-end kodu.

• Netuts+
• 24 veidi
• Webmonkey
• Smashing Coding
• Webitect
• Pārbaudiet elementu
• Kaķi, kas kods
• Line25 tīmekļa dizaina emuārs

Ir, protams, daudzi citi. Es iesaku nokļūt Google, meklējot konsultācijas un rakstus par vēlamo dev valodu. Pēc tam, izmantojot RSS plūsmas apkopotāju, piemēram, Google lasītāju, varat izveidot visu šo žurnālu jaunāko rakstu sarakstus. Tas ir lielisks veids, kā sākt savu darba dienu, vai pat nogalināt mazliet laika, apmeklējot konsultācijas.

jQuery spraudņi

Gan jQuery kodols bibliotēka, gan jQuery Mobile ir ieguvuši lielu vilces pagājušajā gadā. Šīs atvērtā pirmkoda bibliotēkas strādā, lai izstrādātu priekšgala pieredzi, kas ir pilna ar bagātīgām animācijām un viegli īstenojamām Ajax funkcijām, lai gan mobilā bibliotēka nav pilnībā nokļuvusi ar savu vecāku, izmantojot spraudņus un trešās puses kodu.

Līdzīgi kā dinamisks fona skripts var izmantot arī citu fantastisku produktu bgStretcher. Tas aizņems vairākus attēlus un dažus izmērus proporcionāli lietotāja ekrāna izšķirtspējai. Apskatiet brīnišķīgo demonstrāciju, lai to redzētu darbībā. Abi šie spraudņi ir brīvi lejupielādējami un rīkojas kā vienkārši piemēri lieliskam trešās puses kodam, kas izveidots no jQuery. Strādājot ar šiem resursiem, jūs ietaupīsiet daudz laika projekta darbam, tāpēc jums nav nepieciešams atkārtoti izgudrot riteni.

Kopumā es iesaku pārlūkot tīmekļa vietnes Ajax Blender un Dynamic Drive JavaScript koda fragmentiem / spraudņiem. Bibliotēka nav milzīga, bet tā pastāvīgi pieaug no jaunā lietotāja iesniegtā satura. Vietnes ietver ne tikai jQuery spraudņus, bet arī MooTools un Prototype bibliotēkas.

Ja jūs galu galā strādājat ar jQuery Mobile bibliotēku, es vēlos ieteikt citu rīku jqmPhp. Tā ir dinamiska PHP klase, kurā varat atsaukties uz vienkāršām funkcijām uz HTML5 koda izejas līnijām un līnijām, kas darbojas ar jQuery Mobile. Tas ir godīgi vienkāršākais veids, kā prototipēt dinamiskas mobilās lietotnes, kas veidotas ap PHP apvalku. Vietnes emuārā ir daudz piemēru atsauces, lai izraktu.

Ēka HTML5 un CSS3

Kad mēs runājam par tīmekļa vietnes izstrādi, tas parasti ir par efektivitāti. Jums nav tādas pašas problēmas, veidojot tīmekļa vietni HTML / CSS, kā jūs kodētu back-end Ruby lietojumprogrammu. HTML nav reālas loģikas vai kļūdu apstrādes - tas ir galvenokārt par to, cik ātri varat pareizi izkārtojuma dizainu visās pārlūkprogrammās.

Vispirms man jāsāk iesākt HTML5 Boilerplate. Šī ir atdalīta kaulu kaula veidne, kas ietver visu “standarta” HTML5 tīmekļa lapas elementi vienā paketē. Tas ietver noklusējuma stilu, JavaScript, favicon, Apple touch ikonas un daudz citu labumu. Tas ir 100% bezmaksas projekts, un jūs pat varat piedalīties savā Github repo. Tas ir obligāts resurss visiem izstrādātājiem, pirms sākt jebkuru nopietnu tīmekļa projektu.

Tagad, ja jūs strādājat pie šī katlu paneļa, tad jums ir iespēja pievienot visu savu pielāgoto kodu. Bet es iesaku veikt nākamo soli un ēku ar tādu programmu kā Initializr. Tas radīs tipisku vietnes izkārtojumu un pat ļaus jums pielāgot, kuri elementi ir iekļauti jūsu paketes komplektā. Ir pieejami Google Analytics kodi, rediģēti jQuery, .htaccess vai web.config faili, kā arī aptuveni desmit citas iespējas.

CSS dizaineri

Tagad, kad mēs esam izskatījušies nedaudz HTML5 kodējumā, mums jāņem vērā arī daži no populārākajiem CSS3 ietvariem. Tie ir vairāk atvērti nekā HTML veidnes, jo jūs varat darīt daudz vairāk ar CSS. Dizaineri arī apzinās grūtības, kas saistītas ar standartiem atbilstoša koda izveidi visām mūsdienu tīmekļa pārlūkprogrammām.

Zelta režģa sistēma ir fantastiska, jo tā ir pamats atsaucīgiem web dizainiem. Šie izkārtojumi pielāgosies mobilajiem ekrāniem un, atverot pārlūkprogrammas loga izmērus, tiks ielocīti uz iekšu. Tas palīdz arī plānot katra kolonnas apgabala platumu un lielumu. Blueprint ir vēl viens ērts CSS ietvars, kas jums jāpārbauda. Tas ir lieliski piemērots, lai veidotu pielāgotas tīmekļa vietnes un piedāvā fantastisku dokumentāciju.

Tomēr, ja runa ir par CSS rīkiem, CSS3 PIE ir jāatrodas manos trīs labākajos izlasē. Tā ir vienkārša tīmekļa lietojumprogramma, kas nodrošina pareizu kodu, lai padarītu CSS3 efektus atbalstītu programmā Internet Explorer 6-9. Jūs varat izveidot dinamiskus lineārus gradientus, noapaļotus stūri un kastes ēnas ar pielāgojamiem iestatījumiem. Vietnē ir IE piemēri, ja vēlaties tos pārbaudīt.

Izstrādātāji arī centīsies samazināt savu failu izmēru ražošanai. Clean CSS ir viens resurss, kurā varat izvēlēties no daudzām iespējām, lai vienkāršotu kodu un samazinātu faila lielumu. Vēl viens alternatīvs kods Beautifier nepiedāvā tik daudz iespēju, bet to var vieglāk izmantot.

Tēmu pielāgošana ar WordPress

WordPress publicēšana ir ērti populārākā CMS šajā laikmetā. Mēs, iespējams, esam redzējuši miljoniem jaunu emuāru un tīmekļa vietņu, kuru pamatā ir šis fantastiskais satura pārvaldības risinājums. Un kā tādi WordPress izstrādātāji pieprasa pielāgotus logrīkus un tīmekļa vietnes tēmas.

Jaunā Constellation Theme versija dod WordPress izstrādātājiem vieglāku sākuma punktu nekā noklusējuma veidnes. Jaunā divdesmit vienpadsmit tēma ir ļoti veiklīga un minimālisma, bet tā nevar konkurēt ar visu tēmas veidni, kas uzbūvēta HTML5Boilerplate virspusē. Constellation WP tēma ietver arī multivides vaicājumus dažādām ierīces izšķirtspējām, piemēram, iPhone un iPad tabletēm.

Wonderflux ir vēl viena WordPress tēmas veidne, kas attīstībā nav tik tālu. Tas bija tikai nesen izlaists no beta uz v1.0 kopā ar dažiem tiešsaistes dokumentāciju. Šī tēma ir nedaudz sarežģītāka nekā Constellation, kas dod jums lielāku kontroli pār izkārtojumu. Izstrādātāji ir iekļāvuši pasūtījuma PHP āķus, funkcijas un filtrus, lai padarītu jūsu WordPress vietni dinamiskāku.

Nopietniem WP izstrādātājiem jāpārbauda abi risinājumi, lai redzētu, vai kāds no tiem palīdzēs nākotnes projekta darbā.

Meklējot Web Developer Freebies

Salīdzinot ar PSD un grafiku, web izstrādes kopiena šķiet mazliet nepietiekama freebie galerijās. Github vienmēr var atrast lieliskus skriptus, bet bieži vien jums ir jāmeklē un jāpārbauda paši.

Ir grūti atrast tīmekļa vietnes, kas piedāvā bezmaksas lejupielādes un demonstrācijas, kā arī skriptu piemērus. Mani iecienītākie jaunie resursi ir CodeVisually, kas kataloģē lietotāju iesniegtos izstrādes rīkus, spraudņus, bibliotēkas un citus veikalus. Izkārtojums ir uzstādīts kā galerija, kurā katrai lapai ir saite uz produktu, demo ekrānuzņēmumu un dažas sīkākas detaļas.

Galerijā ir simtiem HTML / HTML5 veidnes koda, CSS3 bibliotēku un, protams, arī daudzas jQuery lietas. Esmu arī atklājis, ka šī ir lieliska vietne, lai publiskotu savu atvērtā pirmkoda kodu. Jūsu vārds ir piesaistīts iesniegumam, kā arī varat ievietot saites uz savu vietni, kur lietotāji var piekļūt kodam.

Web lietojumprogrammu API

Ļoti populāra mūsdienu tīmekļa attīstības tendence ir API izveide kā trešās puses lietotne. Lielākā daļa sociālo tīklu zīmoliem ietver darba API un dokumentācijas segmentu tieši savā tīmekļa vietnē. Plus ir tonnas bezmaksas wrapper klases Github rakstīts visās galvenajās back-end programmēšanas valodās.

Izstrādātājiem vajadzētu justies ērti strādāt ar šāda veida kodu bibliotēkām, jo ​​tie pieaug pieprasījumā. Izmantojot OAuth sistēmu, jūs varat ātri izveidot lietotāju bāzi no daudzām no šīm lietojumprogrammām. Tālāk ir uzskaitītas tikai dažas atsauces uz populārām tiešsaistes API un to pilnu dokumentāciju.

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

Izmantojiet šos resursus jauniem projektiem, kad vien iespējams. Tīmeklis kļūst arvien saistītāks, un lietotāji vienmēr plūst uz nākamo lielo lietotni. Ja jūsu apmeklētājiem nav jāreģistrējas pilnīgi jaunā kontā un varat reģistrēties tieši caur čivināt vai Facebook.

Jautājumi un atbildes

Visizdevīgākā pieredze starp izstrādātājiem ir uzdot jautājumus un apgūt jaunas metodes. Izstrādātāju kopiena vienmēr ir tik noderīga jaunpienācējiem un vēlas piedāvāt savas zināšanas daudzās situācijās. Ja jums ir kādas problēmas vai konkrēti jautājumi par projektu, meklējiet Google saistītā tīmekļa izstrādātāja forumā.

Man personīgi ir jāiesaka pievienoties Stack Exchange kopienai, ja neesat jau dalībnieks. Tas ietver pārsteidzošas tīmekļa vietnes, piemēram, Stack Overflow un Super User, kur jūs varat saņemt programmēšanas palīdzību būtībā neko. Kopienas locekļi ir informēti par visām galvenajām tīmekļa valodām, ieskaitot jQuery un mazākās PHP klases.

Veiksmīgs triks, ko es uzzināju, ir meklēt, izmantojot Google, un redzēt, vai jūsu problēma jau ir atrisināta. Google meklēšanā ievadiet dažus atslēgvārdus un pievienojiet sufiksu vietne: stackoverflow.com. Visi atgrieztie meklēšanas rezultāti būs jautājumi, kas iekļauti Stack Overflow arhīvos - ja esat laimīgs, varat atrast tieši jūsu pašreizējās problēmas risinājumu.

Lapas ātruma testēšana tiešsaistē

Šis jaunais rīks, ko ievietojis Google izstrādātāji, ir patiešām iespaidīgs. Lietojumprogrammas Page Speed ​​Online analīze analizēs jūsu vietnes saturu un ģenerēs analīzes pārskatu par jūsu ātrumiem. Tas ietver iespējamos risinājumus, lai samazinātu slodzes laiku un saglabātu apmeklētājus vietnē.

Tas var arī palīdzēt noteikt problēmas, kas saistītas ar atlēcienu rādītājiem un zemākiem reklāmguvumiem. Google Analytics ir obligāta jebkurai vietnei, bet uzskatu, ka lapas ātrums sasniedz augstāku analīzes līmeni.

Ziņojuma izlaidums ir sakārtots no augstas līdz zemas prioritātes un bieži ietver daudzus dažādus vienumus. Ja jūs saprotat LAMP iestatījumus un strādājat pie Apache serveriem, jūs varat arī apsvērt mod_pagespeed moduli. Tā automātiski veic daudzas no šīm optimizācijām jūsu vietnē, lai samazinātu ielādes laiku un svarīgākos tīmekļa datus (attēlus, ikonas, skriptus).

Labākā izstrādātāja programmatūra

Starp divām populārākajām operētājsistēmām jūs varat atrast desmitiem programmu. No grafikas programmatūras līdz pirmkodu redaktoriem un IDE, ir daudz resursu, lai tīmekļa izstrādātāji varētu izvēlēties. Bet, ja meklējat populārus ieteikumus, iesaku šādus nosaukumus.

Mac OS X

Panika ir programmatūras kompānija, kas radījusi Coda - līdz šim labākā tīmekļa izstrādes lietotne Mac. Jums ir piekļuve avota koda redaktoram, terminālim un FTP klientam, kur jūs varat veikt izmaiņas tieši servera failos. Coda papildus atbalsta garu sintakses izcelšanas sarakstu tādās valodās kā HTML, XML, CSS, JavaScript, PHP, SQL un daudz ko citu.

Ja tomēr jums ir nepieciešams bezmaksas risinājums, jums vajadzētu pārbaudīt Komodo Edit. Programmatūra ir izstrādāta Windows un Mac, atvērtā koda un pilnīgi bez maksas lejupielādei. Tas ietver visu to pašu atbalstu sintakses izcelšanai un daudz līdzīgu funkciju kā Coda (diemžēl nav FTP). TextWrangler ir vēl viens bezmaksas risinājums, ko vēlaties izmēģināt, arī vienkārši vienkāršu teksta redaktoru.

Par brīvu FTP lietojumprogrammu pārbaudiet Cyberduck Mac App Store. Lai gan es personīgi dodu priekšroku samaksātai alternatīvai, piemēram, Yummy FTP vai Transmit.

Microsoft Windows

Adobe programmatūras komplekts vienmēr nāk prātā, kad domājat par tīmekļa dizainu un izstrādi. Windows lietotājiem ir daudz alternatīvu Dreamweaver, un daudzi no tiem ir pilnīgi bez maksas.

Notepad ++ ir lielisks piemērs dažām atvērtā koda Win32 programmatūrām. Projekts joprojām tiek aktīvi attīstīts un tiek regulāri atjaunināts (gandrīz reizi mēnesī). Es mīlu viņu tabbed interfeisu un atbalstu tik daudziem papildu plugins. Kā jau minēju iepriekš, Komodo Edit piedāvā arī Windows XP / Vista / 7, lai to varētu izmēģināt kā alternatīvu.

Tīmekļa izstrādātājiem Windows nav arī FTP klienta. Filezilla, iespējams, ir populārākā bezmaksas alternatīva. Alternatīvām pārbaudiet mūsu bezmaksas FTP klientu sarakstu kopā ar līdzīgiem rīkiem.

Citi noderīgi līdzekļi

• 100 Essential Web izstrādes rīki
• Best Of 2011: Labākie noderīgie jQuery spraudņi un konsultācijas
• Ruby on Rails apmācības Web izstrādes iesācējiem
• 7 Aizraujošas Web attīstības tendences 2011. gadā

Secinājums

Līdz šim 2012. gada pirmais ceturksnis ir sākies ar sprādzienu! Mēs jau esam redzējuši pārsteidzošu saturu, kas izplūst no dizaineriem un tīmekļa izstrādātājiem no visas pasaules. Profesionāļiem, kas izveido tīmekli, ir pieejami tik daudz rīku, nekā pirms 1-2 gadiem.

Tā ir mana cerība, ka šis milzīgais rīku un resursu apkopojums virzīs jūsu metodoloģiju labākai attīstībai. Man patīk strādāt ar tīmekļa izstrādātājiem un visu laiku apgūt jaunus projektus. Tomēr ir tikai tik daudz vietas jauniem resursiem, ko varam iekļaut, tāpēc es noteikti esmu aizmirsis dažus dārgakmeņus. Ja jums ir idejas vai ieteikumi saistītajiem tīmekļa izstrādātāju resursiem, dariet to zināmu pēc diskusiju jomā.