2023-07-11 Meeting 8

Review

  1. atrisināt bez loop image-20230711181337064

image-20230711181435498

image-20230711181502177

image-20230711181624910

image-20230711182011616

8.1. Materials / Video

Youtube: https://youtu.be/Lq3_EyahuxM

Jamboard: https://jamboard.google.com/d/1fdpVIJx1UMdrZQbdIpbtXDbVNrTEkhzHs3v0tjkZVis/edit?usp=sharing

Materials: https://www.clariontech.com/blog/mvc-vs-flux-vs-redux-the-real-differences

https://medium.com/@gayashanbc/beginning-the-road-tour-with-redux-ec3505a6499b

https://medium.com/@gayashanbc/beginning-the-road-tour-with-redux-ec3505a6499b

 

8.2. Implementēt Redux/Flux pattern, lai ievadītu chat ziņas no diviem dažādiem threads

Sekojot instrukcijām implementēt Redux/Flux pattern, lai ievadītu chat ziņas no diviem dažādiem threads Iesniegt kodu un screenshots Sagatave:

http://share.yellowrobot.xyz/quick/2022-10-31-32B9BBA0-C6BB-42AC-B551-8498552A4E83.zip Uzdevumi:

  1. pēc teksta ievades pygame WindowMain notīrīt current_message, izmantojot esošās actions un reducers

  2. izveidot clear action un apstrādāt reducer

  3. saglabāt visus izpildītos actions un implementēt action undo_chat_message un apstrādāt undo funkciju reduceri

 

8.3. Implementēt interaktīvu chat app

Balstoties uz iepriekšējo kodu implementēt Redux principos balstītu UI, Actions un Reducers, lai panāktu:

  1. Var nodzēst kādu no iepriekšējām ziņām selektīvi (pievienot komponentei Delete pogu)

  2. Visas iepriekšējās ziņas uztaisīt caps locks (ar lieliem burtiem) un atpakaļ small locks (maziem burtiem), pievienot UI pogu “Toggle caps”

Iesniegt kodu un screenshots

 

 

FullStack VeA 2022-Q4 - 8. Frontend -Backend Communication, Axios, Local File system, Storage

8.1. Video / Materials

Video:

https://youtu.be/KMX0ICKWt3g

Jamboard:

https://jamboard.google.com/d/1C-OG6W2Pd5nU_N-n7ZKrOoorbohO7T0zLxeXHdyo5PI/edit?usp=sharing

 

 

8.2. Implementēt komunikāciju ar serveri, saglabāt lietotāju iekārtas atmiņā

Izmantojot lekcijas instrukcijas video, implementēt lietotāja autentifikāciju ar AirTable palīdzību. Implementēt komunikācijas risinājumu, izmantojot axios, un saglabāt atmiņā, izmantojot async-storage.

Par pamatu izmantot iepriekšējās lekcijas 7.2. sagatavi, to, papildinot ar jaunajām lietām. (Sagatave: http://share.yellowrobot.xyz/quick/2022-12-8-325F89BB-7E08-43A9-8D8A-DC27FC95643D.zip)

Iesniegt sceeenshot no lietotnes, AirTable un pirmkodu bez node_modules un build direktorijām.

 

8.3. Implementēt savu backend serveri

Balstoties uz šīs lekcijas un 4. lekcijas zināšanām izveidot vēl vienu projekta direktoriju, kurā ar NodeJS Express izveidot backend serveri, kurš spētu pildīt AirTable funkcijas, kuras tika implementētas 8.2.