-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
181 lines (170 loc) · 6.87 KB
/
about.html
File metadata and controls
181 lines (170 loc) · 6.87 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>About COMP 1950</title>
<link rel="stylesheet" href="styles/styles.css" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"
integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin="anonymous"
/>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<div class="about-wrapper">
<header>
<div class="title"><div class="BCIT">BCIT</div></div>
<button class="hamburger">
<div class="hamburger-content">
<span class="hamburger-icon" tabindex="-1"> ☰ </span>
<span class="hamburger-text"> Menu </span>
</div>
</button>
<nav>
<ul class="main-nav" id="link-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="about-grid">
<section class="about-overview">
<h1>Course Overview</h1>
<p>The w3c recommends the UTF-8 charset for web development. It includes an impressive
array of languages and special characters, and is well supported in common devices.
</p>
</section>
<section class="about-about1">
<h1 class="lowerheader">Pre REquisite: COMP 1850</h1>
<p>Start dates: January 10, 2019 and April 10, 2019</p>
</section>
<section class="about-goals">
<h2 id="firsth2">course goals</h2>
<ul>
<li>
To gain a deeper understanding of HTML, CSS and advanced topics
in web development.
</li>
<li>
To focus on best practices in web page and web site design.
</li>
</ul>
<h2>learning outcomes</h2>
<p>Upon successful completion of this course, the student will be
able to:</p>
<ul>
<li>
To gain a deeper understanding of HTML, CSS and advanced topics
in web development.
</li>
<li>
To focus on best practices in web page and web site design.
</li>
<li>Add behavior to any web page using Javascript.</li>
<li>
Create dynamic content using Javascript frameworks like jQuery.
</li>
<li>
Employ Web Standards when building web sites for maximum
compatibility.
</li>
<li>Understand basic development methodology.</li>
<li>
Use media queries to create responsive designs for mobile and
desktop presentation.
</li>
<li>
Use HTML5 technologies to present rich content such as video and
audio.
</li>
<li>
Create professional looking typography using web-based fonts.
</li>
<li>Understand source control using GIT.</li>
</ul>
</section>
<div class="pic">
<picture>
<source srcset="images/wordcloud.jpg"
media="(max-width: 820px) and (min-width: 450px)"
alt="Web Development Wordcloud">
<img src="images/wordcloud_450.jpg" alt="Web Development Wordcloud">
</picture>
</div>
<div class="applynow">
<a href="#0">
apply now
</a>
</div>
</section>
</main>
<section class="loweroverview"><h2>About This Course</h2>
<p>This hands-on course follows on from COMP 1850 Applied Web Development Level 1.
Students who already understand HTML and CSS will explore web development in more
depth with new topics and techniques. Participants will gain a deeper understanding
of the latest technologies including HTML5 and CSS3 for developing web sites and
applications. There is a focus on responsive design and mobile presentation through
the use of Media Queries. Adding behavior to web sites using JavaScript frameworks
such as jQuery is introduced. Labs and exercises focus on industry standard web
development methodology. Students gain experience creating templates for content
management systems and presentation. Additional topics will include: source control
for managing your code, and web-based fonts for professional typography.
By the end of this course successful students will be able to build dynamic
and semantically marked-up content that is viewable on mobile and desktop
screen sizes.
</p>
<p>Students will be evaluated by homework/assignments, a midterm, a midterm website
development project, a final exam and a final website development project (to be completed in teams).
</p>
</section>
<footer>
<div class="row">
<div class="first column" id="logo-footer">
<img
class="bcit-logo"
src="images/logo.jpg"
alt="British Columbia Institute of Technology"
/>
</div>
<div class="second column">
<p>British Columbia Institute of Technology</p>
<p>3700 Willingdon Avenue</p>
<p>Burnaby, British Columbia</p>
<p>Canada V5G 3H2</p>
<p>Telephone: (604) 434-5734</p>
<p>Toll-free (CAN/US): 1-866-434-1610</p>
</div>
<div class="third column">
<p>Follow us!</p>
<p>
<a href="https://www.facebook.com/bcit.ca/" target="_blank"
><i class="fab fa-facebook"></i
></a>
</p>
<p>
<a
href="https://www.instagram.com/lifeatbcit/?hl=en"
target="_blank"
><i class="fab fa-instagram"></i
></a>
</p>
<p>
<a
href="https://twitter.com/bcit?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"
target="_blank"
><i class="fab fa-twitter"></i
></a>
</p>
</div>
</div>
</footer>
</div>
<script src="scripts/show-nav.js"></script>
</body>
</html>