webtask

Noderīgi resursi: https://flexboxfroggy.com/

Instrukcijas: https://code.visualstudio.com/docs/languages/css https://getbootstrap.com/docs/4.5/getting-started/introduction/

Noderīgie padomi, labās prakses:

1. Katram mājas darbam savs PR veidots no jauna zara (katrai jaunai funkctionalitātei jābūt savam zaram)
2. Funkcionalitāti un formatējumi veikt atsevišķos commit
3. Zaru nosaukumi vadlīnijas: {type}/{task-number}-{change-name} - vispārīgais formāts feature/WEB-4-added-product-view - piemērs
4. CSS elementiem pārbaudīt atbalstu pirms lietošanas

Mājasdarbs uz 14.05.2020 :

1. Pievienot abām produktu lapām headeri ar html struktūru un saskaņā ar wireframe css stilu izkārtošanai.
2. Noformatēt esošo html failu, css failu kodu.
3. Pievienot meta tagus eošajiem html failiem.

Mājasdarbs uz 21.05.2020 :

1. Pārrakstīt visu css uz scss.
2. Pārrakstīt esošos stilus uz flex, kur iespējams. Pielāgot html flex izmantošanai
3. Noformatēt visu koda bāzi. (Hint: atsevišķs commit iekš PR)
4. Izveidot git ignorēto lietu failu. Pievienot tam styles.css failu.
5. Iziet spēli: https://flexboxfroggy.com/

scss procesēšanas uzstādes instrukcija ar VS code: https://code.visualstudio.com/docs/languages/css
scss faila procesēšana: Ctrl+Shift+B atver tasku izvēli, palaižam konfigurēto "Sass Compile" tasku

Mājasdarbs uz 28.05.2020 :

1. Salabot visās lapās headerus, lai atbilst wireframe izkārtojumam (arī svītras garums)
2. Pabeigt pielietot produkta pievienošanas formā. Brīvi var izmanot dažādas bootstrap fīčas
3. Izpētīt un izveidot VS Code plugin automatiskās instalācijas sarakstu, lai būtu iespējams ar vienu komandu uzinstalēt visus nepieciešamos pluginus. (SASS plugins, Bootstrap, ...) (Atsvevišķā commit)
4. Izveidot lapai navigācijas joslu (Hint: bootrstrap nav)
5. Nostilot pēc saviem ieskatiem kopējo lapas stilu. (Krāsas, teksti, .....)

*Pieturēties pie wireframe izkārtojumiem.

Mājasdarbs uz 04.06.2020 :

1. Pabeigt formas lauku validāciju. Izmantot validāciju kā skaitļu laukiem, teksta utt.
2. Pārveidot esošo JS kodu uz Jquery un objectu struktūru.
3. Formas laukiem salikt validācijas paziņojums. Var izmanot bootsrap paziņojumu stilu vai tamlīdzīgi.
4. Savākt visus formas datus json objektā (Kādus tos sūtītu uz serveri)

WEB programmēšana frontend gala darba uzdevums uz 18.06.2020 - 19.06.2020 https://docs.google.com/document/d/1aAUeV0U9ZXr9NOSCX0qXhkovuaKkFyDrfWzcJkAnTLI/edit?usp=sharing