http://wiki.joanillo.org/index.php?action=history&feed=atom&title=Introducci%C3%B3_als_frameworks_de_Javascript 2026-08-30T05:38:29Z Historial de revisió per a aquesta pàgina del wiki MediaWiki 1.34.2 http://wiki.joanillo.org/index.php?title=Introducci%C3%B3_als_frameworks_de_Javascript&diff=298961&oldid=prev 2022-04-18T23:34:35Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 23:34, 18 abr 2022</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td> <td colspan="2" class="diff-lineno">Línia 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>State of Javascript <del class="diffchange diffchange-inline">2020</del>: (enllaç important)</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>State of Javascript <ins class="diffchange diffchange-inline">2021</ins>: (enllaç important<ins class="diffchange diffchange-inline">, informació actualitzada</ins>)</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*https://<del class="diffchange diffchange-inline">2020</del>.stateofjs.com<del class="diffchange diffchange-inline">/</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*https://<ins class="diffchange diffchange-inline">2021</ins>.stateofjs.com</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Comparativa de frameworks Javascript: ReactJS, Angular, Vue<del class="diffchange diffchange-inline">.</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Comparativa de frameworks Javascript: ReactJS, Angular, Vue <ins class="diffchange diffchange-inline">(videos de fa un parell d'anys enrere)</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Videos que es recomanda visualitzar:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Videos que es recomanda visualitzar:</div></td></tr> </table>

Joan http://wiki.joanillo.org/index.php?title=Introducci%C3%B3_als_frameworks_de_Javascript&diff=297345&oldid=prev 2021-04-25T17:25:39Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 17:25, 25 abr 2021</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td> <td colspan="2" class="diff-lineno">Línia 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>State of Javascript <del class="diffchange diffchange-inline">2019</del>: (enllaç important)</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>State of Javascript <ins class="diffchange diffchange-inline">2020</ins>: (enllaç important)</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*https://<del class="diffchange diffchange-inline">2019</del>.stateofjs.com/</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*https://<ins class="diffchange diffchange-inline">2020</ins>.stateofjs.com/</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Comparativa de frameworks Javascript: ReactJS, Angular, Vue.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Comparativa de frameworks Javascript: ReactJS, Angular, Vue.</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30" >Línia 30:</td> <td colspan="2" class="diff-lineno">Línia 30:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*https://www.youtube.com/watch?v=JouY61oOqlM</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*https://www.youtube.com/watch?v=JouY61oOqlM</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Autor}}, abril <del class="diffchange diffchange-inline">2020</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Autor}}, abril <ins class="diffchange diffchange-inline">2021</ins></div></td></tr> </table>

Joan http://wiki.joanillo.org/index.php?title=Introducci%C3%B3_als_frameworks_de_Javascript&diff=259281&oldid=prev 2020-04-16T07:52:45Z

<p>Es crea la pàgina amb «State of Javascript 2019: (enllaç important) *https://2019.stateofjs.com/ Comparativa de frameworks Javascript: ReactJS, Angular, Vue. Videos que es recomanda visualit...».</p> <p><b>Pàgina nova</b></p><div>State of Javascript 2019: (enllaç important)<br /> *https://2019.stateofjs.com/<br /> <br /> Comparativa de frameworks Javascript: ReactJS, Angular, Vue.<br /> <br /> Videos que es recomanda visualitzar:<br /> <br /> En aquest video el framework guanyador és Angular: (tardor 2019)<br /> *https://www.youtube.com/watch?v=IxG7UuFCxKI<br /> <br /> En canvi, aquí perd Angular i davant hi ha React i Vue: (primavera 2019)<br /> *https://www.youtube.com/watch?v=ktLqWMyf5fE<br /> <br /> Aquí clarament el guanyador és ReactJS:<br /> *https://www.youtube.com/watch?v=xHQ1tupbNv8<br /> <br /> Article:<br /> *https://www.bilib.es/actualidad/blog/noticia/articulo/comparativa-de-frameworks-de-javascript-para-frontend-angular5-reactjs-y-vuejs-cual-elegir/<br /> <br /> Que cadascú tregui les seves pròpies conclusions, però a data d'avui (primavera 2020), sembla ser que ReactJS és cada vegada més important. Angular és molt important, sobretot perquè està implantat a les empreses.<br /> <br /> Com es comenta en els vídeos, un cop has après un framework aprendre'n un altre és fàcil, perquè els conceptes són similars:<br /> *components: la programació està basada en components.<br /> *data binding i reactiveness: aquesta és la capacitat de refrescar la pàgina de forma automàtica i fàcil.<br /> <br /> Conclusió del professor: avantatge principal de ReactiveJS respecte Angular: doncs bàsicament que si aprens ReactiveJS també estàs aprenent ReactiveNative, que és el framework de moda i actual per fer aplicacíons híbrides al mòbil. És a dir, pel preu d'aprendre ReactiveJS pots aprendre a fer aplicacions pel mòbil (Android i iOS).<br /> <br /> Es recomana visualitzar aquest video: Aplicacions mòbils: comparació apps natives, híbrides i webapp:<br /> *https://www.youtube.com/watch?v=ykgYAaxL2dA<br /> *https://www.youtube.com/watch?v=JouY61oOqlM<br /> <br /> {{Autor}}, abril 2020</div>

Joan