OutSystems Front End Specialization - Study Help Deck Material gathered from OutSystems Guided Path videos, OutSystems Community Forum and public sites that will help obtain the OutSystems Front-end Developer Specialist certification.

1. 6.53
FRONT END
SPECIALIZATION
STUDY HELP DECK

2. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 2
False = same as setting CSS display: none

3. 3
Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck

4. 4
Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck

5. 5
Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck

6. 6
Anything added to the <ol> or <ul> tag, affects the entire
list, while properties added to the <li> tag will affect the
individual list items
The list-style-type property specifies the type of list item
marker – eg: circle, square, upper-roman, lower-alpha.
list-style-image an image - eg: list-style-image:
url('sqpurple.gif');
list-style-position if bullet points will be inside
or outside the list item. If inside, pushes the
text at the start.
Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck

7. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 7

8. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 8
<table style="width:100%">
<tr>
<th style="text-align:left">Month</th>
<th style="text-
align:right">Savings</th>
</tr>
<tr>
<td>January</td>
<td style="text-align:right">$100</td>
</tr>
<tr>
<td>February</td>
<td style="text-align:right"> $80</td>
</tr>
</table>
The <th> tag defines a header cell in an HTML table.
An HTML table has two kinds of cells:
Header cells - contains header information (created with the <th> element)
Data cells - contains data (created with the <td> element)
The text in <th> elements are bold and centered by default.
The text in <td> elements are regular and left-aligned by default.

9. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 9
Reactive and Web app: Form's data must be
stored in an aggregate or a variable

10. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 10

11. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 11

12. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 12
Base Theme or Theme in Module
Screen is higher than Block!
Each element OS style editor
OS UI
Block
Atributtes

13. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 13

14. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 14
to make sure Scafolding works

15. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 15

16. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 16

17. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 17

18. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 18
client actions are equivalent to methods

19. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 19

20. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 20

21. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 21

22. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 22

23. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 23

24. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 24

25. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 25

26. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 26

27. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 27

28. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 28

29. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 29

30. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 30

31. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 31

32. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 32

33. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 33

34. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 34

35. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 35

36. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 36

37. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 37

38. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 38

39. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 39
MODULE, not APP’s name/description!!

40. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 40

41. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 41

42. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 42

43. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 43

44. Fábio Godinho | OutSystems © Front End Specialization | Study Help Deck 44

45. THANK YOU
in/fabiogod
outsystems/profile