Des de l’arribada d’Internet a les nostres vides a finals del segle passat, cada vegada hi ha més gent que vol aprendre disseny i programació web. S’està demostrant que l’aprenentatge del disseny web és necessari en molts camps i, fins i tot, cada vegada és més acceptada la necessitat d’ensenyar programació a nens i nenes.
La democratització d’Internet ha creat una generació d’autodidactes que aprenem dia a dia amb els recursos que tenim a l’abast. Ens meravella saber que Internet és un autèntic paradís a l’hora de trobar i compartir coneixement. Però què passa si ens perdem en l’excés d’informació? Si volem aprendre disseny web des de zero, per on comencem? I, si a més, no tenim pressupost, on trobem els recursos gratuïts?
Si tot just ara t’endinses en el món del disseny web, volem ajudar-te a fer un pas endavant. Hem fet un llistat de coses que pots fer per aprendre’n en línia. En aquesta primera part de l’apunt, hi trobaràs un recull de cursos i tutorials on aprendre disseny web gratuïtament. I, en els propers apunts, també t’orientarem sobre els llocs web on trobar inspiració i t’explicarem com mantenir-te al dia. Esperem que tot plegat et sigui útil, per endinsar-te en aquesta disciplina.
On aprendre les bases del disseny web
Fa temps us recomanàvem Hack Design, un completíssim curs de disseny online i gratuït, on grans mestres del disseny ofereixen, via email, grans lliçons setmanals. Un bon punt de partida per situar-se en el món del disseny web.
No es pot entendre el disseny web, sense saber conceptes bàsics de tipografia i d’experiència d’usuari. Podeu fer un cop d’ull a aquests altres recursos:
- A Good User Interface, aporta idees i bones pràctiques per millorar l’experiència d’usuari d’un web o aplicació.
- A Crash Course in Typography: The Basics of Type, per aprendre allò més bàsic sobre tipografia
- Web Developer Reading List: Typography, un llistat de recursos sobre l’ús de la tipografia en el disseny web.
- Fundamentals of Design (Level 1), vídeo de 10 minuts de Code School, per entendre conceptes bàsics de tipografia així com la combinació de tipus de fonts.
On aprendre HTML i CSS des de zero
- HTML & CSS, Codecademy
- WebDev course, Code Avengers
- Learn to Code HTML & CSS, de Shay Howe
- Aprendre CSS i HTML, webplatform.org
- Dive into HTML5
- Web Development, teaching materials
- Don’t fear the Internet
- HTML5 & CSS3 Fundamentals: Development for Absolute Beginners (Channel 9, de Microsoft) – Lliçons en vídeo
- Learn CSS layout, una guia per aprendre les diferents estructures de pàgines
- Functional HTML5 and CSS3 (Level 1), vídeo d’introducció a HTML5 i CSS3 de Code School, on es remarquen les diferències amb les versions anteriors. El vídeo està disponible però forma part d’un curs de pagament.
On aprendre programació web
- Cursos de Javascript, jQuery o PHP a Codecademy
- Cursos gratuïts com JavaScript Road Trip Part 1, Try jQuery, Try Ruby o Shaping up with Angular.js a Code School
- Cursos Build an app with JavaScript i Build a game with JavaScript, a Code Avengers
- Learn jQuery and Javascript for free, .appendTo
- The Best Way to Learn PHP, Nettuts+
- Code combat, per aprendre a programar tot jugant
- Diversos cursos de desenvolupament mòbil i desenvolupament web, a Google Developers University Consortium
Cursos MOOC relacionats amb el món web
- Desarrollo en HTML5, CSS y Javascript de WebApps, incl. móviles FirefoxOS* (3.ª ed.). Comença el proper 1 d’octubre.
- iDESWEB: introducción al desarrollo web. Es tracta d’un MOOC que es va fer el 2013 però que encara es pot cursar online i veure’n tots els seus materials
- An Introduction to Interactive Programming in Python. Aquest MOOC ja ha començat i finalitza el 16 de novembre.
- Begin programming: build your first mobile game. Comença el 20 d’octubre i s’hi aprèn a programar en Java per fer un simple joc mòbil.
Aquesta és la nostra selecció. Segur que tu coneixes altres recursos per ajudar als qui comencen, així que esperem els teus comentaris i recomanacions.
Fins ben aviat!