-
Notifications
You must be signed in to change notification settings - Fork 2
/
teaching.html
82 lines (77 loc) · 2.37 KB
/
teaching.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
---
title: Teaching
layout: page
permalink: teaching
background: blue
color: white
menu: true
weight: 3
category: teaching
---
<header class="white center mb2 uppercase">
<img
src="{{ '/assets/images/triangle.svg' | prepend: site.baseurl }}"
alt=""
class="fadeInDown animated title-icon--triangle"
/>
<h1>{{ page.title }}</h1>
</header>
<div class="col-12 px2 md-col-8 mx-auto columize">
<p>
I started my teaching experience at
<a
href="http://www.lacambre.be/index.php?nodeid=250"
target="_blank"
class="white"
rel="nofollow"
>ENSAV La Cambre</a
>
and it gave me so much satisfaction that I decided I should multiply these
experiences.
</p>
<p>
I’ve been focussed on teaching beginners the core concepts of the web (Html,
css & Javascript), user experience and coding (Ruby on rails).
</p>
</div>
<section class="bg-white blue py3 mt4 mb4">
<div class="col-12 px2 md-col-8 mx-auto">
<header class="mb2">
<h2>Principles</h2>
</header>
<div class="flex flex-wrap mb4 mxn2">
<div class="md-col-6 lg-col-4 p2">
<i class="icon-keyboard h3 muted"></i>
<h4 class="mb1">Pragmatic</h4>
<p>As little theory as needed, straight to the examples.</p>
</div>
<div class="md-col-6 lg-col-4 p2">
<i class="icon-shareable h3 muted"></i>
<h4 class="mb1">Inclusive</h4>
<p>Encourage women to start tech studies despite social pressure.</p>
</div>
<div class="md-col-6 lg-col-4 p2">
<i class="icon-monitor h3 muted"></i>
<h4 class="mb1">Hacking</h4>
<p>
Students should be encouraged to expirement — practise makes perfect.
</p>
</div>
<div class="md-col-6 lg-col-4 p2">
<i class="icon-lamp h3 muted"></i>
<h4 class="mb1">Think first</h4>
<p>Coding & design are just ways to solve problems and communicate.</p>
</div>
<div class="md-col-6 lg-col-4 p2">
<i class="icon-cd h3 muted"></i>
<h4 class="mb1">Global</h4>
<p>Encourage system thinking, seeing each part as a part of a whole.</p>
</div>
<div class="md-col-6 lg-col-4 p2">
<i class="icon-user h3 muted"></i>
<h4 class="mb1">Individualized</h4>
<p>Appropriate custom attention is given then generalized.</p>
</div>
</div>
</div>
</section>