From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/ca/web/tutorials/index.html | 253 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 253 insertions(+) create mode 100644 files/ca/web/tutorials/index.html (limited to 'files/ca/web/tutorials') diff --git a/files/ca/web/tutorials/index.html b/files/ca/web/tutorials/index.html new file mode 100644 index 0000000000..49e6e91d1a --- /dev/null +++ b/files/ca/web/tutorials/index.html @@ -0,0 +1,253 @@ +--- +title: Tutorials +slug: Web/Tutorials +tags: + - Beginner + - CSS + - Code + - Guide + - HTML + - JavaScript + - MDN + - Tutorial + - Web Fundamental + - Web_Design +translation_of: Web/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.
+
+
+
-- cgit v1.2.3-54-g00ecf