🚩 Recursos compartits curs Front End

Llistat de recursos

Frameworks

• Bootstrap: https://getbootstrap.com/docs/
• Semantic UI: https://semantic-ui.com/
• W3CSS: https://www.w3schools.com/w3css/default.asp
• Tailwind: https://tailwindcss.com/
• PureCSS: https://purecss.io/
• MaterializeCSS: https://materializecss.com/
• React JS: https://reactjs.org/docs/
• React Native: https://reactnative.dev/docs/getting-started/
• jQuery: https://api.jquery.com/

CSS

• https://www.w3schools.com/css/default.asp

• http://howtocenterincss.com/

• https://css-tricks.com/specifics-on-css-specificity/

• https://specificity.keegan.st/

• https://bennettfeely.com/clippy/

• https://cybmeta.com/em-y-rem

• https://meyerweb.com/eric/tools/css/reset/

• https://www.cssfontstack.com/

• Llibres CSS

  • CSS in Depth (https://www.amazon.es/gp/aw/d/1617293458/ref=ox_sc_saved_image_3?smid=A1AT7YVPFBWXBL&psc=1)

Icones i fonts

• https://fontawesome.com/
• https://icons.getbootstrap.com/
• https://feathericons.com/
• https://thenounproject.com/
• https://www.flaticon.es/
• https://fonts.google.com/

Imatges

• https://undraw.co/
• https://www.humaaans.com/
• https://pixabay.com/es/
• https://picsum.photos/
• https://www.pexels.com/ca-es/
• https://www.cleanpng.com/
• https://www.freepik.es/
• https://unsplash.com/
• https://es.vecteezy.com/

Paletes de colors

• https://colorhunt.co/
• https://coolors.co/
• http://colormind.io/bootstrap/
• https://colorbox.io/
• https://cssgradient.io/
• https://uigradients.com/

JavaScript

• https://www.w3schools.com/js/default.asp

• https://markodenic.com/10-javascript-array-methods-to-simplify-your-code/

• map, reduce, filter, find, forEach

• https://bluuweb.github.io/javascript/02-dom/

• https://jsfiddle.net/

• https://codepen.io/

• https://codesandbox.io/

• https://quicktype.io/

• https://es.javascript.info/

• <script type="module"> vs <script>

• Llibres JavaScript

  • Haverbeke, M. Eloquent Javascript. (3rd edition 2018).

  • Rauschmayer, A. JavaScript for impatient programmers. (ES2021 edition).

  • Flanagan, D. JavaScript: The Definitive Guide. (7th edition may 2020). O'Reilly Media, Inc.

  • Refactoring: Improving the Design of Existing Code (Addison-Wesley Signature Series (Fowler)) (https://www.amazon.es/gp/aw/d/0134757599/ref=ox_sc_saved_image_2?smid=A1AT7YVPFBWXBL&psc=1)

• TypeScript

  • https://www.typescriptlang.org/docs/
  • https://peteohanlon.wordpress.com/2021/10/25/100-days-of-typescript-day-1/

APIs

• https://auth0.com/blog/what-is-an-api-how-apis-work-for-non-developers/
• https://github.com/public-apis/public-apis

Guies i manuals

• HTML: https://www.w3schools.com/html/default.asp
• Programming Notes: https://books.goalkicker.com/
• Git
  • https://git-scm.com/doc
  • https://programarfacil.com/blog/arduino-blog/git-y-github/
• Guies estil: https://google.github.io/styleguide/

Eines i altes recursos

• Figma: https://www.figma.com/
• Editor imatges: https://pixlr.com/
• Plunker: https://plnkr.co/
• Jekyll: https://jekyllrb.com/
• Trinket: https://trinket.io/
• HackerRank: https://www.hackerrank.com/
• ProjectEuler: https://projecteuler.net/
• Rosalind: http://rosalind.info/
• Symbaloo: https://www.symbaloo.com/

VSCode

• Keyboard shortcuts for Linux: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf
• Keyboard shortcuts for Windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
• Keyboard shortcuts for macOs: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf