Frontend django, Django Web 前端探索
•
18 likes•2,134 views
how python.org and djangoproject.com setup their development environment。 it is suit for front end new comer for a Django guy
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Frontend django, Django Web 前端探索
Similar to Frontend django, Django Web 前端探索 (20)
More from Tim (文昌)
Recently uploaded
Recently uploaded (20)
Frontend django, Django Web 前端探索
- 1. Web Tim
- 2. • Django backend framework • Django
- 3. • • npm gem bower • makefile grunt gulp •
- 6. • .css • CSS Framework • bootstrap, materialize, semantic ui …
- 7. <html> <head> <!— style —> </head> <body> <!— html —> </body> </html>
- 8. Bootstrap
- 10. css 1. css static 2. template link tag css
- 11. static • Django : • app static css • STATICFILES_DIRS css
- 12. CSS • • • ...
- 14. SASS
- 16. susy • grid system • bootstrap grid
- 17. libsass
- 18. python.org • • Vagrant ( sass ) • sass/compass • susy ( will be removed )
- 19. base.html • python css • style.css • mq.css
- 20. sass css cd static sass --compass --scss -I $(dirname $(dirname $(gem which susy))) --trace --watch sass/style.scss:sass/ style.css
- 21. • style.scss • mq.scss mq media query
- 22. style.scss
- 23. style.scss
- 25. Django project
- 26. Dependency • vagrant , dependency • Makefile • libsass • bower • requirejs
- 28. Makefile # Makefile run: python manage.py runserver 0.0.0.0:8000 make run run server
- 29. libsass • ! • builtin watch • watchmedo shell-command --patterns=*.scss -- recursive --command="make compile-scss-debug" $(SCSS) • make watch-scss ~~~
- 30. js dependency • dependecny • django bower js. js commit repo • ( pip + virtualenv bower, bower )
- 31. requirejs • js • requirejs ... • django project base.html
- 32. • Open Source Project •