Web Development Awesome Resources

Table des matières

• ? Hébergement gratuit
• ??‍? Plateformes d'apprentissage
• ⛓️ Channeaux YouTube
• ? Podcasts
• Éditeur de code ?? ‍
• ? Plateformes de défi de codage
• ? Plates-formes indépendantes
• ? Sites Web pour trouver des travaux distants
• ? Photos de qualité gratuite
• ? Conception d'illustration gratuite
• Bibliothèque Web-DEV
• ? Icônes
• ? Polices
• ? ️ Ressources pour CSS
• ? Ressources pour JavaScript
• ? Crédit

Hébergement gratuit:

• http://netlify.com
• http://firebase.google.com
• http://aws.amazon.com
• http://heroku.com
• http://pages.github.com
• http://vercel.com
• http://surge.sh
• http://render.com
• https://cloud.google.com/
• http://docs.gitlab.com/ee/user/project/pages

Plateformes d'apprentissage:

• http://freecodecamp.org
• http://codecademy.com
• http://javascript30.com
• http://frontendmentor.io
• http://testautomationu.applitools.com
• http://coursera.org
• http://khanacademy.org
• http://sololearn.com

Canaux YouTube:

• Traversy Media
• Freecodecamp
• Le net ninja
• Développeurs Google Chrome
• Le nouveau Boston
• Derek Banas
• Universitaire
• LearnCode.academy
• codestackr
• Web Dev Simplified
• Florin pop

Podcasts:

• Syntaxe
• Radio Fullstack
• Le changelog
• L'extrait de Laracasts
• Happy hour avant
• Archives JavaScript Jabber
• Commissez votre code!
• Discours de magasinage
• Podcast Ladybug
• Radio Codepen
• Radio Jamstack
• Web moderne

Éditeurs de code:

• Code Visual Studio [VS Code]
• Texte sublime
• Atome
• Supports
• Vim

Plateformes de défi de codage:

• http://codewars.com
• http://topcoder.com
• http://codingame.com
• http://hackerrank.com
• http://projecteuler.net
• http://coderbyte.com
• http://codechef.com
• http://exercism.io
• http://leetcode.com
• http://spoj.com

Plates-formes indépendantes:

• http://toptal.com
• http://upwork.com
• http://freelancer.com
• http://peopleperhour.com
• http://simplyhired.com
• http://envato.com
• http://guru.com
• http://fiverr.com
• http://hirable.com
• http://6nomads.com

Liste des sites Web pour trouver des travaux distants:

• http://flexjobs.com
• http://remote.co/remote-jobs
• http://justremote.co
• http://weworkremotely.com
• http://remoteok.io
• http://jobspresso.co
• http://europeMotely.com
• http://wfh.io

Photos de qualité gratuites:

• http://unsplash.com
• http://pixabay.com
• http://pexels.com

Conception d'illustration gratuite:

• http://undraw.co/illustrations
• http://drawkit.io
• http://icons8.com/ouch
• http://iradesign.io
• http://interfacer.xyz
• http://blush.design

Bibliothèque de développement Web

• Une bibliothèque JavaScript inclinable 3D lisse.

Icônes:

• http://fontawesome.com
• http://flacon.com
• http://icons8.com
• http://material.io/resources/icons
• http://iconmonstr.com

Polices:

• http://fonts.google.com
• http://fontspace.com
• http://1001font.com
• http://fontsquirrel.com

Ressources pour CSS

1. Hunt de couleur https://colorhunt.co

2. Refroidisseurs https://coolors.co

3. Codes de couleur html https://htmlcolorcodes.com

4. Gradiments d'interface utilisateur https://uigradients.com/#bupe

5. Générateur de gradient cssgradient.io

6. Encycolorpedia https://encycolorpedia.com

7. Webfx https://webfx.com/web-design/Color-Picker/

8. Gradient radial https://css-gradient.com

9. Couleurs https://clrs.cc

10. Couleurs d'interface utilisateur plates 2 https://flatuicolors.com/

Extraits de code

11. Outils Web https://webcode.tools/css -generator

12. Little Snippets https://littlesnippets.net

13. Profitez de CSS https://enjoycs.com

14. CSS Tricks https://css-tricks.com/snippets/css/

15. CSS Deck https://cssdeck.com

16. W3 comment https://w3schools.com/howto/

17. Snipplr https://snipplr.com

18. Stack Overflow https://stackoverflow.com/questions/tagged/css

19. Codepen https://codepen.io/collection/dypwpe

20. Code mon ui https://codemyui.com/

Documentation et notes

21. W3 écoles https://w3schools.com/css/

22. Mdn https://developer.mozilla.org/en-us/docs/web/css

23. DevDocs https://devdocs.io/css/

24. Geeks pour geeks https://geeksforgeeks.org/css-tutorials/

25. Tutorials Point https://tutorialspoint.com/css/index.html

Générateurs CSS

26. CREST CRÉATEUR DE BOUTON CSS https://cssbuttoncreator.com

27. Blob Maker https://blobmaker.app

28. Waves Maker https://getwaves.io

29. Profitez de CSS https://enjoycs.com

30. Neumorphic ui https://neumorphism.io/#e0e0e0

31. Générateur de Glassmorphism https://glassmorphism.com

32. Clé des clés https://keyframes.app

33. Animista https://animista.net

34. Border fantaisie https://9elements.github.io/fancy-border-dius/

35. Outil des générateurs CSS https://cssgenerator.org/

36. CSS 3 Maker https://css3maker.com

37. CSS Clip Path Maker https://bennettfeely.com/clippy/

38. CSS Shapes Generator https://coveloping.com/tools/css-shapes-generator

39. Générateur de motifs http://patternify.com

40. Générateur d'images d'arrière-plan http://bg.siteorigin.com

Inspiration de conception

41. CSS Design Awards https://cssdesignawards.com

42. Awwwards https://awwwards.com/websites/css3/

43. CSS Nectar https://cssnectar.com

44. Conception modo https://designmodo.com/css-website-designs/

45. Gagnant du CSS https://csswinner.com

Tutoriels YouTube

46. CODE GRATUIT CAMP https://youtube.com/watch?v=1rs2nd1ryyc

47. Traversy Media https://youtube.com/watch?v=yfoy53qxeni

48. Artiste de codage https://youtube.com/channel/uc15exv5s79d_aygadudlwpq

49. EDureka https://youtube.com/watch?v=3_9znkvne5g

50. Astaqueur rouge https://www.youtube.com/channel/uctrhrv06q1iol86-ttkjhg

GitHub Repo

51. CSS génial https://github.com/awesome-css-group/awesome-css

52. 30 secondes de CSS https://github.com/30-seconds/30-conds-of-css

53. CSS Protips https://github.com/allthingssmity/css-protips

54. Génial flexbox https://github.com/afonsopacifer/aweson-flexbox

55. Comprendre Flexbox https://github.com/ohansemmanuel/udgetanding-flexbox

Extensions chromées

59. CSS Peeper https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en

60. Pesticides https://chrome.google.com/webstore/detail/peSticide-for-chrome-with/eipbgplchlidkojmpclhkechkhmlefi?hl=en

61. Stylebot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

62. Perfect Pixel https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en

63. ColorPick Eyedropper https://chrome.google.com/webstore/detail/colorpickysroppper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en

Ressources pour JavaScript

1. Mdn https://developer.mozilla.org/en-us/docs/web/javascript

2. W3 écoles https://w3schools.com/js/

3. DevDocs https://devdocs.io/javascript/

4. Javascript info https://javascript.info

5. Javascript Garden https://bonsaiden.github.io/javascript-garden/?ref=java5cript.com

6. Code Academy https://codecademy.com/learn/introduction-to-javascript

7. Udemy https://udemy.com/course/the-complete-javascript-course/

8. Coursera https://coursera.org/learn/javascript

9. Vue plurielle https://pluralsight.com/courses/quick-start-javascript-1870

10. Scrimba https://scrimba.com/topic/javascript

11. Geeks pour geeks https://geeksforgeeks.org/javascript-tutorial/

12. Java Point https://javatpoint.com/javascript-tutorial

13. Points de tutoriel https://tutorialspoint.com/javascript/index.htm

14. Le projet Odin https://theodinproject.com/courses/javascript

15. Apprendre js https://www.learn-js.org/

16. Javascript wikipedia https://en.wikibooks.org/wiki/javascript/introduction

17. Javascript 30 https://javascript30.com

18. Javascript pour les chats http://jsforcats.com

19. Java5cript https://java5cript.com

20. Scotch io https://scotch.io/tag/javascript

21. JavaScript Mastery https://youtube.com/watch?v=g7t23xzys-a

22. Programmer intelligent https://youtube.com/watch?v=qx_wzmmfea

23. EDureka https://youtube.com/watch?v=o1iaDuqico0

24. Coursera https://youtube.com/watch?v=o1iaDuqico0

25. Freecodecamp https://www.youtube.com/watch?v=pkzno7mfnfg&ab_channel=freecodecamp.org

26. Web Dev Simplified https://youtube.com/watch?v=yefzkc2awtm&list=plzla0gpn_vh9k5JU1yq9qcdqvtutvgtr6

27. Traversy Media https://youtube.com/watch?v=hdi2bqojy3c&list=plillgf-rfqbbnegy3roilwk7jmcusyqtx

28. Edureka https://youtube.com/watch?v=iljvmcddrog

29. Hitesh Choudhary https://youtube.com/watch?v=2MD4HQNRQJA&List=PLRAV69DS1UWSXUIK5O3VQY2-_VKSOPXLD

30. Simon Høiberg https://www.youtube.com/watch?v=YU0GH9T7SQ8&ab_channel=Simonh%C3%B8iberg

31. Éloquent js https://elognentjavascript.net

32. JS Design Pattern https://addyosmani.com/resources/essidentialjsdesignpatterns/book/

33. Le manuel du débutant JavaScript https://flaviocopes.com/page/javascript-handbook/

34. Apprenez JavaScript avec facilité https://pdfdrive.com/javascript-javascript-for-beginners-learn-javascript-programming-with-ease-half-the-time-everything-about-e158299863.html

35. Human JavaScript https://read.humanjavascript.com

36. Tutoriels JavaScript modernes https://github.com/javascript-tutorial/en.javascript.info

37. Awesome JS Learning https://github.com/micromata/awesome-javascript-learning

38. Js par exemple https://github.com/bmkmanoj/js-by-examples

39. 33 JS Concepts https://github.com/leonardomso/33-js -concepts

40. 30 secondes de code https://github.com/30-seconds/30-conds-of-code

41. 10 projets JS en 10 heures https://youtube.com/watch?v=dtkciwk_si4

42. 15 js projets https://youtube.com/watch?v=3phxvlpokf4

43. Construisez 7 jeux en utilisant js https://youtube.com/watch?v=lhnduvh3qcc

44. 50 projets en 50 jours https://udemy.com/course/50-projects-50-days/

45. Projets javascript pour les débutants https://jsbeginners.com/javascript-projects-for-beginners/

46. De nouvelles ressources arrivent bientôt

Crédit

• Pratham
• Marko Denic

Kiwismedia: Découvrez les meilleures œuvres de l'homme