Mundarija:
- 1 -qadam: O'rnatish
- 2 -qadam: Loyihani yaratish
- 3 -qadam: Firebase
- 4 -qadam: Komponentlarni yaratish
- 5 -qadam: Kurs sahifasi
- 6 -qadam: Mavzular sahifasi
- 7 -qadam: Video sahifa
- 8 -qadam: baholash sahifasi
- 9 -qadam: kontseptual sahifa
- 10 -qadam: Metodik sahifa
- 11 -qadam: Funktsional sahifa
- 12 -qadam: Kirish sahifasi
- 13 -qadam: Komponentlar va xizmatlarning to'liq kodini yuklab oling
Video: Ta'lim veb-ilovasi: 13 qadam
2024 Muallif: John Day | [email protected]. Oxirgi o'zgartirilgan: 2024-01-30 13:23
Bu loyiha video va raqamli televidenie kursi uchun topshiriq sifatida yaratilgan bo'lib, unda biz o'qitish va o'qitish muammosini uch bosqichda hal qilishimiz kerak edi: uslubiy, funktsional va kontseptual.
Ushbu loyiha video va raqamli televidenie kursi uchun topshiriq sifatida yaratilgan bo'lib, unda biz o'qitish va o'qitish muammosini ushbu uch bosqichda hal qilishimiz kerak edi: uslubiy, funktsional va kontseptual. Biz bu muammoni veb -platformadan foydalanib hal qilishga qaror qildik. Kurs talabalari va o'qituvchilari tizimga kirishlari mumkin. Talabalar, shuningdek, kodek va video formatlari kabi mavzularni o'z ichiga olgan o'quv videolariga kira oladilar, ular mavzuning kontseptual qismini o'rganganlaridan so'ng, ular baho berishlari mumkin. Baholash uchta faoliyat turidan iborat; Har bir mashg'ulotda kodeklar va video formatlari bilan bog'liq mavzularni o'rgatadigan bir xil turdagi videolar bo'ladi va shu bilan birga har bir mashg'ulot boshqa maqsadga ega, shuning uchun biz ushbu platforma yordamida metodik, funktsional va kontseptual qismni o'qitish va baholashga erishishimiz mumkin. Bularning barchasiga erishish uchun biz AngularFire5 va dragula kabi kutubxonalar yordamida Angular 4 va Firebase -dan foydalandik. Videolar uchun biz "PowToon" veb-ilovasidan foydalanganmiz.
Bu ko'rsatma uchun sizga kerak bo'ladi:
- NodeJs
- Burchak 4
- Firebase loyihasi
- Kompyuter
1 -qadam: O'rnatish
- Nodejs 8.9.1 ni NPM (Node Package Manager) bilan o'rnating
- "Npm install -g @angular/cli" konsoliga burchakli -CLI (buyruq qatori interfeysi) ni o'rnating.
2 -qadam: Loyihani yaratish
- "Mening yangi ilovam" yordamida loyiha yarating.
- Tugun paketlarini "npm install" bilan o'rnating
- Dragulani "npm install dragula --save" yordamida o'rnating
- AngularFire2 -ni "npm firebase angularfire2 -ni saqlash" bilan o'rnating.
3 -qadam: Firebase
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
- Google hisobini yarating
- "Konsolga o'tish" ni bosing
- loyiha yaratish
- Umumiy bo'limga o'ting va mijoz kalitlarini oling
4 -qadam: Komponentlarni yaratish
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
Dastur komponentlarini yarating.
Quyidagi komponentlarning har biri uchun "ng g c" komponent nomi "" dan foydalanish:
- Kurs sahifasi
- Mavzular sahifasi
- Video sahifasi
- Baholash sahifasi
- Uslubiy sahifa
- Kontseptual sahifa
- Funktsional sahifa
- Fikrlar komponenti
- Admin
5 -qadam: Kurs sahifasi
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
HTML va ts ni yarating
TS da siz autentifikatsiyaning mantig'ini yozasiz, agar foydalanuvchi talaba yoki administrator bo'lsa va siz o'quvchining kurs ma'lumotlari bilan jadval yozasiz. Buning uchun siz ko'rsatma oxirida berilgan autentifikatsiya xizmati va ma'lumotlar bazasi xizmatidan foydalanishingiz mumkin.
6 -qadam: Mavzular sahifasi
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
Bu komponentaga html va ts yozasiz.
Kurs sahifasiga o'xshab, agar foydalanuvchi administrator yoki talaba ekanligini tekshirishingiz shart bo'lmasa, siz faqat autentifikatsiyani yozishingiz va kursdagi mavzular ro'yxatini taqdim etishingiz kerak bo'ladi.
7 -qadam: Video sahifa
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
Bu komponentaga html va ts yozasiz.
Ushbu komponent uchun siz videoni ijro etish uchun powToon havolasini va sharh komponentini taqdim etasiz
8 -qadam: baholash sahifasi
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
bu komponent uchun siz bir xil video komponentdan foydalanasiz, bunda siz baholash jarayonini tushuntirasiz.
Keyin kontseptual sahifaga bog'laydigan tugma mavjud
9 -qadam: kontseptual sahifa
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
Bu sahifada siz html va ts ni yaratasiz.
- Tugma bilan ikkita video komponentni yarating
- "IsCorrect" booleanli ikkita videodan iborat qator yarating.
- CheckScore () funktsiyasini yozing
- Ballarni ma'lumotlar bazasiga yuklang
- Keyingi sahifaga ko'chirish
10 -qadam: Metodik sahifa
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
Bu sahifada siz html va ts ni yaratasiz.
- Siz draguladan foydalanasiz, buning uchun dragula hujjatlarini o'qing
- Videolar to'plamini yarating
- Video tartibini yarating
- tekshirish balini yozing
- Yuklab olish reytingi
- Keyingi sahifaga o'ting
11 -qadam: Funktsional sahifa
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
Bu sahifada siz html va ts ni yaratasiz.
- Kontseptual sahifada bo'lgani kabi sizda ham tugmalar va videolar bo'ladi.
- HTML -da foydalanuvchi hal qiladigan muammoni yozing
- Keyin videolarni "IsC Correct" boolean qatoriga joylashtiring.
- Ballarni ma'lumotlar bazasiga yuklang
12 -qadam: Kirish sahifasi
Buning uchun siz ushbu qadamning rasmlarini tekshirishingiz mumkin
- HTML va ts ni yarating
- Rasmni html -ga joylashtiring
- Formani html -da yozing
- "Ts" dagi shaklni avtorizatsiya xizmatiga yuboring
- Foydalanuvchini ma'lumotlar bazasida saqlang
13 -qadam: Komponentlar va xizmatlarning to'liq kodini yuklab oling
Agar sizda muammolar bo'lsa, bu erda komponentlar va xizmatlar kam uchraydi
Tavsiya:
ATLASdan xabardor bo'ling - STAR WARS - O'lim yulduzi II: 7 qadam (rasmlar bilan)
ATLAS - STAR WARS - Death Star II: Bandai Death Star II plastmassa modelidan xabardor bo'ling. Asosiy xususiyatlarga quyidagilar kiradi: ✅Yorug'lik va Ovoz effekti✅MP3 pleer✅InfraRED masofadan boshqarish pulti✅ Harorat sensori✅3 daqiqa taymeri o'lim yulduzi
Bu PNG maxfiy bo'lim: 4 qadam
Bu PNG - maxfiy bo'lim: Sizning vazifangiz, aziz o'quvchi, men siz uchun github qo'ygan output.png tasvirida qanday xabar yashiringanligini aniqlash. Xabarni chiqarish uchun u erda MessageHider kodidan foydalanishingiz mumkin. Agar siz adashgan bo'lsangiz, iltimos, quyida izoh qoldiring va men sizga yordam beraman
To'plam bilan robototexnika bo'yicha bosqichma-bosqich ta'lim: 6 qadam
To'plamli robototexnika bo'yicha bosqichma-bosqich ta'lim: Bir necha oydan keyin o'z robotimni qurdim (bularning barchasiga qarang) va ikki marta qismlari ishlamay qolgandan so'ng, men bir qadam orqaga chekinishga qaror qildim va o'z fikrimni qayta o'ylashga qaror qildim. strategiya va yo'nalish. Bir necha oylik tajriba ba'zida juda foydali bo'ldi va
XLR8 -da RC boshqariladigan robot! Ta'lim roboti: 5 qadam
XLR8 -da RC boshqariladigan robot! Ta'lim roboti: Salom, bu maqolada sizga asosiy robotni qanday yasashni ko'rsatib beradi. &Quot; Robot 'so'zi tom ma'noda " qul " yoki "Ishchi". Sun'iy intellekt sohasidagi yutuqlar tufayli robotlar endi Issak Asimovning ilmiy-fantastik asarining bir qismi emas
Ta'lim robotini BUGS: 11 qadam (rasmlar bilan)
O'qituvchi robotni BUGS: So'nggi bir yil ichida men bo'sh vaqtimni ochiq manbali 3D bosma robototexnika dizaynini ishlab chiqish va o'rganishga sarfladim, shuning uchun Instructables robototexnika tanlovini o'tkazganini ko'rganimda, men qatnasha olmasdim. Men dizaynerni xohlardim