Django + Vue.js

Přihlašovací formulář: https://goo.gl/forms/yPvtQ70ylVmZQlUA2

Moderní web se neobejde bez JavaScriptu. Někde je potřeba usnadnit vyplnění formuláře, jinde přidat efekt při otevření fotky, a už jen nevěřícně kroutíte hlavou, kde se vzalo tolik souborů plných složených závorek. A takové soubory se pak (především pod rukama Python programátorů) snadno zamotají do sebe stejně beznadějně jako šňůry od sluchátek.

Zabránit se tomu dá nejlépe použitím tzv. frontendových frameworků, které podobně jako ty backendové (Django, Flask) dávají věcem řád a usnadňují řešení běžných situací. V tomto PyWorkingu si ukážeme jak propojit Django s Vue.js, což je nový progresivní framework a aktuální stoupající hvězda JavaScriptové scény.

Teoretická část

• K čemu jsou frontendové frameworky a proč je používat
• Alternativy k Vue.js (React!)
• Rychlé zopakování Djanga a JavaScriptu
• Základy Vue.js - pokryjeme zhruba rozsah sekce Introduction
• Jak spojit Django a Vue.js

Praktická část

Do Vue.js přepíšeme frontendovou část ukázkové anketní aplikace pro Django.

Co se hodí umět

• HTML (rozumět tagům div, span, ul, li a atributu class, zhruba v rozsahu http://webkurz.pyladies.cz/lekce/0/html)
• CSS (umět použít selektory zhruba v rozsahu http://webkurz.pyladies.cz/lekce/0/css)
• JavaScript (uložit něco do proměnné, vytvořit funkci, použít objekt a pole, zhruba v rozsahu http://webkurz.pyladies.cz/lekce/3/javascript)

Co mít v notebooku

• Python 3
• Funkční Django aplikaci podle https://docs.djangoproject.com/en/1.11/intro/tutorial01/; zdrojové kódy budou k dispozici na https://github.com/pyvec/pyworking-materials/tree/master/171014_Django-vue.js
• Oblíbený editor/IDE na psaní HTML a Pythonu (do většiny editorů existují rozšíření pro zvýraznění syntaxe Vue.js)

Materiály: https://github.com/pyvec/pyworking-materials/tree/master/171014_Django-vue.js

Místo: Pernerova 49, Praha 8 - Karlín