2024-12-19 Meeting 1 - Python preperation

TODO

1. Izveidot katram savu github repo, pievienot Maintain tiesības https://github.com/evaldsurtans un nosūtīt Evaldam linku whatsapp

2. Github struktūrai jābūt sekojošai (full stack uzdevumi salaboti pēc komentāriem un jaunie flask uzdevumi katrs savā folderī). Kad palaiž PyCharm vai webstorm, tad atvērt katru folder atsevišķi (nepievienot node_modules folder)

   xxxxxxxxxx
   5
   1
   .\fullstack_1
   2
   .\fullstack_2
   3
   .\fullstack_3
   4
   .\flask_1
   5
   .\flask_2
   

3. Lai github pievienotu failus un izmaiņas aizliegts izmantot github.com web upload, atļauts tikai izmantot SourceTree, GitKranken, Git komandrindu, iebūtvēto Git Pycharm / Webstorm utt.

4. Git commits jābūt detalizēti dokumentētiem, aizliegti commits “update” vai “fix” bez paskaidrojumiem. Pieturēties pie šī naming convention: https://www.conventionalcommits.org/en/v1.0.0/#summary

5. Katram uzdevumam jābūt līdzi report dokumentācijai, kur piefiksēt neskaidrās lietas, jautājumus vai problēmas, piemēram .\flask_1\report.md (MD rakstīšanai iesaku izmantot Typora vai ko līdzīgu)

6. Izpētīt http://overleaf.com un LaTeX zinātnisko darbu rakstīšanai Piemēri: https://share.yellowrobot.xyz/quick/2024-12-19-A7DFD46B-FCF3-4D21-89ED-ACE5910A4F9A.html

7. Izpētīt Linux komandas, Piemēri: https://share.yellowrobot.xyz/quick/2024-12-19-EF4A8ECF-4A99-4013-BB0B-1941262BF8A8.html Pamēģināt ar VirtualBox uzinstalēt Ubuntu un uz tā palaist kādus no radītajiem koda uzdevumiem. https://www.perplexity.ai/search/how-to-install-ubuntu-on-virtu-qSI6Pm43R6Oo5LyT_LoxVA

Python / Design patterns kurss

1.1. Video / Materiāli

Video: https://youtube.com/live/G-FjSQjDky8?feature=share

Whiteboard: https://whiteboard.fi/1e716da0-126a-41d9-8394-3e021574dadb

Design Patterns Book: http://share.yellowrobot.xyz/quick/2023-9-6-9D54BEEF-ECEB-4C37-AC3E-2B2EF475ED31.pdf

1.2. Sagatavot vidi darbam

Pirms kursa uzsākšanas nepieciešams:

1. Uzinstalēt pycharm izstrādes vidi: https://www.jetbrains.com/pycharm/

2. Uzinstalēt Anaconda 3.9 Python package vidi: https://www.anaconda.com/products/individual

3. Uzinstalēt pytorch bibliotēku, izmantojot conda packager (mājaslapā tiek ģenerēta attiecīgā komanda katrai OS: https://pytorch.org). Komanda bez CUDA compatible GPU būs: conda install pytorch torchvision -c pytorch

4. Uzinstalēt SkLearn ar komandu: conda install scikit-learn un matplotlib ar: conda install matplotlib

5. Palaist hello_world.py piemēru (pielikumā), izmantojot PyCharm programmu (veiksmīgas palaišanas gadījumā varēsiet pārliecināties, ka bibliotēkas strādā)

Vairāk par Anaconda environments / vidēm:

1. Izveido vidi: conda create --name tavs_vards

2. Aktivizē vidi: conda activate tavs_vards

3. Tad instalē bibliotēkas. PyCharm arī tev kā python interpreter ir jāizvēlas vide tavs_vards Vairāk par conda envs var palasīt: https://towardsdatascience.com/getting-started-with-python-environments-using-conda-32e9f2779307

4. Nepieciešams uzinstalēt pygame un numpy bibliotēkas

Sagatave: http://share.yellowrobot.xyz/quick/2023-9-7-C879F887-7302-4A7F-8C5B-39B7BAAEE3AB.zip

1.2. Implementēt funkciju python un iesniegt failu

Implementēt funkciju $f(x,b)$$f(x,b)$ Nedrīkst izmantot, jau gatavu funkciju (onliner). Nedrīkst izmantot numpy vai citas bibliotēkas, tikai tīru python kodu.

Iesniegt pirmkodu un screenshot, papildus bonus, ja izmanto rekursiju

Izveidotot kodu sekojošam vienādojumam: http://share.yellowrobot.xyz/upic/df7e6c9b6b8f880de6ee2d3e5b740e75_1673883820.png

1.3. Implementēt Python doto UML klašu diagrammu

Implementēt UML diagramā doto shēmu Python valodā un vienā failā iesniegt līdz ar uzdevumu. Papildus punkti, implementējot.

Shēma: http://share.yellowrobot.xyz/upic/46175827e374b23b19f988e61f2b1ba2_1694030930.png

Interface Python valodā implementē ar ABCMeta un @abstractmethod. Implementēt tikai getters un setters, pārējās funkcijas atstāt tukšas ar pass,

piemēram.

1
class Game:
2
   def new_game(self):
3
     pass

2.1. Video / Materiāli

Video: https://youtube.com/live/G-FjSQjDky8?feature=share

Whiteboard: https://whiteboard.fi/4f1babb7-eb4f-4ac8-8124-9563a2631178

Materials: https://realpython.com/pygame-a-primer/

https://www.tutorialspoint.com/python_design_patterns/python_design_patterns_model_view_controller.htm

2.2. Implementēt MVC balstītu spēles struktūru

Implementēt TODO un UML shēmu: http://share.yellowrobot.xyz/upic/8734c0d130fd735370f25b7f6dd6e1d0_1694639166.png

Iegūt sekojošu rezultātu: http://share.yellowrobot.xyz/upic/522c87cb595310c6495273b1aea5283e_1694638538.png

Sagatave: http://share.yellowrobot.xyz/quick/2023-9-13-06471100-6D2C-4ABA-97FA-7AAEBE39AB35.zip

Iesniegt pirmkodu un screenshots ZIP formātā

2.3. Implementēt spēlētāja tanka vadību

1. Impementēt jaunu klasi ComponentTank, kas pārmantota no ComponentGameObject, UML shēma:

   http://share.yellowrobot.xyz/upic/ef642379019e6be4b1b2e44870d3a1fd_1695277114.png

2. Pievienot dzelteno tanku no pozīcijas (0,0) un (1,0), (0,2) un (0,3) un pārējos virzienos, battle_city_sprites.png.

3. Implementēt, ka ar bultiņām var braukt pa karti.

4. Kamēr tanks brauc animācija strāda starp 2 kadriem, kad tanks apstājies animācija arī apstājas

5. Neļaut uzbraukt uz citiem šķēršļiem

6. Neļaut izbraukt ārā no kartes

Rezultātam aptuveni jāizskatās šādi (ievērot, ka braucot tanks animējas, bet atlaižot pogas stāv) http://share.yellowrobot.xyz/quick/2023-9-14-6FBC9587-66CD-42AC-803A-AD86EE337955.mp4

Iesniegt pirmkodu un screenshots ZIP formātā

3.1. Video / Materiāli

Video: https://youtube.com/live/24KkX73TUV8?feature=share

3.2. Implementēt Singleton, Factory, Prototype, Object Pool

Sagatave: https://share.yellowrobot.xyz/quick/2024-10-2-128AC6AC-BE41-4533-951A-D7B419DC9970.zip

Implementēt Singleton, Factory, Prototype, Object Pool

Iesniegt screenshot un pirmkodu.

3.3. Implementēt Builder vai Abstract Factory šablonu

1. Implementēt Builder vai Abstract Factory šablonu, lai izveidotu 2 dažādus līmeņus vai kartes. Sakot spēli, izlvēleties nejauši starp 2 līmeņiem vai kartēm.

2. Implementēt funkcionalitāti, ka tanki autonomi braukā pa karti un šauj, darbības mainās ar intervālu game_object.tank_next_move_time

Iesniegt screenshot un pirmkodu.

4.1. Video / Materiāli

Video: https://youtube.com/live/yvvDTfwsT7c?feature=share

Materials: https://refactoring.guru/design-patterns

https://www.youtube.com/watch?v=5Va1fslNKEo

4.2. Implementēt Decorator un Closure pattern

Implementēt Decorator pattern: Lai savācot zvaigznes tanks sāktu ātrāk braukt Closure pattern, lai nodrošinātu funkciju ātruma mērīšanu un try..catch

Template: https://share.yellowrobot.xyz/quick/2024-10-10-49B23DD3-ACC4-45B8-B11D-159D0FA9371B.zip

4.3. Implementēt vēl papildus Decorator un Closure pattern

Veikt izmaiņas sagatavē

1. Balstoties uz sagatavi iepriekš implementēt Closure pattern - decorator_measure_time, lai nomērītu funkcijas izpildes ātrumu.

2. Implementēt vēl kādu bonusu, kas piešķirtu papildus spējas tankam ar Decorator pattern, piemēram šaut ātrāk lodes

Iesniegt source code kā zip

5.1. Video / Materiāli

Video: https://youtube.com/live/pJ1MTSKNdBg?feature=share

Materials: https://refactoring.guru/design-patterns

https://www.youtube.com/watch?v=5Va1fslNKEo

5.2. Implementēt Observer, Command, Iterator, Memento patterns

Implementēt Observer, Command, Iterator, Memento patterns (TODOs)

Template: https://share.yellowrobot.xyz/quick/2024-10-17-859BC921-864F-46B3-8960-D306610E3AF0.zip

5.3. Implementēt uzlabojumus ar behavioral patterns palīdzību

1. Implementēt player name Redo funkciju (ar Command Pattern)

2. Implementēt settings save / load (memento, state)

3. Implementēt iterator pattern ControllerGame.new_game funkcijā, lai Iterator aizstātu sekojošo 2 for ciklus ar vienu collection, kurš atgriež visas kartes pozīcijas x, y, bet svarīgi, ka pāšā collection/iterator iekšienē nebūtu arī 2x for loops

   xxxxxxxxxx
   2
   1
     for x in range(game.map_size[0]):
   2
         for y in range(game.map_size[1]):
   

6.1. Video / Materials

Video: https://youtube.com/live/raIxZPXzAKI?feature=share

Materiāli: https://reactjs.org/docs/react-component.html https://datafloq.com/read/the-differences-between-three-major-application-architectures-mvc-vs-flux-vs-redux/

6.2. 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: https://share.yellowrobot.xyz/quick/2024-10-24-5CAF7251-D0EC-40BD-B8CA-026C3D0E4981.zip

Implementēt, lai būtu šāds rezultāts: http://share.yellowrobot.xyz/quick/2023-10-26-17339E1E-C1EA-42B3-85FE-FADC12B25AD2.mov

Uzdevumi:

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

2. Implementēt izmantojot React pattern funkcionalitāti ReactButton

3. Implementēt, lai var peivienot jaunu high scrore iekš WindowHighScores

4. 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ā.

   Iesniegt pirmkodu un screenshot

6.3. Pabeigt HighScores ekrānu

Izmantojot 6.2. sagatavi, ievērojot React, Flux principus (setState(..), state, props) implementēt:

1. Sašķirot iegūtos punktus dilstošā secībā

2. Rādīt tikai 10 labākos punktus ar vārdu

3. Prasīt ievadīt vārdu tikai tad, ja lietotājs iekļūst punktu tabulā (10 labākajos)

4. Pievienot pogu “Aizvērt”, lai nebūtu nepieciešams ar ESC aizstaisīt HighScores ekrānu

Iesniegt pirmkodu un screenshot

Python Flask kurss

Python Flask - HTML - CSS - Tutorial 1

Video: https://youtube.com/live/7ah-dv0ZefQ

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

Python Flask - HTML - CSS - Tutorial 2

Video: https://youtube.com/live/dp9kGvgHuOQ?feature=share

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

Template: http://share.yellowrobot.xyz/1629812987-programming-tutorials/session_2.zip

Python Flask - HTML - CSS - Tutorial 3

Video: https://youtu.be/6LV6df_JWbs

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

Template: http://share.yellowrobot.xyz/1629812987-programming-tutorials/session_3.zip

Tasks:

1. Post delete function using HTML form, ControllerPosts and ControllerDatabase

2. Ability to save url_slug and open URL using slug instead of post_id, for example http://localhost:8000/posts/my_post_title

3. Submit whole project as ZIP

Python Flask - HTML - CSS - Tutorial 4

Video: https://youtu.be/OSvtOrJ7bHw

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

Template: http://share.yellowrobot.xyz/1629812987-programming-tutorials/session_4.zip

Tasks:

1. Implement so that after deletion and editing user is redirected to home page and sees message "post deleted" or "post updated"

2. Implement so that in home page you see list of all recorded posts (title and date of editing) and link to open editing form

3. Implement editing form (reuse new post form) when opening existing post fill fields with existing information

4. Submit whole project as ZIP

Python Flask - HTML - CSS - Tutorial 5

Video: https://youtu.be/c27teOoh1Ws

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

Tasks:

1. Implement base.html for all html pages / templates in views

2. Implement title block in view and edit pages so that in page header there would post title

3. Implement index.html page table of pages using

   and flexbox CSS instead of table and float method (more info: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ )

Python Flask - HTML - CSS - Tutorial 6

Video: https://youtu.be/ykTH_gWN0Xg

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

Template: http://share.yellowrobot.xyz/1629812987-programming-tutorials/session_6.zip

1. Using latest template finish implement tags editing and viewing in posts (use ModelTag class)

2. Finish implementing Image upload that has filename file_thumbnail_uuid and showing it in post

3. Implement new table and ModelAttachment and ability to upload multiple PDF attachments to each post

Python Flask - HTML - CSS - Tutorial 7

Video: https://youtu.be/xGvDowhT-Fs

Jamboard: https://jamboard.google.com/d/15sim1LtBzIxPqdwtzMzVwKzeyfWx2xoqTQXnT4JOozA/viewer?f=0

Tasks:

1. Implement tags database structure

2. Implement editing tags in posts

3. Implement displaying tags in post view

4. Implement get_all_posts_flattened using recursion

Tasks (pabeidzot uzdevumus pābraudīt vai sekojošie ir izdarīti):

1. Post delete function using HTML form, ControllerPosts and ControllerDatabase

2. Ability to save url_slug and open URL using slug instead of post_id, for example http://localhost:8000/posts/my_post_title

3. Implement so that after deletion and editing user is redirected to home page and sees message "post deleted" or "post updated"

4. Implement so that in home page you see list of all recorded posts (title and date of editing) and link to open editing form

5. Implement editing form (reuse new post form) when opening existing post fill fields with existing information

6. Implement base.html for all html pages / templates in views

7. Implement title block in view and edit pages so that in page header there would post title

8. Implement index.html page table of pages using

   and flexbox CSS instead of table and float method (more info: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ )

9. Implement tags database structure

10. Implement editing tags in posts

11. Implement displaying tags in post view

12. Implement get_all_posts_flattened using recursion

13. Using latest template finish implement tags editing and viewing in posts (use ModelTag class)

14. Finish implementing file_thumbnail_uuid editing and showing in post

15. Implement new table and ModelAttachment and ability to upload multiple PDF attachments to each post

16. Implement users table and ModelUser object, add manually user with credentials test@test.com and password test. Check credentials when you login into your page

17. Do not allow access post edit pages for unauthorized users, but do allow access home page and posts view page. Do not show edit buttons for unauthorized users.

18. Implement session_type as filesystem or in sqlite database instead of encrypted cookie

19. Implementēt print vietā logger, kurš izvada datus gan konsolē, gan failā, kurš mainās vienreiz dienā (https://github.com/Delgan/loguru)

20. Implementēt SCSS stilus un uzstādīt PyCharm automātisko file watcher, kurš nokompilē CSS, kuru var iekļaut HTML (https://sass-lang.com)