fend16.github.io/index.html at master · FEND16/fend16.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>FEND16</title>
	<link rel="stylesheet" href="dist/css/main.css">
	<link rel="shortcut icon" href="dist/favicon.ico" type="image/x-icon">
	<link rel="icon" href="dist/favicon.ico" type="image/x-icon">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
</head>
<body>
	<main class="container">
		<section class="box" id="courses">
			<header>
				<h1><a href="https://github.com/FEND16">Courses</a></h1></h1>
			</header>
			<div class="linklist">
				<a href="https://github.com/FEND16/javaScript3">JavaScript 3</a>
				<a href="https://github.com/FEND16/javaScript2">JavaScript 2</a>
				<a href="https://github.com/FEND16/webbstandard">Webbstandard</a>
				<a href="https://github.com/FEND16/html-css">HTML & CSS</a>
				<a href="https://github.com/FEND16/javascript1">JavaScript 1</a>
				<a href="https://github.com/FEND16/programmeringsmetodik">Programmeringsmetodik</a>
			</div>
		</section>
		<section class="box" id="slides">
			<header>
				<h1>
					<a href="https://fend16.github.io/slides/">Slides</a>
				</h1>
			</header>
			<h4><a href="https://github.com/FEND16">JavaScript 3</a></h4>
			<div class="linklist">
				<a href="https://fend16.github.io/slides/javascript3/01_react.html">React Intro</a>
				<a href="https://fend16.github.io/slides/javascript3/02_props.html"> Props </a>
				<a href="https://fend16.github.io/slides/javascript3/03_state_props.html"> State & Props </a>
				<a href="https://fend16.github.io/slides/javascript3/04_async.html"> Async & React </a>
				<a href="https://fend16.github.io/slides/javascript3/05_forms.html"> Forms in React </a>
				<a href="https://fend16.github.io/slides/javascript3/06_composition.html"> Composition </a>
				<a href="https://fend16.github.io/slides/javascript3/07_damn_props.html"> Props Handling </a>
				<a href="https://fend16.github.io/slides/javascript3/08_firebase.html"> Firebase </a>
				<a href="https://fend16.github.io/slides/javascript3/09_firebase2.html"> Firebase forts.</a>
				<a href="https://fend16.github.io/slides/javascript3/10_firebase_auth.html"> Firebase auth</a>
				<a href="https://fend16.github.io/slides/javascript3/11_firebase_rules.html"> Firebase Rules</a>
			</ul>
			</div>
			<h4><a href="https://github.com/FEND16">CMS, PHP & MySQL</a></h1>
			<div class="linklist">
				<a href="https://fend16.github.io/slides/cmsphpmysql/01_intro.html">CMS, PHP & MySQL Intro</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/02_php_intro.html">PHP Intro</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/03_php_intro_2.html">PHP Intro Del 2</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/04_php_oop.html">OOP Intro</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/05_php_inheritance.html">Inheritance</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/06_sql_intro.html">SQL Intro</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/07_sql.html">SQL Del 2</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/08_pdo.html">PDO del 1</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/09_pdo_2.html">PDO del 2 - Sessions & Hash</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/10_php_ajax.html">PHP + AJAX</a>
				<a href="https://fend16.github.io/slides/cmsphpmysql/11_wordpress.html">Wordpress Templates</a>
			</div>
			<h4>JavaScript 2</h4>
			<div class="linklist">
				<a href="https://fend16.github.io/slides/javaScript2/js_intro.html">JavaScript2 Intro</a>
				<a href="https://fend16.github.io/slides/javascript2/scope_closures.html">Scopes & Closures</a>
				<a href="https://fend16.github.io/slides/javascript2/prototypes.html">Prototypes</a>
				<a href="https://fend16.github.io/slides/javascript2/design_patterns.html">Design Patterns</a>
				<a href="https://fend16.github.io/slides/javascript2/es6.html">ES6 / ES2015</a>
				<a href="https://fend16.github.io/slides/javascript2/node.html">Node, npm & Gulp</a>
				<a href="https://fend16.github.io/slides/javascript2/jquery_ajax.html">jQuery & AJAX</a>
				<a href="https://fend16.github.io/slides/javascript2/async.html">Async & API</a>
				<a href="https://fend16.github.io/slides/javascript2/javascript.html">JavaScript summary</a>
			</div>
			<h4>HTML & CSS</h4>
			<div class="linklist">
				<a href="https://fend16.github.io/slides/html_css/sass.html">Sass</a>
				<a href="https://fend16.github.io/slides/html_css/frameworks.html">Frameworks</a>
				<a href="https://fend16.github.io/slides/html_css/responsive.html">Responsive Web Design</a>
				<a href="https://fend16.github.io/slides/html_css/responsive-images.html">Responsive Images</a>
				<a href="https://fend16.github.io/slides/html_css/animation.html">Transition/Animation/Transform</a>
				<a href="https://fend16.github.io/slides/html_css/typography.html">Typografi & Färg</a>
				<a href="https://fend16.github.io/slides/html_css/examination.html">HTML/CSS: Examination</a>
			</div>
			<h4>Webbstandard</h4>
			<div class="linklist">
				<a href="https://fend16.github.io/slides/webbstandard/intro.html">Intro</a>
				<a href="https://fend16.github.io/slides/webbstandard/common_standards.html">Vanliga standarder</a>
				<a href="https://fend16.github.io/slides/webbstandard/url_dns.html">URL & DNS</a>
				<a href="https://fend16.github.io/slides/webbstandard/http.html">HTTP & API</a>
				<a href="https://fend16.github.io/slides/webbstandard/ajax.html">AJAX</a>
				<a href="https://fend16.github.io/slides/webbstandard/fetch.html">FETCH & Trötta standarder</a>
				<a href="https://fend16.github.io/slides/webbstandard/tentamen.html">Tentamengrejer</a>
			</div>
		</section>
		<section class="box" id="repos">
			<header>
				<h1><a href="">Repos</a></h1>
				<h4><em>Sorterad enligt senast uppdaterad</em></h4>
			</header>
		</section>
		<footer class="menu footer">
			<a href="#courses">courses</a>
			<a href="#slides">slides</a>
			<a href="#repos">repos</a>
		</footer>
	</main>
<script src="./dist/js/main.js"></script>
</body>
</html>