2023-07-05 Meeting 7

 

Code review

 

Kas ir kopīgs un atšķirīgs Adpater pattern un Decorator pattern? 2.3. Mājasdarbs - Implementēt Adapter Design pattern Proxy pattern - izpēti atšķirības

 

 

image-20230705115835772

image-20230705120349008

image-20230705120440151

image-20230705120526891

image-20230705120611406

image-20230705120746112

image-20230705120846786

image-20230705121044038

image-20230705121315841

 

 

FullStack VeA 2022-Q4 - 7. UI Navigation, React-Native-Elements, Localization

 

 

7.1. Video / Materials

 

Video: https://youtu.be/VIxqbdC0h6I

Jamboard: https://jamboard.google.com/d/1g5hmJ-95AV1zDNEWM_FBHC5b0BNe0qAiDPMvefQ5aBg/edit?usp=sharing

Materiali:

  1. http://reactnavigation.org

  2. https://reactnativeelements.com

 

7.2. Implementēt piemērus react-native, react-native-elements un react-native-localization

 

Implementēt piemērus react-native, react-native-elements un react-native-localization, izmantojot video instrukcijas

Sagatave: http://share.yellowrobot.xyz/quick/2022-12-8-325F89BB-7E08-43A9-8D8A-DC27FC95643D.zip

 

 

7.3. Mājasdarbs - Pievienot datuma un laika izvēli

Izmantojot template, kuru sagatavojām 7.2. uzdevumā:

  1. Pievienot datuma un laika izvēli ScreenHabitAdd, izmantojot https://github.com/henninghall/react-native-date-picker

  2. ScreenHome saglabāt ar useState sarakstu ar pievienotajiem Habits un to attēlot, izmantojot https://reactnativeelements.com/docs/components/listitem_swipeable (ar swipe parādās funkcija Delete un tad to var nodzēst). Uz ekrāna sarakstā jāatēlo ScreenHabitAdd ievadītais laiks un datums.

Iesniegt kodu bez node_modules un android/app/build direktorijām, iesniegt screenshot ar rezultātiem

 

7. Design Patterns - React

 

7.1. Video / Materials

Video: https://youtu.be/SWJCbq2XOEI

Jamboard: https://jamboard.google.com/d/1K7vJJrjfD8jd-cX1jfzIYuzE_HpHtLUEtjBR6QUcknk/edit?usp=sharing

Materiāli: https://reactjs.org/docs/react-component.html

 

 

7.2. Mājasdarbs - Implementēt React pattern python vidē izmantojot video instrukcijas un template

Balstoties uz Video instrukcijām, iepazīties ar React programēšanas šablonu Izmantojot sagatavi: http://share.yellowrobot.xyz/quick/2022-10-23-16F14855-EAE1-4083-8114-DEAD19EDA3F9.zip

Implementēt, lai būtu šāds rezultāts: http://share.yellowrobot.xyz/quick/2022-10-23-36E4B541-9901-4C2B-A06F-FFEF294F7D36.mp4

Uzdevumi:

  1. Implementēt izmantojot React pattern funkcionalitāti, lai TextBox laukā var ievadīt tekstu (ierakstīt, nodzēst, atstarpes)

  2. Implementēt, lai ievadīto tekstu var pievienot chat messages WindowMain komponenetē

  3. Papildus uzdevums, ja teksts pārsniedz TextBox platumu, tad to nobīdīt pa vienam simbolam pa kreisi tā, lai paliek redzami tikai pēdējie simboli, kuri ielien teksta laukā

  4. Iesniegt pirmkodu un screenshot