You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/5/en/part5e.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -586,7 +586,7 @@ The current code for the app is available in its entirety on [GitHub](https://gi
586
586
587
587
<divclass="tasks">
588
588
589
-
### Exercises 5.24–5.29.
589
+
### Exercises 5.24–5.28.
590
590
591
591
#### 5.24: routed blogs, step1
592
592
@@ -620,15 +620,15 @@ Users navigate to the single blog post view from the blog list:
620
620
621
621
Make sure that the "Like" feature for blogs still works! Also modify the functionality so that only logged-in users can "Like" a blog.
622
622
623
-
#### 5.27: routed blogs, step3
623
+
#### 5.26: routed blogs, step3
624
624
625
625
Create a new view for creating a new blog, which logged-in users can access via the navigation:
626
626
627
627

628
628
629
629
Adding a new blog and deleting an existing blog should redirect the user to the all blogs view
630
630
631
-
#### 5.28: routed blogs, step4
631
+
#### 5.27: routed blogs, step4
632
632
633
633
The app’s usability and appearance are now better than before. Unfortunately, some of the tests have broken.
634
634
@@ -637,7 +637,7 @@ Now modify the tests for the single blog view created in Vitest as follows
637
637
- Authenticated users who are not the blog’s creator are shown only the like button
638
638
- The blog’s creator is also shown the delete button
639
639
640
-
#### 5.29: routed blogs, step5
640
+
#### 5.28: routed blogs, step5
641
641
642
642
Next up is fixing the end-to-end tests created with Playwright. The tests we wrote earlier are completely broken, and we’ll have to make major changes to them.
643
643
@@ -1077,11 +1077,11 @@ Styled-Components has been steadily gaining popularity lately, and it currently
1077
1077
1078
1078
<divclass="tasks">
1079
1079
1080
-
### Exercises 5.30–5.32
1080
+
### Exercises 5.29–5.31
1081
1081
1082
1082
Next, improve the styles of the blog app using either MaterialUI or Styled Components.
1083
1083
1084
-
#### 5.30: styled blogs, step 1
1084
+
#### 5.29: styled blogs, step 1
1085
1085
1086
1086
Add styles to the application’s forms.
1087
1087
@@ -1093,13 +1093,13 @@ Creating a new blog:
1093
1093
1094
1094

1095
1095
1096
-
#### 5.31: styled blogs, step2
1096
+
#### 5.30: styled blogs, step2
1097
1097
1098
1098
Now style the app's navigation bar and the component that displays notifications. The result might look something like this:
1099
1099
1100
1100

1101
1101
1102
-
#### 5.32: styled blogs, step 3
1102
+
#### 5.31: styled blogs, step 3
1103
1103
1104
1104
Customize the appearance of the single blog display component as you see fit. Here is an example:
Varmista, että blogien tykkääminen toimii edelleen! Muuta myös toiminnallisuutta siten, että ainoastaan kirjautunut käyttäjä voi tykätä blogista.
623
623
624
-
#### 5.27: routed blogs, step3
624
+
#### 5.26: routed blogs, step3
625
625
626
626
Tee uuden blogin luomista varten uusi näkymä, jonne kirjautunut käyttäjä pääsee navigaation kautta:
627
627
628
628

629
629
630
630
Uuden blogin lisäyksen sekä olemassa olevan blogin poiston tulee viedä sovellus kaikkien blogien näkymään
631
631
632
-
#### 5.28: routed blogs, step4
632
+
#### 5.27: routed blogs, step4
633
633
634
634
Sovelluksen käytettävyys ja ulkoasu on nyt aiempaa parempi. Ikävä kyllä osa testeistä on päässyt hajoamaan.
635
635
@@ -638,7 +638,7 @@ Muuta nyt yksittäisen blogin näkymän Vitestillä tehtyjä yksikkötestejä se
638
638
- kirjautuneelle käyttäjälle, joka ei ole blogin luoja näytetään ainoastaan tykkäysnappi
639
639
- blogin luojalle näytetään myös blogin poistonappi
640
640
641
-
#### 5.29: routed blogs, step4
641
+
#### 5.28: routed blogs, step5
642
642
643
643
Seuraavana on vuorossa Playwrightillä tehtyjen end to end -testien korjaaminen. Aiemmin tekemämme testit ovat totaalisesti rikki, ja joudumme tekemään testeihin suuria muutoksia.
644
644
@@ -1080,11 +1080,11 @@ styled-components on nostanut tasaisesti suosiotaan viime aikoina ja tällä het
1080
1080
1081
1081
<divclass="tasks">
1082
1082
1083
-
### Tehtävät 5.30.-5.32.
1083
+
### Tehtävät 5.29.-5.31.
1084
1084
1085
1085
Parannellaan seuraavaksi blogisovelluksen tyylejä joko MaterialUI:n tai Styled Componentsin avulla.
1086
1086
1087
-
#### 5.30: styled blogs, step1
1087
+
#### 5.29: styled blogs, step1
1088
1088
1089
1089
Lisää tyylit sovelluksen lomakkeille.
1090
1090
@@ -1097,13 +1097,13 @@ Uuden blogin luominen:
1097
1097

1098
1098
1099
1099
1100
-
#### 5.31: styled blogs, step2
1100
+
#### 5.30: styled blogs, step2
1101
1101
1102
1102
Tyylittele nyt sovelluksen navigaatiopalkki sekä notifikaatiot näyttävä komponentti. Ratkaisu voi näyttää esim. seuraavalta
1103
1103
1104
1104

1105
1105
1106
-
#### 5.32: styled blogs, step3
1106
+
#### 5.31: styled blogs, step3
1107
1107
1108
1108
Paranna haluamallasi tavalla yksittäisen blogin näyttävän komponentin ulkonäköä. Seuraavassa eräs esimerkki:
Copy file name to clipboardExpand all lines: src/content/7/en/part7d.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,15 +15,15 @@ Many of the exercises in this part of the course material will require the [refa
15
15
16
16
One good piece of advice for both refactoring and writing new code is to take <i>baby steps</i>. Losing your sanity is almost guaranteed if you leave the application in a completely broken state for long periods while refactoring.
17
17
18
-
**These exercises assume that you have already completed the exercises [5.24-5.29](/en/part5/react_router_ui_frameworks#exercises-5-24-5-29). If you have not, do those first.**
18
+
**These exercises assume that you have already completed the exercises [5.24-5.28](/en/part5/react_router_ui_frameworks#exercises-5-24-5-28). If you have not, do those first.**
19
19
20
20
</div>
21
21
22
22
<divclass="tasks">
23
23
24
24
### Exercises 7.7.-7.20.
25
25
26
-
These exercises assume that you have already completed the exercises [5.24-5.29](/en/part5/react_router_ui_frameworks#exercises-5-24-5-29). If you have not, do those first.
26
+
These exercises assume that you have already completed the exercises [5.24-5.28](/en/part5/react_router_ui_frameworks#exercises-5-24-5-28). If you have not, do those first.
27
27
28
28
#### 7.7: Frontend and backend in the same repository
0 commit comments