Conţinut
- 01. W3Schools
- 02. Opera Web Curriculum standard
- 03. Google Code University
- 04. Casă în copac
- 05. Lynda.com
- 06. Nu te teme de internet
- 07. Școala de Webcraft Mozilla
- 08. revista net pe Creative Bloq
- 09. Revista Smashing
- 10. Codecademia
- 11. Webdesigntuts +
- 12. Școala Codului
- 13. CSS-Tricks
- 14. Punctul de amplasare
- 15. Udacity
- 16. Code Racer
- 17. Șine pentru zombi
- 18. De ce este ghidul intens al lui Ruby
- 19. Aflați Python pe calea cea mai grea
- 20. Stackoverflow
- 21. LearnToProgram.tv
- 22. Academia Khan
Designul web poate fi descurajant. Doar cantitatea mare de noi tehnici și acronime care apar în fiecare zi o poate face să pară înfricoșătoare și confuză, chiar dacă sunteți un web designer profesionist, darămite un începător. Dar nu vă faceți griji - ajutorul este la îndemână sub forma unor resurse de formare web design ușor de înțeles pe web.
Există multe abordări ale instruirii în domeniul designului web - unele plătite, altele gratuite; unele interactive, altele nu; unele bazate pe text, altele pe videoclip. Ceea ce înseamnă că poate fi chiar o luptă ascendentă, aflând unde să mergi și ce să înveți.
Pentru a vă ușura lucrurile, am adunat cele mai bune 22 de resurse de instruire în domeniul designului web de pe web. Toți au o bună reputație și oferă instrucțiuni și sfaturi din partea experților de top în design web. Majoritatea includ o serie de lecții care acoperă o serie de niveluri, de la începători la avansați.
Ați putea dori, de asemenea, să consultați ghidurile noastre pentru cele mai bune servicii de găzduire web și cei mai buni constructori de site-uri web chiar acum.
01. W3Schools
În timp ce multe site-uri de formare web arată colorate, atractive și primitoare, cu grafică video și colorată, W3Schools arată la prima vedere un pic plat și plictisitor. Dar nu te lăsa amânat!
Dacă doriți să începeți de la început cu cele mai elementare lecții de HTML și CSS, site-ul oferă o progresie constantă a tutorialelor interactive care explică totul într-un limbaj simplu și simplu și, mai important, vă permite să jucați cu markup live pe site, astfel încât să puteți vedea ce efect pot avea cele mai mici modificări asupra modului în care apare o pagină web în browser.
Da, da, știm: au existat unele critici asupra site-ului, care a evidențiat unele erori tehnice în unele dintre lecțiile sale. Cu toate acestea, pentru un începător care nu știe foarte bine de unde să înceapă cu HTML, CSS și JavaScript, acesta oferă în continuare un mod foarte ușor de utilizat, simplu și gratuit de a începe.
02. Opera Web Curriculum standard
Oamenii buni care lucrează la browserul Opera au creat și mențin această resursă gratuită și cuprinzătoare introducând elementele de bază ale designului web și standardelor web. La fel ca W3Schools, se bazează pe text simplu și nu tocmai seducător din punct de vedere vizual. Dar scrierea este plină de viață și ușor de urmat, ceea ce compensează mai mult decât atât.
03. Google Code University
Lecțiile Google despre „HTML, CSS și Javascript de la început” prezintă elementele de bază ale construirii site-urilor web cu tutoriale video prezentate de proprii dezvoltatori Google. Un loc perfect pentru începători cu începutul instruirii lor în design web.
04. Casă în copac
Treehouse este un serviciu bazat pe video, oferind cursuri de web design în HTML și CSS, dezvoltare web (inclusiv HTML5 și Javascript) și crearea de aplicații iOS (folosind Objective-C și Xcode), toate înfășurate într-un mod clar și ușor de utilizat navigați în interfața cu utilizatorul.
Treehouse percepe un abonament pentru serviciile sale, dar videoclipurile sunt produse foarte profesional și veți obține o mulțime de lecții care acoperă aproape fiecare aspect al designului și dezvoltării web.
Treehouse nu numai că oferă conținut excelent, dar există și un element de joc pe site care te testează pe ceea ce ai învățat și te recompensează cu ecusoane de realizare. Deci, dacă aveți nevoie de o motivație suplimentară pentru a învăța, acesta este un site excelent de utilizat.
05. Lynda.com
La fel ca Treehouse, Lynda.com oferă o gamă largă de tutoriale video care vă pot învăța cum să proiectați site-uri web (precum și să acoperiți alte subiecte legate de proiectare) pentru o taxă lunară. Lynda.com există încă din zorii internetului (a fost lansat în 1995) și produce, de asemenea, cărți, videoclipuri și documentare. O sursă autorizată de videoclipuri de instruire în domeniul web designului, puteți obține un degustator verificând tutorialele sale gratuite.
06. Nu te teme de internet
Nu vă temeți de internet este ideea tipografului și ilustratorului independent Jessica Hische și se adresează oamenilor creativi în mod similar, care nu prea doresc sau nu doresc să facă web design profesional - dar în același timp nu vor un cookie-cutter urât site-ul care prezintă munca lor.
Prin scurte videoclipuri tutoriale, veți învăța cum să luați un blog WordPress de bază și să manipulați CSS, HTML și chiar unele PHP, pentru a se potrivi nevoilor dvs. estetice. Așadar, dacă te sperie terminologia de design web și geekdomul general, dar îți place ideea unei abordări mai informale și mai umoriste a învățării, acesta este un loc minunat pentru a începe. Site-ul este gratuit, deși donațiile sunt binevenite.
07. Școala de Webcraft Mozilla
Nu, nu am adăugat în listă un joc nepotrivit Harry Potter. Școala de Webcraft Mozilla face parte dintr-un program de educație deschisă la comunitatea online pentru învățare, Universitatea Peer to Peer.
Site-ul oferă o serie de cursuri gratuite de formare în web design, inclusiv cursuri în CSS, PHP și HTML. De asemenea, oferă diverse provocări pentru a vă testa abilitățile: de exemplu, Challenge 101 vă va ajuta să vă creați propriul site de bază de la zero.
08. revista net pe Creative Bloq
Revista noastră net titlu tipărit este plină de tutoriale despre toate aspectele HTML, CSS, JavaScript, jQuery și multe altele și a distribuit o mare parte din conținutul său vechi online pe Creative Bloq. Majoritatea materialului de aici este destinat designerilor web intermediari până la cei avansați și recomandăm în special seria intitulată „Construiți un site receptiv într-o săptămână” pentru oricine dorește să înceapă cu designul web receptiv.
09. Revista Smashing
De fapt, nu este o revistă (bine, nu în sensul tradițional tipărit al cuvântului), dar blogul de design web Smashing Magazine este o resursă fantastică de tutoriale despre toate aspectele procesului. Lecțiile vizează sfârșitul intermediar până la cel avansat al spectrului de design web.
10. Codecademia
Codecademy se descrie ca fiind „cel mai simplu mod de a învăța cum să codificați” și și-a stabilit o reputație excelentă în cadrul comunității de design web.
Această resursă gratuită de formare pentru web design parcurge calea construirii de site-uri web, jocuri și aplicații într-un mod atrăgător, facilitând utilizatorii cu ușurință cu o primă lecție foarte de bază.
Site-ul are, de asemenea, un aspect de rețea socială, ceea ce înseamnă că utilizatorii pot interacționa și învăța alături de prieteni și colegi. Și, la fel ca Treehouse, echipa de la Codecademy înțelege și puterea unei ecusoane, oferindu-le în diferite puncte cheie ale antrenamentului.
11. Webdesigntuts +
Webdesigntuts + oferă gratuit o gamă largă de tutoriale despre o gamă largă de subiecte de web design și dezvoltare web. Există, de asemenea, o zonă premium cu conținut plătit. Site-ul face parte din rețeaua mai largă Tuts +, care include tutoriale PSD Tuts pentru Photoshop și WP Tuts pentru tutoriale WordPress.
12. Școala Codului
Abordarea Code School este de a ajuta utilizatorii să învețe, prin intermediul videoclipurilor interactive și al codării în browser. Această instruire în domeniul designului web are un preț, dar, în opinia noastră, este foarte rezonabilă.
Pentru doar 25 USD pe lună, utilizatorii au acces în toate domeniile la întregul conținut al școlii. Dar acest lucru nu este doar pentru persoane fizice, există, de asemenea, opțiunea pentru companii de a înscrie echipe întregi la cursuri de formare - o ofertă de care IBM și NASA au profitat deja.
13. CSS-Tricks
CSS-Tricks este un blog în care designerul web Chris Coyier trece prin unele dintre cele mai noi tehnici CSS. A devenit extrem de popular în rândul designerilor web profesioniști și a dezvoltat recent un parteneriat cu numărul 4 pe lista noastră, Treehouse. Este o sursă strălucită și actualizată constant de sfaturi, tutoriale și lecții video - toate gratuite.
14. Punctul de amplasare
Compania australiană Sitepoint își câștigă banii vândând cărți de proiectare și dezvoltare web, dar asta nu o împiedică să ofere gratuit niște tutoriale fantastice pe site-ul său. Acestea tind spre tehnicieni, dar există și câteva introduceri utile la designul web pentru începători, cum ar fi acest articol despre HTML și CSS.
15. Udacity
Doriți să aflați cum să construiți un browser web simplu în doar șapte săptămâni? Sau cum să construiești un motor de căutare precum Google? Ei bine, cu Udacity le puteți face pe amândouă și, cel mai bine, instruirea este absolut gratuită și este condusă de profesori experți din Stanford și de la Universitatea din Virginia.
Pentru oricine este interesat, cursurile nu sunt oferite la cerere. În schimb, studenții potențiali pot vizita site-ul web pentru un program de curs și se pot înscrie corespunzător.
16. Code Racer
Nu este o formare în designul web în sens tradițional, dar pentru ceva complet diferit, consultați Code Racer. Aici trebuie să alergi pentru a termina codul în fața dușmanilor tăi, să folosești arme speciale pentru a-i împiedica progresul și a câștiga premii pe parcurs! Un mod interactiv și distractiv de a învăța abilitățile fundamentale ale HTML și CSS.
17. Șine pentru zombi
Dacă doriți să învățați să creați site-uri web, probabil că veți căuta mai întâi să studiați HTML, CSS și JavaScript. Dar dacă este vorba de aplicații pe care doriți să le construiți, este mai bine să începeți cu un cadru de aplicații web, cum ar fi Ruby on Rails.
Aceasta este, în general, considerată o comandă mai înaltă decât învățarea marcajului site-ului web, dar pentru a face acest lucru mai ușor și mult mai distractiv, Code School a menționat mai sus au creat Rails for Zombies. Ați parcurs cinci aventuri de zombi, fiecare urmată de exerciții în care învățați programând Rails în browserul dvs. Și, cel mai bine, este gratuit!
18. De ce este ghidul intens al lui Ruby
O altă abordare neobișnuită a învățării lui Ruby, Why's Poignant Guide este o carte online gratuită care vă conduce prin învățarea limbii folosind desene animate și un stil plin de umor, care este o gură de aer proaspăt într-o arenă uneori excesiv de uscată.
19. Aflați Python pe calea cea mai grea
O altă carte online gratuită, până când ați citit Learn Python the Hard Way, veți cunoaște elementele de bază ale codării și veți fi gata să treceți la cărți mai provocatoare.
20. Stackoverflow
Stackoverflow nu este în sine un loc de învățare a designului web, dar este o resursă de neprețuit pentru oricine învață orice limbă de design web. Pur și simplu, este un forum de întrebări și răspunsuri în care unele dintre cele mai strălucite minți din comunitatea de design web renunță la timpul liber pentru a-i ajuta pe cei care s-au blocat fără speranță.
Deci, dacă ați lovit vreodată un perete și pur și simplu nu vă puteți întoarce capul în jurul a ceea ce învățați sau ați scris un cod care nu pare să funcționeze, acesta este un loc minunat pentru a primi ajutor și sfaturi de la unii vechi mâinilor (și odată ce ai încredere în propriile abilități, asigură-te că o plătești înainte și ajută-ți singur câțiva începători ...).
21. LearnToProgram.tv
Dacă sunteți interesat de dezvoltarea web ca o carieră, dar nu știți cu adevărat de unde să începeți, acest curs scurt, cu ritm rapid, ar putea fi doar lucrul pentru dvs. Găzduit de Mark Lassoff, Introducerea în dezvoltarea web a LearnToProgram.tv este concepută pentru a vă oferi o previzualizare a vieții unui dezvoltator web.
Folosind prelegeri ritmate, eșantioane de coduri și exerciții de laborator, vă va prezenta HTML5, CSS și JavaScript, învățându-vă tehnicile utilizate de dezvoltatorii web profesioniști în fiecare zi. Prețul standard al cursului este de 59 USD, dar dacă utilizați linkul furnizat, vă puteți înscrie gratuit.
22. Academia Khan
Ceea ce a început ca o modalitate prin care Salman Khan de a-și îndruma verii de la distanță a devenit o enormă resursă gratuită de învățare online. Khan Academy dorește să ofere o educație gratuită de talie mondială pentru toată lumea și se mândrește cu o colecție amețitoare de cursuri, care acoperă în principal materii mai tradiționale, cum ar fi matematica și știința.
Subiectul de calcul nu este atât de bine servit, dar dacă doriți să învățați JavaScript, atunci aveți noroc. Acesta conține trei cursuri JavaScript care vă vor învăța elementele fundamentale ale programării: o introducere în JS, care vă va învăța suficient de multe elemente de bază pentru a putea desena și anima; și două cursuri avansate care vizează jocuri și vizualizări și simulări naturale.
Ați găsit acest lucru util? Spuneți-ne dacă există cursuri de formare în domeniul web design pe care le-am ratat în caseta de comentarii de mai jos ...
