I am here to connect with you
I am very logical creature, below you will see everything you need to know to work with me
logo

Start

Встановлення програмного забезречення

Перший крок це реєстрація на такому сервісі як GitHub.com Там будуть зберігатись наші кодіки
Хто працює на windows ставимо інший terminal https://git-scm.com/ Spidey
Terminal нам служить для того щоб запускати сайти або інші різні команди
https://github.com/WebArtWork/GitScripting - качаємо цю репо на комп'ютер, ставимо папку bin в папку свого юзера
В мене це c/Users/crack/bin
Якщо ви помістили 'bin' в папку свого юзера, то можна пробувати команду list в терміналі, вона має вибити те що в мене на скріні, якщо все чотко
Spidey

Завантаження проекту на GitHub

Нам потрібно зрозуміти що таке ssh - https://en.m.wikipedia.org/wiki/Secure_Shell
Цей зв'язок нам потрібний щоб завантажувати наш проєкт на GitHub
По суті йде комунікація між двома компами через ssh клучі.
Ми генеруємо ключ на нашому компі, і прописуємо його в настройках GitHub.
Для того щоб згенерувати ключ, пишемо команду: gkey NAME І далі багато раз enter :)
Далі беремо наш ключ командою: key
Копіруємо з термінала і вставляємо його в https://github.com/settings/keys
Spidey
Далі створюємо свою репо на GitHub, посилання - https://github.com/new
Будь яку назву, краще приватну репу, будемо там бавитись :)
Spidey
Далі в кого немає робимо робочу папку та папку нашого проєкту локально
В терміналі:

cd
mkdir work
cd work
mkdir test
cd test

Пояснення:
mkdir створює папку
cd переходить в іншу папку
Далі вертаємось на нашу репо в GitHub, копіюємо нашу ссилку та пишемо її в терміналі:
i git@github.com:CrackerakiUA/test.git master
Таким чином з'єднуємо нашу локальну папку з GitHub
Spidey
Далі для перевірки зв'язку можна через terminal створити файл і заляти його на GitHub

touch test.txt

pa initialize

Spidey
Ось який результат має бути
Spidey
Якщо наплужили з командами можна просто видалити папку test і зробити це спочатку :)
Ось як це робиться через terminal:

cd
cd work
rm -rf test

Тут треба прописати свою інфу
Spidey
Ще раз pa initialize

Планування наших проєктів

Реєструємось на trello.com
Це інструмент для планування наших проєктів :)
Будемо планувати.Вот силка на таблицю - https://trello.com/b/5A3PqwCD/waw-restaurant
Spidey
Потренуйтесь створювати проєкти на GitHub, заливайте на ці проєкти файли через термінал. Спробуйте вдосконалити дошку трелло, пізніше будемо створювати проєкт для тої дошки яку ми доробимо.

Створюємо перший тестовий проєкт

Для початку скачаємо nodejs - https://nodejs.org/en
Версію 18, в кінці буде пропонувати chocolate, вона не погана, ставить важливі штуки на комп, але якщо вже є node 16, то можна не міняти.
Після встановлення можна перевірити командою node -v
Spidey
Далі потрібно буде поставити базу даних яку ми будемо використовувати. https://www.mongodb.com/try/download/community
Ставимо як сервіс, просто next next next :)
Далі цікавіше, ставимо наш класний framework і створюємо перший тестовий проєкт:

cd
cd work
npm i -g waw
waw -v
waw new test
4
cd test
waw

Spidey
Версія 4 це ставить проєкт з беком, angular та нашими templates з плагіном wjst.
Щоб глянути на наш дефолтний сайт, пишемо в браузері localhost:8080
Тут щось може в кінці писати просто connect, це може означати що базу не встановили правильно.
Маємо побачити таке, це лендос на template/pages/index
З вітки можна перейти на angular.
Spidey
Там побачимо сторінку логіна, де вже зафілений юзер для комфорту. Перший раз він простий юзер, далі якщо сервер перезапустити то він стане адміном.
Spidey
Це сторінка профілю, тут ми можемо юзеру міняти інфу
Spidey
Якщо ми зробимо нашого юзера адміном, ми побачимо таку сторінку, тут всі юзери, їх можна видалити :)
Spidey
Можете постворювати різних юзерів, на логіні міняти email. Далі повидаляти їх на адмін сторінці або зробити їх адмінами )

front-end

Давайте для початку запустимо наш front-end. Для цього нам потрібний буде ще один термінал. Разово треба буде встановити пакети для коду, для того щоб все працювало. Яку можна буде побачити на localhost:4200

cd
cd work/test/client
npm i
go

Spidey
Далі три самі ходові команди:
1) додавання back-end module, який відповідальний за збереження інформації та її доступність, назвімо його bird

cd
cd work/test
waw add bird

2) додати до front-end service bird, який буде відповідальний за зв'язок front-end з back-end

cd
cd work/test/client
waw service bird
2

3) додамо сторінку в якій будуть наші пташки, в папку юзерів, яка буде доступна на ссилці localhost:4200/birds

cd
cd work/test/client
waw page user birds
2
bird

ось приклад
Spidey

Робимо структуру проєкту

Наступний крок, зробити структуру проєкту таку яка в ваших бордах :)
Для початку я створюю сторінки в темплейті, вони буду робитися беком, для того щоб Гугл їх бачив. Далі створюю менеджмент для інгредієнтів.
Spidey
Далі роблю менеджмент на статті та уборку
Spidey
В кінці будую структуру для замовлень
Spidey