Tutorials
Els enllaços d'aquesta pàgina condueixen a una varietat de tutorials i material de formació. Ja sigui que estigueu començant l'aprenentatge dels conceptes bàsics, o si sou un gat vell en el desenvolupament web, podeu trobar recursos útils aquí per obtenir les millors pràctiques. Aquests recursos són creats per empreses amb visió de futur i desenvolupadors web que han abraçat els estàndards oberts i les millors pràctiques per al desenvolupament web i que proporciona o permet traduccions, a través d'una llicència de contingut obert, com Creative Commons.
Tutorials HTML
Nivell Introductori
- Introducció a HTML
- El que és HTML, el que fa, la seva història en breu, i el que l'estructura d'un document HTML es sembla. Els articles que segueixen a aquest és una mirada a cada part individual d'HTML amb molta més profunditat.
- Estructura bàsica d'una pàgina Web (SitePoint)
- Aprèn com els elements HTML encaixen en un quadre més gran.
- MDN Referència dels Elements HTML
- Una referència completa dels elements HTML, i com els diferents navegadors els donen suport.
- HTML Reptes (Wikiversity)
- Utilitzeu aquests reptes per perfeccionar els vostres coneixements d'HTML (per exemple, "Haig de fer servir un element <h2> o un element <strong> ?"), centrant-se en el significatiu marge de guany.
Nivell Avançat
- Suggeriments per crear pàgines HTML de càrrega ràpida
- Optimitzar les pàgines web per proporcionar un lloc més sensible per als visitants i reduir la càrrega en el servidor web i connexió a Internet.
- Tutorial HTML5 (HTML5 Rocks)
- Realitzar una visita guiada a través de codi que utilitza característiques d'HTML5.
- Semàntica en HTML5 (A List Apart)
- Aprendre el sentit del marcat que és extensible i compatible amb versions posteriors.
- Tutorial Canvas
- Aprendre a dibuixar gràfics usant scripts i elements canvas.
- Doctor HTML5
- Articles sobre l'ús d'HTML5 en aquest moment.
- L'alegria d'HTML5 Audio (Exultant)
- Aprèn a fer servir l'element HTML audio per inserir sons en les vostre pàgines web fàcilment. Un munt d'exemples de codi s'inclouen en el tutorial.
Tutorial Javascript
Nivell Introductori
- JavaScript Primers Passos
- JavaScript tutorial per a principiants que s'escriu com a part de l'Àrea d'Aprenentatge de MDN.
- Codecademy (Codecademy)
- Codecademy és una manera fàcil d'aprendre el codi JavaScript. És interactiu i ho pots fer amb els teus amics.
- Introducció a JavaScript
- Què és JavaScript i com pot ajudar?
- JavaScript Millors Pràctiques (WebPlatform.org)
- Aprendre sobre algunes de les millors pràctiques òbvies i (no tan) òbvies en escriure JavaScript.
Nivell Intermedi
- Una Re-Introducció a JavaScript
- Una recapitulació del llenguatge de programació JavaScript dirigit als desenvolupadors de nivell intermedi
- Eloqüent JavaScript
- Una guia completa de les metodologies de nivell intermedi i avançat de JavaScript.
- Parlant JavaScript (Dr. Axel Rauschmayer)
- Per als programadors que volen aprendre JavaScript ràpida i adequadament, i per als programadors de JavaScript que desitgen aprofundir els seus coneixements i/o buscar temes específics.
- Patrons de disseny esencial JavaScript (Addy Osmani)
- Una introducció als patrons de disseny essencials de JavaScript.
- El llenguatge de programació JavaScript (YUI Blog)
- Douglas Crockford explora el llenguatge com és avui, i com va arribar a ser.
- Introducció a Javascript Orientat a Objectes
- Aprendre sobre el model d'objectes de JavaScript.
Nivell avançat
- Guia JavaScript
- Una guia completa, actualitzada regularment per a JavaScript per a tots els nivells d'aprenentatge, des de principiants fins a avançats.
- No saps JS (Kyle Simpson)
- Una sèrie de llibres que ens permeten aprofundir en els mecanismes bàsics del llenguatge JavaScript.
- Aprenentatge avançat JavaScript (John Resig)
- Guia avançada de JavaScript de John Resig's .
- Introducció al DOM JavaScript (Exultant)
- Què és el Document Object Model, i per què és útil? Aquest article us donarà una suau introducció a aquesta potent funció de JavaScript.
- Un API Inconvenient: La Teoria del DOM (YUI Blog)
- Douglas Crockford explica el Document Object Model.
- JavaScript avançat (YUI Blog)
- Douglas Crockford mira de prop els patrons de codis de les que els programadors de JavaScript poden triar en l'autoria de les seves aplicacions.
- JavaScript Tresor (Douglas Crockford)
- Accedir a una valuosa col·lecció de tot el contingut de JavaScript per Douglas Crockford.
- JavaScript Jardí
- Documentació de les parts més peculiars de JavaScript.
- Explorar ES6 (Dr. Axel Rauschmayer)
- Informació fiable i detallada sobre ECMAScript 6.
- Descàrregues de JavaScript sense bloqueig (YUI Blog)
- Suggeriments sobre com millorar el rendiment de descàrrega de pàgines que contenen JavaScript.
- Patrons Javascipt
- Un patró Javascript i una col.lecció antipatrons que cobreix els patrons de funció, patrons jQuery, patrons de jQuery plugin, patrons de disseny, patrons generals, literals i els patrons de construcció, els patrons de creació d'objectes, patrons de reutilització de codi, DOM.
- Com funcionen els navegadors
- Un article d'investigació detallada que descriu els diferents navegadors moderns, els seus motors, la renderització de pàgines, etc.
- Videos JavaScript (GitHub)
- Una col·lecció de vídeos JavaScript per veure.
Desenvolupament d'extensions
- Escriu la teva primera WebExtension
- Un passeig a través de la creació d'un WebExtension per Firefox, de principi a fi.
- Afegir un botó a la barra d'eines
- Afegir botons a la barra d'eines del navegador usant WebExtension.
- Modificació d'una pàgina web
- Un passeig a través de la modificació d'una pàgina web utilitzant WebExtensions.
- Intercepció de Peticions HTTP
- Usar WebExtensions per interceptar i modificar peticions.
Tutorials CSS
Nivesll introductori
- Inici en CSS
- Aquest tutorial us presenta les fulles d'estil en cascada (CSS). Us guiarà a través de les funcions bàsiques de CSS amb exemples pràctics que podeu provar en el vostre ordinador.
- Selector Classes CSS (Wikiversity)
- Què són les classes en CSS?
- CSS Extern (Wikiversity)
- Ús de CSS des d'una fulla d'estil externa.
- Afegir un toc d'estil (W3C)
- Una guia breu per a principiants de com dissenyar pàgines web amb CSS.
- Preguntes comuns de CSS
- Preguntes i respostes comuns per als principiants.
- Selectors CSS
- Una introducció als selectors CSS
Nivell Intermedi
- Referéncia CSS
- Referència completa de CSS, amb detalls sobre el suport de Firefox i altres navegadors.
- Reptes CSS (Wikiversity)
- Sigueu flexibles en les vostres habilitats CSS, i mireu on necessiteu més pràctica.
- Posicionament 101 CSS (Una llista apart)
- Ús del posicionament per a un disseny compatible amb estàndards, lliure de taules.
- Millora progersiva amb CSS (Una llista apart)
- Integreu la millora progressiva en les vostres pàgines web amb CSS.
- Reixetes fluides (Una llista apart)
- Esquemes de disseny que redimensionan de manera fluïda amb la finestra del navegador, sense deixar d'utilitzar una quadrícula tipogràfica.
Nivell advançat
- Ùs de les transformacions CSS
- Aplicar la rotació, esbiaixar, escalar i desplaçar usant CSS.
- Transicions CSS
- Les transicions CSS, forman part del projecte d'especificació CSS3, proporcionen una manera d'animar als canvis en les propietats CSS, en lloc de que els canvis tinguin un efecte immediat.
- Guia ràpida per implementar Fonts Web amb @font-face (HTML5 Rocks)
- La característica @ font-face de CSS3 permet l'ús de tipus de lletra personalitzats al web d'una manera accessible, manipulable i escalable.
- Començar a escriure CSS (David Walsh)
- Una introducció a les eines i metodologies per escriure CSS més succinta, mantenible i escalable.