-
Notifications
You must be signed in to change notification settings - Fork 1
/
hourofcode.html
96 lines (91 loc) · 5.39 KB
/
hourofcode.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
<!DOCTYPE html>
<head>
<title>Hour of Code</title>
<link rel="icon" type="image/png" href="media/icon.png"/>
<link href="style.css" rel="stylesheet"/>
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a class="hourofcodepage" href="hourofcode.html">Hour of Code</a></li>
<li><a href="websiteproject.html">Project BinarySquad</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
<img class="inverted" src="media/icon-inverted.png" alt="Our logo, but inverted C:">
<img class="normal" src="media/icon.png" alt="Our logo">
</nav>
<div class="container">
<div class="hourofcode-text">
<h1 class="hourofcode-title">Hour of code</h1>
<p>A brief report about the event we hosted</p>
</div>
<video autoplay loop muted plays-inline class="bg-clip">
<source src="media/hocvideo2.mp4" type="video/mp4">
</video>
</div>
<div class="team-wrapper1">
<img id="hourofcode-images" src="media/adaintoduction.jpeg" alt="Introducing Students to ADA University" title="Introducing students to ADA University" >
<div class="text-box">
<h1>How was it planned?</h1>
<p>Our initial step was planning an appropriate meeting with students. Our team planned the
event through our WhatsApp group and met in person for discussions. Kanan printed the
certificates, and we were ready to go. We decided on Baku IB School Lyceum No.6 as the event
location and agreed to host it on November 2nd. The Hour of Code event was held with 20 6thgrade students at that school. For the sake of being close to their current curricular activity, we
hosted Hour of Code during their IT subject. To begin, we introduced students to our educational
institution, ADA university and its faculties. We talked about our multinational group which is
open to all nations all over the world.</p>
</div>
</div>
</div>
<div class="team-wrapper2">
<img id="hourofcode-images" src="media/interactive.jpeg" alt="Students volunteer to learn to code" title="Students volunteer to learn to code">
<div class="text-box">
<h1>What challenges have we faced?</h1>
<p>There were a couple of students who constantly
asked questions, demonstrated good knowledge, and were eager to learn more. We got such
students to volunteer in taking part in the real process of writing code for a specific task by
combining the interactive blocks supported in our program. Initially, the website language was in
English, and Azerbaijani sector students had trouble understanding tasks, so Bilal considered
changing the language to make the tasks clear for students. An additional act in the process was
that Turgay made some fake and wrong situations to demonstrate that computers are very precise
about small mistakes, and they must understand problems and steps to solution and output down
to the minute detail. The point was that one wrong statement may crush the whole structure of
the code. Regarding this point, two actively participating students added comments and brought
up specific examples from Minecraft</p>
</div>
</div>
<div class="team-wrapper1">
<img id="hourofcode-images" src="media/questionanswer.jpeg" alt="Q&A time with students" title="Q&A time with students">
<div class="text-box">
<h1>Q&A with Students</h1>
<p>We had a Q&A time with students about
the usage of coding in diverse areas. We answered the questions, and summarized by saying that
coding stays behind the system they pay for their things, the games they play, the videos and
images they see on different social platforms, and their family records at their school. We told
the students that there are a tremendous number of resources in the online world when it comes
to coding, problem-solving, and computational skills in case they want to enhance their
knowledge, skills, and information in these fields.</p>
</div>
</div>
</div>
<div class="team-wrapper2">
<img id="hourofcode-images" src="media/certificates.jpg" alt="Students recieve certificates from us" title="Students recieve certificates from us">
<div class="text-box">
<h1>And Finally...</h1>
<p>We would like to thank the school staff for welcoming us with open arms, as well as the
students who participated and actively showed interest. We wish the best of luck to future Hour
of Code event makers in their intriguing and insightful journey.</p>
</div>
</div>
<div class="contact">
<h1>Contact Us!</h1>
<p>We will try to get back to you as soon as possible.</p>
<div class="contact-info">
<p>[email protected]</p>
<p>[email protected]</p>
<p>http://bit.ly/3QT14oV</p>
</div>
</div>
</body>