-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
196 lines (109 loc) · 5.64 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Boss Baby</title>
<link rel="stylesheet" href="style.css" type="text/css">
<!-- FONT AWSOME -->
<script src="https://kit.fontawesome.com/88ddfd17d7.js" crossorigin="anonymous"></script>
<!--GOOGLE FONTS-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<!--DELIVERY STRIP -->
<div id="totop">
</div>
<div class="delivery_strip">
<div class="strip_content">
<i class="fas fa-truck"></i>
<h2>FREE DELIVERY WORLDWIDE</h2>
</div>
</div>
<!--NAVIGATION -->
<div class="nav-bar">
<div id="mySidebar" class="sidebar">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a style="margin-top: 50px;" href="serum.html">SERUMS</a>
<a href="about.html">ABOUT US</a>
<a href="contact.html">CONTACT US</a>
<a href="blog.html">BLOG</a>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div id="main">
<button class="openbtn" onclick="openNav()">☰ MENU</button>
</div>
<div class="logo_img">
<a href="index.html"><img src="images/logo_boss.png" alt="this is the image of our logo" /></a>
</div>
<div class="basket">
<i class="fas fa-shopping-basket"></i>
</div>
</div>
<div class="blog">
<h2>Learning Reflection</h2>
<hr>
<br>
<p>
I came to this course with the previous knowledge of HTML, CSS, and JavaScript. I intended to improve my current skill and learn about the new ways of using those languages.
</p>
<br>
<br>
<p>First few sessions of the course were straight forward for me. I enjoyed the first session and all the theory about the internet and languages we are going to be using. The next thing we were learning was how to write HTML elements and what they mean and how to structure our website correctly.
</p>
<br>
<br>
<p>Afterwards, we started introducing CSS to our code. We explored different ways of using CSS, which are inline, external & internal CSS.
We figured the best practice is to use the external stylesheet to avoid confusion and priority issues going forward.
</p>
<br><br>
<p>As we were learning about HTML and CSS, I was able to take a step back and focus more on theory and get a clearer understanding of what the code does rather than how to write it. The home exercises helped me a lot to improve my coding skills and efficiency of writing code.</p>
<br><br>
<p>I have explored some new ways on how to structure the specific parts of the page and how to manipulate them. For example, giving an element a width and centering it with margin: auto helped me a lot, so I can avoid using margin or padding. This technique allows us to write less code and make responsive websites easier.</p>
<br>
<br>
<p>
I liked the class when we discussed floats as I did not understand them before and was using different techniques which required me to write more code than necessary.
<br>
In-class CA exercise was a very lovely experience for me. I did put a little bit of pressure on me as we only had 3 hours to code up a website that was given to us in Photoshop, but I proved to myself how efficient I could be with the code and it gave me confidence going forward.
</p>
<br>
<br>
<p>The last thing we went through was JavaScript. I was very excited about that part of the course as I do not have as much experience with it. Unfortunately, we only dedicated the last 2 hours of or session to it, and I was not able to learn any new techniques. It was nice to give a little bit of taste of JavaScript to the rest of the class so they can see how does the language that powers web operates.
<br>
The last part of our final exam was fun. I took the prototype that I built in UX class and started to code the character website from scratch. There was a good few challenge as I was trying to go above and beyond with website functionality and responsiveness, but I’m thrilled with the outcome.
</p>
<br>
<br>
<p>Overall, I had a pleasant experience in this course. It gave me a push that I needed to become a good developer and to keep shaping my skills. I’m more confident now that I want to choose this career path as I’m really enjoying every second of it.</p>
</div>
<!--FOOTER-->
<div class="footer">
<div class="policies">
<a href="privacy.html" class="policy">Privacy Policy</a>
<a href="terms.html" class="policy">Terms Of Service</a>
</div>
<div class="social_icons">
<i class="fab fa-facebook-f icon-soc"></i>
<i class="fab fa-twitter icon-soc"></i>
<i class="fab fa-instagram icon-soc"></i>
</div>
</div>
<!--copyright bar-->
<div class="copyright">
<div class="copy-cont">
<h2>Copyright © 2020 BossBaby. All Rights Reserved</h2>
</div>
<div class="cards_icons">
<i class="fab fa-cc-visa payment-icons fa-2x"></i>
<i class="fab fa-apple-pay payment-icons fa-2x"></i>
<i class="fab fa-cc-mastercard payment-icons fa-2x"></i>
</div>
</div>
<script charset="utf-8" src="index.js" type="text/javascript"></script>
</body>
</html>