Ressources - HE-Arc/slides-devweb GitHub Wiki
Ressources
Cours
Maquettes
- https://www.draw.io/
- https://wireframe.cc
- https://ninjamock.com (essai gratuit, marquage)
- https://moqups.com/
- http://www.invisionapp.com/ (gratuit pour 1 maquette)
- https://balsamiq.com/
- https://idoc.mockplus.com/ (10 projets gratuits)
- https://pencil.evolus.vn/
- https://www.figma.com
- Différences entre wireframe, mockup et prototype
Developpement
- https://ngrok.com/ tunnel -> localhost (tester sans déployer)
- http://codebeautify.org/
- Issues dans github
- https://education.github.com/pack
- Ajout d'images aux wikis github sans les ajouter au dépôt : 1, 2, 3
- http://brackets.io/
- http://vanilla-js.com/
- http://www.eclipse.org/orion/
- https://www.edx.org/course/html5-part-1-html5-coding-essentials-w3cx-html5-1x
- https://www.youtube.com/watch?v=_JOP8rcDjJE : Très bonne vidéo complète de 12 minutes sur les promesses en JS
Laravel
- https://laragon.org/
- https://laracasts.com/series/laravel-5-fundamentals
- https://www.youtube.com/watch?v=MF0jFKvS4SI : Excellente vidéo sur la la structure et la simplification des "controlleurs"!
Rails
- Ruby on Rails Guides (5.0.1)
- Ruby on Rails Tutorial (5.0.1)
- Rails for Zombies
- Agile Web Development with Rails 5 (5.0.0.1)
Django
- Documentation de Django (fr, 1.10)
- Learn Web Development: Django (1.10)
- Two Scoops of Django 1.8 (1.8)
- Django Book (1.8)
- Tango with Django (1.7)
- Django Girls Tutorial (fr, 1.10)
- Django Unleashed (1.8)
CSS et frontend
- https://femmebot.github.io/google-type/
- http://paletton.com/
- http://materializecss.com/
- https://medium.com/@felippenardi/top-5-core-differences-between-bootstrap-3-and-foundation-5-8b3812c7007c
- http://codepen.io/patterns/
- http://elmahdim.com/checkbo/
- http://www.chartjs.org/
- http://colourco.de/
- http://livetools.uiparade.com/
- http://enjoycss.com/
- http://color.adobe.com/fr/explore/most-popular/?time=all
- A game to learn CSS flexbox
- A Simple Web Developer’s Guide To Color
- Front-end developement checklist
- How to fix a bad user interface
Fonts, images, icônes
- http://wordmark.it/
- http://www.typ.io/
- https://www.fontfont.com/
- http://www.typegenius.com/ (Associateur de polices)
- http://www.pexels.com/
- http://www.freepik.com/free-vectors/web-templates
- http://adamwhitcroft.com/batch/
- http://korben.info/750-icones-libres-vos-projets-web-mobiles.html
- http://www.flaticon.com/