This repository has been archived by the owner on Feb 11, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
137 lines (131 loc) · 5.06 KB
/
index.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">
<title>web4 slides</title>
</head>
<body>
<div class="ui container">
<h2 class="ui center aligned icon header">
<i class="circular student icon"></i>
Web4
</h2>
<div class="ui segment">
<div class="ui list">
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>updated for 2018
</div>
<div class="item">
<i class="large circle thin middle aligned icon"></i>not yet updated (content from last year, could change a lot, could hardly change at all)
</div>
</div>
</div>
<div class="ui segment">
<div class="ui relaxed divided list">
<div class="item">
<!-- check circle outline -->
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href='slides/0_introduction.html'>0 introduction</a>
<div class="description">what are we going to do this course?</div>
</div>
</div>
<div class="item">
<!-- check circle outline -->
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href='slides/1_the_basics.html'>1. angular basics</a>
<div class="description">the basics of a component, and how to pass data to it using @Input</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href='slides/2_es6.html'>2. Typescript</a>
<div class="description">crash course on what's new in javascript 6+, and what Typescript adds</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/3_services.html">3. angular services</a>
<div class="description">@Output, event handlers and services in angular</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/4_async.html">4. async</a>
<div class="description">callbacks, promises and observables</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/5_nodejs.html">5. NodeJS backend</a>
<div class="description">our REST backend server</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/6_forms.html">6. forms</a>
<div class="description">how to build reactive forms with validation</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/7_routing.html">7. routing and modules</a>
<div class="description">how to handle routing, modules and lazy loading</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/8_authentication.html">8. authentication</a>
<div class="description">how to store users / passwords; with login form etc.</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<a class="header" href="slides/9_state.html">9. state</a>
<div class="description">state management in a front end webapp (using ngrx?)</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<div class="header">10. real time web</div>
<div class="description"> guest lecture by Faction (see Chamilo)</div>
</div>
</div>
<div class="item">
<i class="large check circle outline thin middle aligned icon"></i>
<div class="content">
<div class="header">11. how to put your site online?</div>
<div class="description">two ways of achieving this:
<ul>
<li>
<a href="slides/heroku.html"> package everything into one app and put it on heroku</a>
</li>
<li>
<a href="slides/heroku.pdf"> keep the app separated in backend/ frontend/ and put both on heroku (pdf)</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="ui inverted vertical footer segment small">
remarks? errors? mail me @ pieter.vanderhelst@hogent.be
</div>
</div>
</body>
</html>