-
Notifications
You must be signed in to change notification settings - Fork 0
/
00-session-0-programming-languages.html
174 lines (170 loc) · 6.84 KB
/
00-session-0-programming-languages.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
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
<!doctype html>
<html>
<head>
<title>Session 0 - Programming Languages - Coding & Cocktails KC</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="description" content="This is the official Coding & Cocktails Programming Languages course."/>
<meta name="author" content="Kansas City Women in Technology"/>
<meta name="keywords" content="Kansas City Women in Technology, kcwit, women engineers, learn to code, girls in tech, women in tech, coding and cocktails, learn front-end development"/>
<meta property="og:title" content="Programming Languages - Coding & Cocktails KC" />
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://codingandcocktails.kcwomenintech.org/images/logo.png" />
<meta property="og:url" content="http://codingandcocktails.kcwomenintech.org"/>
<meta property="og:description" content="This is the official Coding & Cocktails Programming Languages course."/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:url" content="http://codingandcocktails.kcwomenintech.org"/>
<meta name="twitter:title" content="Coding And Cocktails by Kansas City Women in Technology"/>
<meta name="twitter:description" content="This is the official Coding & Cocktails Programming Languages course."/>
<meta name="twitter:image" content="http://codingandcocktails.kcwomenintech.org/images/logo.png"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>
<link rel="icon" type="image/x-icon" href="favicon.ico"/>
<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/reveal.css"/>
<link rel="stylesheet" href="css/theme/codingandcocktails.css" id="theme"/>
</head>
<body>
<!--
NOTES: Search and replace...
Programming Languages (ie Git)
TODO (?)
00-none (05-aug)
None (Aug)
username (wifi username - do NOT check this in!)
password (wifi password - do NOT check this in!)
-->
<div class="reveal">
<div class="slides">
<section>
<h1>WTF is Programming</h1>
<h3>Programming Languages</h3>
<img src="images/logo-large.png" alt="Coding & Cocktails" width="55%"/>
</section>
<section>
<h3>What is a programming language?</h3>
<br><br>
<p class="fragment">
How you specify instructions<br>for a computer to produce output
</p>
<br>
<p class="fragment">
Languages used at Coding & Cocktails are<br>client-side languages
</p>
</section>
<section>
<h3>Client-side vs Server-side</h3>
<br>
<p class="fragment">aka Front-end vs Back-end</p>
<br>
<p class="fragment">Client-side runs in your browser<br>(your computer)</p>
<br>
<p class="fragment">Server-side runs on a server<br>(a central computer)</p>
<br>
<p class="fragment">Syntax may differ</p>
</section>
<section>
<h3>Which languages?</h3>
<p class="fragment">
<font style="color:#c7bc75">H</font>yper
<font style="color:#c7bc75">T</font>ext
<font style="color:#c7bc75">M</font>arkup
<font style="color:#c7bc75">L</font>anguage
</p>
<p class="fragment">
Provides structure for the page
</p>
<p class="fragment">
(January)
</p>
<br>
<p class="fragment">
<font style="color:#c7bc75">C</font>ascading
<font style="color:#c7bc75">S</font>tyle
<font style="color:#c7bc75">S</font>heets
</p>
<p class="fragment">
Makes the page pretty
</p>
<p class="fragment">
(February)
</p>
<br>
<p class="fragment">
Javascript
</p>
<p class="fragment">
Allows page to react to user interaction
</p>
<p class="fragment">
(June & July)
</p>
</section>
<section>
<h3>Server-side languages</h3>
<br>
<p class="fragment">PHP</p>
<p class="fragment">Perl</p>
<p class="fragment">Python</p>
<p class="fragment">.NET</p>
<p class="fragment">Java</p>
<p class="fragment">Ruby</p>
<p class="fragment">Javascript</p>
<p class="fragment">Databases</p>
</section>
<section>
<h3>Good to know</h3>
<p class="fragment">There are thousands of programming languages!</p>
<p class="fragment">(but most professionals only know a few)</p>
<br>
<p class="fragment">A developer who knows many<br>programming languages is called a "polyglot"</p>
<br>
<p class="fragment">
Learn how to output "Hello world"
<br>
<a href="https://helloworldcollection.github.io/" target="new">helloworldcollection.github.io</a>
</p>
<br>
<p class="fragment">Java != Javascript</p>
<br>
</section>
<section>
<h4>Strongly vs Weakly Typed Languages</h4>
<br>
<p class="fragment">Strongly typed:</p>
<p class="fragment">Data types are defined at creation</p>
<p class="fragment">(and don't change!)</p>
<br>
<p class="fragment">Weakly typed:</p>
<p class="fragment">Variables can change<br>from a number to a string, etc</p>
</section>
<section>
<h2>Remember</h2>
<br>
<p class="fragment">Learning a programming language<br>can be like learning a foreign language</p>
<br>
<p class="fragment">Take it one step at a time</p>
<br>
<p class="fragment">Ask questions!</p>
</section>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
width: '100%',
height: '100%',
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>