Skip to content

Site de comerț electronic cu tutorial Django și Vue (cadru Django Rest)

Site de comerț electronic cu tutorial Django și Vue (cadru Django Rest)

Aflați cum să creați un site de comerț electronic folosind Django și Vue de la zero. Django folosește Python Vue folosește JavaScript.

Django Rest Framework este folosit pentru a construi API-ul și backend-ul.
Frontend-ul este un proiect Vue separat. Pentru a gestiona plățile, implementăm Stripe.

✏️ Cursul a fost dezvoltat de CodeWithStein. Vezi canalul lui: https://www.youtube.com/c/CodeWithStein
🐦 CodeWithStein pe Twitter: https://twitter.com/codewithstein

💻 Cod – Django: https://github.com/SteinOveHelset/djackets_django
💻 Cod – Vizualizare: https://github.com/SteinOveHelset/djackets_vue

🔗 Demo live: https://djackets.codewithstein.com/
🔗 Fișierele și comenzile pe care le folosesc pe server pot fi găsite în depozit aici: https://github.com/SteinOveHelset/djackets_django/tree/main/extras

⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:00:55) Demo
⌨️ (0:02:41) Instalare și configurare (Django)
⌨️ (0:11:39) Instalare și configurare (Vue)
⌨️ (0:15:49) Include Font Awesome
⌨️ (0:16:28) Configurați șablonul de bază
⌨️ (0:22:55) Creați aplicații și modele django pentru produse
⌨️ (0:33:19) Creați un serializator și vizualizări pentru produse
⌨️ (0:39:50) Creați prima pagină simplă (cele mai recente produse)
⌨️ (0:45:40) Vizualizați un produs
⌨️ (0:55:57) Configurarea Vuex / State
⌨️ (0:57:27) Faceți posibilă adăugarea în coș
⌨️ (1:05:31) Implementați o bară de încărcare
⌨️ (1:08:59) Setați titlul documentului (Toate paginile)
⌨️ (1:09:58) Faceți posibilă vizualizarea unei categorii
⌨️ (1:21:07) Adăugați o funcție de căutare
⌨️ (1:28:07) Vizualizare coș
⌨️ (1:34:34) Schimbați conținutul coșului
⌨️ (1:38:14) Faceți posibilă înscrierea
⌨️ (1:43:34) Faceți posibilă conectarea
⌨️ (1:48:38) Creați o pagină simplă a contului meu
⌨️ (1:53:24) Treceți la finalizarea plății (autentificare)
⌨️ (1:58:59) Creați o pagină simplă de succes
⌨️ (2:14:29) Afișați comenzile mele pe pagina contului meu
⌨️ (2:18:41) Implementează Django
⌨️ (2:40:39) Implementează Vue (Generează fișiere local, Trimite fișiere pe server, Configura gazdă virtuală nginx)

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://freecodecamp.org/news

Cursuri interesante:

Leave a Reply

Your email address will not be published. Required fields are marked *