SPA with AngularJS: курсови проекти
Колеги, готови сме с условията на курсовите проекти за курса "SPA with AngularJS":
Както знаете, този курс ще се завършва с практически проект, който всеки си прави вкъщи. Ще има защита на живо и по Skype за онлайн курсистите.
Какво представлява AngularJS Ads проектът?
- Дадено вие как изглеждат екраните от система за онлайн обяви (UI prototype)
- Дадена е REST услуга, която пази данните и имплементира всички необходини действия
- Посетителите на сайта без регистрация могат да разглеждат обявите, да се регистрират и логват
- Логнатите потребители могат да си редактират обявите
- Администраторът (поребител с по-високи права) може да редактира обяви, потребители, категории и градове - тази част е бонус, защото е по-трудна и по-оебмна за имплементация
За да ви помогнем по изграждането на практическия курсов проект добавяме още учебни занятия към курса:
- 5 януари от 12 до 20 часа - колегата Владо ще пише проекта на живо пред всички, от нулата стъпка по стъпка. Ще запишем видео за онлайн курсистите. Няма да ви дадем сорс кода, за да си го напишете сами. Това е важно условие в заданието.
- 6 януари - от 16 до 22 часа - ще правим Lab, отново работа по практическия проект.
- 11 януари (неделя) - защита на проектите - ще направим записване и разпределение по часове.
В понеделник и вторник остават планираните учебни занятия:
- Services, ruting, directives
- Работа по практическия проект
Обръщам внимание че има важно изискане да работите с Git и да commit-вате редовно в GitHub. Ако не го правите, ще загубите половината от точките за проекта. Трябва да покажете, че сте работили здраво по този проект и не сте го преписали от ваш колега.
Проектите са индивидуални. Няма да има разпределение на отбори.
Ще запиша и видео разяснения по проекта до няколко дни.
Започвайте работа! Имате право да обсъждате публично и да споделяте кой до къде е стигнал.
За REST услугите админската парола е admin / admin.
Препоръчам ви да си пуснете услугите локално (показано е във видеото как става с [Ctrl+F5] във Visual Studio).
root url-a ти е http://localhost:1337
От там нататък екраните ти са http://localhost:1337/login http://localhost:1337/register и т.н според останлите ти view-ta. Това се конфгурира с помоща на $routeProvider:
$routeProvider.
when('/login', {
templateUrl: 'templates/login.html',
controller: 'loginController'
}).
Казваш на angular при какви url пътища кои partial html- да ти зарежда, а линковете към тези partial-и си ги задаваш в index.html(или според случая) така <a href="#/login">Login</a>.
http://localhost:1337/api/index.html#/register - сървърите са достатъчно умни да зареждат индекс.хтмл файла при лоуд на странцата и тоиз index.html не би следвало да се вижда никъде. А url с /api/user /api/ads и т. н са тези, към котио си правиш заявките в логиката на приложението и също нямат нищо общо с раутинга и пътищата на твоето приложение.
Дано съм бил полезен
ЕДИТ: Извинявай, че те подведох. http://localhost:1337 е root url на сървъра от който си взимаме данните. Твоето приложение докато го рънваш локално( предполагам през node.js съврвър) root url-a му ще е http://localhost:1234( на този порт слша сървъра от angular seed) и екраните ти ще са http://localhost:1234/#/login http://localhost:1234/#/register и т.н
Това означава ли, че и двата трябва да са пуснати? Веднъж node.js и веднъж за базата даден ни от г-н Наков на VS.
Ами да. Аз лично така го правя. Рънвам два сървъра локално. Друг начин да си подкарам angular приложението без node.js сървър не знам. Ако има такъв някой колега да сподели
@borislavml аз знам още два начина да си подкараш приложението. Единия е да си пуснеш един уеб сървър Apache, той слуша по default на порт 80 пътя трябва да ти е http://localhost а другия начин е през уеб сървъра на Web Storm той по default слуша на порт 63342.