Share
Ei bine, anul 2012 sa încheiat. O multitudine de tutoriale excelente și articole au fost publicate pe tot parcursul anului, atât aici, cât și pe Nettuts + și în altă parte a paginii web. Pentru a documenta anul, am compilat o listă de șaizeci dintre cele mai bune tutoriale, lună de lună. Veți găsi probabil câteva pe care le-ați pierdut de-a lungul drumului!
Uneori, este ușor să fii coplesit de cât de mult trebuie să înveți în această industrie. Dacă jQuery se întâmplă să se afle pe lista dvs. personală "trebuie să înveți în curând", atunci verificați cursul lui Jeffrey Way "Learn jQuery in 30 Days". Dacă îi vei da cincisprezece minute pe lună pentru luna următoare, te va ajuta să devii jQuery pro - și este gratuit!
.Fișierele htaccess sunt folosite pentru a configura Apache, precum și o serie de alte servere web. În ciuda extensiei tip fișier .htaccess, acestea sunt doar fișiere text care pot fi editate folosind orice editor de text. În acest articol, vom examina ceea ce sunt și cum le puteți utiliza în proiectele dvs..
Uită-te la caracteristicile HTML5, CSS3, etc, știu dacă sunt gata pentru utilizare și, dacă da, afla cum ar trebui să le folosești - cu polyfills, backbacks sau așa cum sunt.
Înainte de a explora orice cadre JavaScript care ajută la structurarea aplicațiilor, poate fi utilă obținerea unei înțelegeri de bază a modelelor de design arhitectural. Modelele de proiectare sunt soluții dovedite pentru problemele comune de dezvoltare și pot sugera paradigme structurale care să ne ajute să adăugăm o organizație la cererea noastră.
Steve Souders discută despre impactul vitezei site-ului asupra utilizatorilor care oferă sfaturi privind crearea de aplicații HTML5 de înaltă performanță.
Promisiunile sunt o caracteristică jQuery interesantă, care o face briza pentru a gestiona evenimentele asincronice. Acestea vă permit să scrieți apeluri mai clare și mai scurte și să păstrați logica aplicațiilor la nivel înalt, separată de comportamentele la nivel scăzut. După ce înțelegeți Promisiunile, veți dori să le folosiți pentru tot, de la apelurile AJAX la fluxul UI. Asta-i o promisiune!
Am primit această întrebare foarte mult: "Cum ai terminat-ul să te uiți așa cum o face?" Dacă ați observat terminalul meu și sunteți curios despre modul în care l-am instalat, acesta este tutorialul pentru tine! Desigur, ceea ce înveți aici va fi suficient pentru a începe să creați propria comandă de comandă personalizată!
În acest articol, vom examina procesul de utilizare a JavaScript, dintr-o perspectivă bazată pe MVC, pentru a manipula DOM. Mai precis, vom institui obiectele JavaScript, proprietățile și metodele lor, precum și instanțele lor paralele cu comportamentul dorit al viziunilor noastre (ceea ce vede utilizatorul).
Am folosit SASS pentru tot ce fac recent. Iată niște minciuni în călătorie. De la hold-up-uri, la trip-up-uri, la turn-off-uri. De la aplicații și echipe la fluxuri de lucru și sintaxă.
Accentsconagua
getUserMedia
getUserMedia este un API care permite accesul paginii web la camera de utilizator și microfonul utilizatorului prin intermediul JavaScript. Este susținută în Opera 12 și Opera Mobile 12 pentru Android, iar WebKit în Chrome construiește Canare (instrucțiuni). Ca și multe alte API-uri, nu face parte din spec. HTML5 "real". A început viața ca HTML5
În acest tutorial, vom analiza construirea unui manager de contacte complet funcțional utilizând Backbone.js, Underscore.js și jQuery. Vom arunca o privire asupra componentelor de bază care fac bifarea backbone, precum și a unor metode de comoditate expuse de Underscore. (Vezi întreaga sesiune.)
În acest tutorial, voi demonstra cum să creați fotografii de epocă (la fel ca și Instagram) cu PHP și ImageMagick. Aștepta? Ce? Da, puteți face acest lucru foarte mult cu PHP și ImageMagick, și asta e doar zgârierea suprafeței!
ECMAScript 5 a introdus un mod strict pentru JavaScript. Intenția este de a permite dezvoltatorilor să se înscrie într-o versiune "mai bună" a JavaScript-ului, unde unele dintre cele mai frecvente și mai grave erori sunt tratate diferit. Pentru un timp, eram sceptic, mai ales cu un singur browser (Firefox) care sprijinea inițial modul strict. Derulați rapid în ziua de azi, fiecare browser major acceptă un mod strict în cea mai recentă versiune, inclusiv Internet Explorer 10 și Opera 12. Este timpul să începeți să utilizați modul strict.
Iată frecarea: când încărcați JavaScript de la o terță parte, ar trebui să o faceți în mod asincron. S-ar putea să doriți să încărcați și propriile script-uri în mod asincron, dar pentru acest articol să ne concentrăm asupra unor terțe părți.
Premisa prefixelor impune cerințe nerealiste asupra modului în care dezvoltatorii întrețin site-uri. Există o mulțime de conversații cu privire la realizarea prefixelor (prin schimbarea politicii), dar cred că acestea sunt deja în contradicție cu fluxul de lucru al dezvoltatorului.
Închiderile sunt adesea văzute ca o artă arcane în țara JavaScript. Odată stăpânite, vă permit să scrieți niște JavaScript cu adevărat uimitoare. Acest articol vă va ajuta să accelerați magia închiderii JavaScript.
Dacă lucrați la un proiect mare, veți avea, fără îndoială, un script de construire sau o grămadă de scripturi de sarcină pentru a vă ajuta cu unele părți repetate ale procesului. Este posibil să utilizați Ant sau Rake, în funcție de limba în care este scris proiectul. Dar ce folosiți dacă proiectul este în primul rând JavaScript? Aceasta este problema pe care Ben Alman a pornit-o să o rezolve când a creat Grunt.
Sunt destul de încrezător că nu voi surprinde pe nimeni aici spunând că spiriștii CSS s-au aflat de mult timp, crescând capii lor controversați în sfera dezvoltării Web încă din 2003.
Pe măsură ce peisajul web devine din ce în ce mai complex, devine extrem de important să oferim experiențe web solide într-un număr tot mai mare de contexte. Din fericire, design-ul web receptiv oferă creatorilor web niște instrumente pentru a face planuri care să răspundă la orice dimensiune a ecranului. Vom folosi grilajele fluide, imaginile flexibile și interogările media pentru a obține aspectul excelent, indiferent de mărimea dimensiunilor ecranului dispozitivului.
Am scris un README a doua zi pentru un proiect pe care sper ca ceilalți dezvoltatori să îl privească și să-l învețe și, așa cum scriam, mi-am dat seama că era un lucru care ar fi putut intimida dracul din mine cu câțiva ani în urmă, ceea ce cu mentiunile sale ocazionale de Nod, npm, Homebrew, git, teste, dezvoltare și producție construiește.
Mulți dezvoltatori web utilizează zilnic SSH ("Secure Shell") pentru a-și administra serverele, a crea copii de rezervă, a lucra de la distanță și o mulțime de alte sarcini. Astăzi, voi explica ce este SSH, faceți o scurtă analiză a istoricului și, în sfârșit, vă învăț cum să o configurați pe serverul dvs. de la distanță sau chiar pe rețeaua locală. Să începem!
Timp de opt luni, am avut ocazia să lucrez cu echipa YUI de la Yahoo, în timp ce îmi terminam diploma de licență. Astăzi, aș dori să împărtășesc primele zece lucruri pe care le-am învățat din experiența mea cu YUI.
Construirea unei bijuterii a fost o sarcină complexă, care ar necesita fie o cunoaștere precisă a formatului de bijuterie, fie ea însăși, sau unelte dedicate pentru a genera o boilerplate adecvat. Aceste zile, putem folosi Bundler-ul excelent pentru a elimina această complexitate și pentru a menține cantitatea de cod generat la un nivel minim.
Am acoperit API-ul PHP PDO de câteva ori aici pe Nettuts +, dar, în general, acele articole s-au concentrat mai mult pe teorie și mai puțin pe aplicație. Acest articol va rezolva asta! Pentru a spune clar, dacă utilizați încă vechiul API mysql al PHP pentru a vă conecta la bazele dvs. de date, citiți mai departe!
De această dată, aflați despre modelele Adaptor, Decorator și Fabrica.
JavaScript este o limbă curioasă. Este ușor de scris, dar este greu de stăpânit. Până la sfârșitul acestui articol, sperăm că veți transforma codul de spaghete într-o masă de cinci feluri, plină de minciună ușor de citit și întreținută!
În această mini-serie Nettuts +, vom construi o aplicație web de la zero, în timp ce vom scufunda într-un nou cadru PHP care absoarbe rapid aburi, numit Laravel - un cadru simplu și elegant PHP 5.3.
Din când în când, serverele și bazele de date sunt furate sau compromise. Având în vedere acest lucru, este important să se asigure că anumite date cruciale ale utilizatorilor, cum ar fi parolele, nu pot fi recuperate. Astăzi, vom învăța elementele de bază din spatele hashing-ului și ceea ce este necesar pentru a proteja parolele în aplicațiile dvs. web.
Clase, clase, clase peste tot. Dacă nu avem nevoie de clase CSS? Dacă am înceta să ne îngrijorăm cât de multe clase folosim și ce ar trebui să le numim și tocmai am terminat cu ei odată pentru totdeauna? Nu v-ar fi o revelație pentru a spune că elementele HTML pot fi șterse fără a recurge la atributul de clasă, dar ați considerat multitudinea de beneficii care provin de la abandonarea clasei?
AngularJS este ca Batarang lipsă pe centura dvs. de utilitate de awesomeness de dezvoltare web. Vă oferă legături de date bidirecționale care sunt atât ușor de folosit cât și rapid, un sistem de direcții puternice care vă permite să utilizați componente personalizate reutilizabile, plus multe altele. Express este un server web excelent pentru Node.js care furnizează servicii de rutare, middleware și sesiuni. De altfel, cei doi lucrează destul de bine împreună!
Agile sau Agile de Dezvoltare - auzim aceste cuvinte mai des în zilele noastre. Dar știm cu adevărat despre ce este vorba? Cum ne poate ajuta să devenim mai eficienți, având o mulțime de distracție în dezvoltarea de software? Cum îl putem folosi pentru a comunica cu oamenii de afaceri și pentru a face această comunicare ușoară și constructivă pentru ambele părți?
Odată, era un dosar. A fost pe calculatorul tău și ai vrut să o primești pe un server. Te-ai întrebat vreodată de ce există atât de multe modalități de a face asta? Vom explica câteva dintre elementele de bază ale implementării în acest articol, astfel încât să înțelegeți când să utilizați ce. Să începem!
Să recunoaștem: comunitatea PHP a rămas puțin, când vine vorba de promovarea dezvoltării bazate pe teste. Știm că ar trebui, dar până și astăzi o parte importantă a comunității nu o face. În această nouă serie de videoclipuri și tutoriale, create de echipa Nettuts +, sperăm să schimbăm acest lucru. Crede-mă: nu e la fel de greu pe cât crezi.
Efectuarea jocurilor în HTML5 Canvas nu este așa de greu odată ce învățați logica jocului pe care îl creați. În acest tutorial, veți învăța cum să creați un joc de ping-pong care nu este atât de fundamental în Canvas. În primul rând, permiteți să aruncați o privire asupra conceptului principal și a unei câteva logici fundamentale în spatele acestui joc.
Săptămâna trecută a fost provocarea 7dfps, o provocare deschisă în care participanții trebuiau să facă un FPS într-o singură săptămână. Astfel de concursuri sunt foarte interesante pentru cei care vor să experimenteze lucrurile. Provocarea dvs. este IMO cea mai bună cale de a învăța lucruri noi. De asemenea, puteți cunoaște concursul celebru "Ludum Dare". Am învățat să folosesc Backbone.js și Three.js (o bibliotecă faimosă pe WebGL) într-o singură săptămână, deci nu aveți nici o scuză să nu puteți face același lucru
Așa că ați acceptat provocarea de a deveni groasă pe partea clientului; foarte bine. V-ați gândit la toate cadrele existente și nu sunteți siguri pe cine să alegeți? Nu esti singur. Citește mai departe.
Acest articol vă va ajuta să vă deplasați prin utilizarea Vagrantului pentru a vă administra instanțele mașinii virtuale și să explicați cum puteți profita de Puppet pentru a furniza diverse resurse, cum ar fi PHP și PostgreSQL.
Event-driven de programare poate fi copleșitoare pentru începători, ceea ce poate face Node.js dificil de a începe cu. Dar nu te lasa sa te descurajezi; În acest articol, vă voi învăța câteva dintre elementele de bază ale Node.js și explicați de ce a devenit atât de popular.
Cea mai obisnuita intrebare pe care o primesc de la postarea articolului meu de navigare cu raspuns rapid este: Cum gestionez navigarea complexa pentru desenele receptive? "
Astăzi vom combina câteva instrumente diferite și vom crea un pachet Nod simplu care va permite unui utilizator să caute un director pentru fișiere. În acest tutorial vom folosi Grunt pentru a face o mulțime de lucru pentru noi, pentru a vedea cum să facem un executabil script Node pe linia de comandă și, în sfârșit, să vedem cum îl publicăm Node Package Manager (npm), astfel încât oricine poate instala aceasta.
Organizarea poate face sau întrerupe mentenabilitatea unei aplicații. Cu aplicații mai mici, organizarea este mai evidentă; cu toate acestea, pe măsură ce aplicația crește, iar numărul de dezvoltatori de aplicații și de ingineri de la front-end care produc coduri crește, organizația mai confuză poate deveni. În acest post, vom trece peste câteva concepte de bază pentru păstrarea aplicațiilor organizate astfel încât găsirea codului relevant este un proces eficient și sistematic.
În acest ecran, vom construi o clasă relativ simplă, folosind tehnici TDD. Pe parcurs, vom discuta diverse metode PHPUnit, cum se creează obiecte machete și multe altele! Vă încurajez să lucrați împreună; este cel mai bun mod de a învăța!
Cele mai multe tutoriale Backbone vor descrie procesul de trimitere a cererilor RESTful către server. Dar, cum capturăm aceste date cu cadrul serverului nostru? De unde știm ce sunt urlările de solicitare? Cum monitorizăm aceste solicitări utilizând Chrome Dev Tools? Vă voi arăta toate astea și mai mult în acest ecran.
Când luați ruta de design web responsivă, o parte din afacere este grilajul fluid. Asta înseamnă că elementele containerului sunt stabilite în lățimi procentuale. Doar un exemplu: un
În această serie de două părți, vom examina Web Storage, una dintre cele mai bune și mai interesante caracteristici care vor ieși din spec. HTML5. Vom analiza istoricul stocării Web și a modulelor cookie.
Testarea JavaScript este un subiect sensibil. Unii dezvoltatori sunt susținători enormi ai acesteia (inclusiv mine), în timp ce alții nu văd nevoia sau beneficiul. O barieră imensă este simplul fapt că poate lua uneori o cantitate considerabilă de configurare pentru a te ridica și a alerga. Cu cât este nevoie mai mult, cu atât mai mult este faptul că dezvoltatorul nu va deranja. De aceea, Testemul este atât de fantastic; face testarea cât mai ușoară posibil și, mai important, distractiv!
Unul dintre multele scopuri de proiectare ale limbajului JavaScript a fost să-l păstreze cu un singur filet și, prin extensie, simplu. Deși trebuie să recunosc că, având în vedere idiosincraziile constructurilor limbajului, nu este altceva decât simplu! Dar ceea ce înțelegem prin a fi "cu un singur filet" este că există doar un fir de control în JavaScript; da, din păcate, motorul dvs. JavaScript poate face un singur lucru la un moment dat. Acum, nu sunet prea restrictiv pentru a face uz de procesoarele multi-core care stau inactive pe masina ta? HTML5 promite să schimbe toate acestea.
A fost o plimbare ciudată, în ceea ce privește suportul namespace-ului în PHP. Din fericire, a fost adăugat la limba în PHP 5.3, iar structura aplicabilă a codului PHP sa îmbunătățit foarte mult de atunci. Dar cum să le folosim?
Am văzut multe lupte atunci când întâlnesc întâi Backbone.js. În acest post pe blog voi refactor treptat un pic de cod de la modul în care am folosit pentru a scrie JavaScript înainte, în codul corect Backbone.js folosind modele, colecții, vizualizări și evenimente. Sperăm că acest proces vă va oferi o înțelegere fermă a abstracțiilor de bază în Backbone.js.
Validarea formularelor a fost o experiență de dezvoltare dureroasă. Implementarea validării pe partea clientului într-un mod prietenos, ușor de dezvoltat și accesibil este greu. Înainte de HTML5 nu a existat niciun mijloc de implementare a validării nativă; prin urmare, dezvoltatorii au recurs la o varietate de soluții bazate pe JavaScript.
Indiferent de nivelul nostru actual de calificare, am fost toți începători la un moment dat. Efectuarea de greșeli clasice începător vine cu teritoriul. Astăzi, am cerut o varietate de autori ai personalului Nettuts + să facă clic cu lista lor de capcane și soluții - într-o varietate de limbi. Aflați din greșelile noastre; nu faceți aceste lucruri!
Fiind un limbaj pur funcțional, Haskell vă limitează de la multe dintre metodele convenționale de programare într-un limbaj orientat pe obiecte. Dar limitarea opțiunilor de programare ne oferă cu adevărat vreo avantaj față de alte limbi? În acest tutorial, vom arunca o privire la Haskell și vom încerca să clarificăm ce este și de ce ar putea fi folosită în proiectele viitoare.
Nu cred că trebuie să vă conving că testarea codului dvs. JavaScript este o idee bună. Dar, uneori, se poate dovedi dificil să testați codul JavaScript care necesită un DOM. Aceasta înseamnă că trebuie să testați codul în browser și nu puteți folosi terminalul, nu? În mod greșit, de fapt: introduceți PhantomJS.
În această săptămână am avut de gând să dau o nouă discuție la YUIConf intitulată, API-uri JavaScript pe care nu le-ați auzit niciodată (și unele pe care le aveți). Din păcate, un conflict de planificare înseamnă că nu voi putea să particip. Așadar, în loc să lăsăm munca de a pune împreună o discuție de tip brand-nou mergeți să pierdeți (sau să întârziați în alt mod), am decis să realizez un scenariu al discuțiilor.
Viața mea de zi cu zi este cheltuită în birou la BSkyB ... Lucrez pe site-uri mari, ultimul din care mi-a luat peste un an pentru a construi front-end pentru (și încă este în curs de desfășurare). Pentru mine, în lumea mea, CSS rău este un lucru foarte specific și deranjant; când lucrați pe un singur site de luni întregi, nu vă puteți permite codul sărac, fie că este vorba de CSS sau altfel, iar orice cod rău are nevoie de redresare.
Este obișnuit ca un client să trimită o cerere pentru un fișier care nu există pe server sau există într-o altă locație. Acest lucru poate apărea din mai multe motive. S-ar putea să vă mutați fișierele în jurul serverului (sau la un server complet diferit) sau să doriți să prezentați o structură logică a sistemului de fișiere pentru conectarea clienților.
Instrumentele pot face ca fluxurile noastre de lucru să se simtă fără probleme, permițându-ne să ne concentrăm asupra a ceea ce construim și să nu ne îngrijorăm de acest proces. Majoritatea dezvoltatorilor web, pe toate porțiunile stack-ului, lucrează din linia de comandă. Există nenumărate utilități, care vă pot face mai productivi. Acestea nu sunt aplicații pline de linie de comandă, cum ar fi Git, ci instrumente destul de simple și compozibile, care vă pot îmbunătăți fluxul de lucru ca dezvoltator web.
Injectarea de dependență a fost un subiect frecvent de discuții între mulți dezvoltatori corporativi în ultimii ani. Mulți s-au temut că ar putea sacrifica prea mult timp construind arhitectura aplicațiilor fără a face nici o muncă reală. În acest articol, vă voi explica de ce dezvoltatorii PHP ar trebui să ia în considerare posibilitatea de a profita de injecția de dependență, atunci când construiți proiecte mari și scalabile.
Programatorii ca mine sunt adesea intimidați prin design - dar un efort mic poate da o rentabilitate uriașă a investițiilor. Iată sfaturile unui coder pentru a face orice site să arate rapid mai profesionist. Sunt programator. Eu nu sunt un designer. Am o diplomă în știința calculatoarelor și nu-mi deranjează Comic Sans. (Se pare vesel, continuați.)
Ați avut vreodată o sesiune de terminare la distanță care rulează, doar pentru a vă conecta la o jumătate de drum printr-o sarcină mare? Apoi, vă reconectați, fără să știți nimic despre progresul său (dacă există) și despre starea actuală. Ecranul este soluția la această problemă. Ecranul vă permite să începeți sesiunile terminale la care vă puteți deconecta și relua în orice moment.
Ei bine, aceasta este lista mea de 60 de sfaturi utile și tutoriale din 2012. Probabil că aveți unele favorite de-ale voastre; să le auzim în comentarii!
