1515 </div>
1616 </div>
1717</div>
18- <hr>
1918<?php
2019function media ($ name ) {
2120 echo ('<a href="youtube/ ' .$ name .'.php" target="_blank">YouTube</a>, ' ."\n" );
@@ -26,176 +25,180 @@ function media($name) {
2625}
2726$ afs = "http://www-personal.umich.edu/~csev " ;
2827?>
29- <div class="row">
30- <div class="small-12 columns">
31- <ul>
32- <li>
33- Welcome Lecture -
34- (<a href="https://www.youtube.com/watch?v=UQVK-dsU7-Y&index=2&list=PLlRFEj9H3Oj4JXIwMwN1_ss1Tk8wZShEJ"
35- target="_blank">YouTube</a>,
36- <a href="https://itunes.apple.com/us/podcast/python-for-informaticss-official/id711095516?mt=2" target="_blank">Audio podcast for all lectures</a>)
37- </li>
38- <li>
39- Get your copy of the <a href="book.php">Python for Informatics:
40- Exploring Information</a>.
41-
42- <li>
43- Install the appropriate version of Python and a text editor
44- for your system following
45- <a href=install.php>these instructions</a>. </li>
46-
47- <li>
48- Download <a href="code.zip" target="_blank">Sample code from the book</a>.</li>
49-
50- <li>Play with the <a href="pythonauto/index.php">Auto-grader</a> and write a "hello world" program.
51-
52- <li>
53- The
54- <a href="https://drive.google.com/folderview?id=0B7X1ycQalUnyWXg2MVhTbEZFT28&usp=sharing" target="_blank">course slides</a>
55- have been converted to Google drive and are being translated into 30 languages.
56- </li>
57-
58- <li>Chapter 1 - Why program?
59- (<?php media ('Py4Inf-01-Intro ' ); ?> )
60-
61- <li>Chapter 2 - Variables, expressions, and statements
62- (<?php media ('Py4Inf-02-Expressions ' ); ?> )
63-
64- <br/> • Worked Exercise Screencasts:
65- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-02-02.mp4"
66- target="_blank">2.2</a>,
67- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-02-03.mp4"
68- target="_blank">2.3</a> (suggest download)
69-
70- <li>Chapter 3 - Conditional Execution
71- (<?php media ('Py4Inf-03-Conditional ' ); ?> )
72-
73- <br/> • Worked Exercise Screencasts:
74- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-03-01.mp4"
75- target="_blank">3.1</a>,
76- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-03-02.mp4"
77- target="_blank">3.2</a> (suggest download)
78-
79-
80- <li>Chapter 4 - Functions
81- (<?php media ('Py4Inf-04-Functions ' ); ?> )
82-
83- <br/> • Worked Exercise Screencasts:
84- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-04-06.mp4"
85- target="_blank">4.6</a> (suggest download)
86-
87- <li>Chapter 5 - Loops and iterations
88- (<?php media ('Py4Inf-05-Iterations ' ); ?> )
89-
90- <br/> • Worked Exercise Screencasts:
91- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-05-01.mp4"
92- target="_blank">5.1</a> (suggest download)
93-
94- <li>Chapter 6 - Strings
95- (<?php media ('Py4Inf-06-Strings ' ); ?> )
96-
97- <br/> • Worked Exercise Screencasts:
98- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-06-07.mp4"
99- target="_blank">6.7</a> (suggest download)
100-
101- <li>Chapter 7 - Files
102- (<?php media ('Py4Inf-07-Files ' ); ?> )
103-
104- <br/> • Worked Exercise Screencasts:
105- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-07-01.mp4"
106- target="_blank">7.1</a> (suggest download)
107-
108- <li>Chapter 8 - Lists
109- (<?php media ('Py4Inf-08-Lists ' ); ?> )
110-
111- <br/> • Worked Exercise Screencasts:
112- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-08.mp4"
113- target="_blank">Finding and Fixing Errors - Lists of Words</a> (suggest download)
114-
115- <li>Chapter 9 - Dictionaries
116- (<?php media ('Py4Inf-09-Dictionaries ' ); ?> )
117-
118- <br/> • Worked Exercise Screencasts:
119- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-09.mp4"
120- target="_blank">Most Common Word</a> (suggest download)
121-
122- <li>Chapter 10 - Tuples
123- (<?php media ('Py4Inf-10-Tuples ' ); ?> )
124-
125- <br/> • Worked Exercise Screencasts:
126- <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-10.mp4"
127- target="_blank">Top-5 Words</a> (suggest download)
128- </li>
129-
130- <li>Chapter 11 - Regular Expressions
131- (<?php media ('Py4Inf-11-Regex ' ); ?> ,
132- <a href="lectures/Py4Inf-11-Regex-Guide.pdf" target="_new">Regex-Guide</a>)
133- </li>
28+ <div class="row collapse">
29+ <div class="large-4 columns">
30+ <ul class="tabs vertical" id="vert-tabs" data-tabs>
31+ <li class="tabs-title is-active"><a href="#panel1v" aria-selected="true">Welcome Lecture</a></li>
32+ <li class="tabs-title"><a href="#panel2v">Get The Book</a></li>
33+ <li class="tabs-title"><a href="#panel3v">Install Python</a></li>
34+ <li class="tabs-title"><a href="#panel4v">Get The Sample Code</a></li>
35+ <li class="tabs-title"><a href="#panel5v">Auto-grader</a></li>
36+ <li class="tabs-title"><a href="#panel6v">Course Slides</a></li>
37+ <li class="tabs-title"><a href="#panel7v">Chapter 1: Why Program?</a></li>
38+ <li class="tabs-title"><a href="#panel8v">Chapter 2: Variables, Expressions, & Statements</a></li>
39+ <li class="tabs-title"><a href="#panel9v">Chapter 3: Conditional Execution</a></li>
40+ <li class="tabs-title"><a href="#panel10v">Chapter 4: Functions</a></li>
41+ <li class="tabs-title"><a href="#panel11v">Chapter 5: Loops & Iterations</a></li>
42+ <li class="tabs-title"><a href="#panel12v">Chapter 6: Strings</a></li>
43+ <li class="tabs-title"><a href="#panel13v">Chapter 7: Files</a></li>
44+ <li class="tabs-title"><a href="#panel14v">Chapter 8: Lists</a></li>
45+ <li class="tabs-title"><a href="#panel15v">Chapter 9: Dictionaries</a></li>
46+ <li class="tabs-title"><a href="#panel16v">Chapter 10: Tuples</a></li>
47+ <li class="tabs-title"><a href="#panel17v">Chapter 11: Regular Expressions</a></li>
48+ <li class="tabs-title"><a href="#panel18v">Internet History, Technology, and Security</a></li>
49+ <li class="tabs-title"><a href="#panel19v">Chapter 12: Network Programming (HTTP)</a></li>
50+ <li class="tabs-title"><a href="#panel20v">Chapter 13: Using Web Services</a></li>
51+ <li class="tabs-title"><a href="#panel21v">Chapter 14: Databases</a></li>
52+ <li class="tabs-title"><a href="#panel22v">Archive</a></li>
53+ <li class="tabs-title"><a href="#panel23v">Big Data Workshop</a></li>
54+ </ul>
55+ </div>
13456
135- <li>
136- When I teach from this book I spend two weeks on
137- <a href="https://www.coursera.org/course/insidetheinternet" target="_blank">Internet
138- History, Technology, and Security</a>
139- between Chapters 11 and 12. Talking about history and technology allows the students
140- to take a mental break from programming and lays the ground work for the
141- second half of the book.
142- </li>
57+ <div class="large-8 columns">
58+ <div class="tabs-content vertical" data-tabs-content="example-vert-tabs">
59+ <div class="tabs-panel is-active" id="panel1v">
60+ <h3>Welcome Lecture</h3>
61+ <p>(<a href="https://www.youtube.com/watch?v=UQVK-dsU7-Y&index=2&list=PLlRFEj9H3Oj4JXIwMwN1_ss1Tk8wZShEJ" target="_blank">YouTube</a>, <a href="https://itunes.apple.com/us/podcast/python-for-informaticss-official/id711095516?mt=2" target="_blank">Audio podcast for all lectures</a>)
62+ </p>
63+ </div>
64+ <div class="tabs-panel" id="panel2v">
65+ <p>Get your copy of the <a href="book.php">Python for Informatics: Exploring Information</a>.</p>
66+ </div>
67+ <div class="tabs-panel" id="panel3v">
68+ <p>Install the appropriate version of Python and a text editor for your system following <a href=install.php>these instructions</a>.</p>
69+ </div>
70+ <div class="tabs-panel" id="panel4v">
71+ <p>Download <a href="code.zip" target="_blank">Sample code from the book</a>.</p>
72+ </div>
73+ <div class="tabs-panel" id="panel5v">
74+ <p>Play with the <a href="pythonauto/index.php">Auto-grader</a> and write a "hello world" program.</p>
75+ </div>
76+ <div class="tabs-panel" id="panel6v">
77+ <p>The <a href="https://drive.google.com/folderview?id=0B7X1ycQalUnyWXg2MVhTbEZFT28&usp=sharing" target="_blank">course slides</a> have been converted to Google drive and are being translated into 30 languages.
78+ </p>
79+ </div>
80+ <div class="tabs-panel" id="panel7v">
81+ <p>Why program?</p>
82+ (<?php media ('Py4Inf-01-Intro ' ); ?> )
83+ </div>
84+ <div class="tabs-panel" id="panel8v">
85+ <p>Variables, expressions, and statements</p>
86+ (<?php media ('Py4Inf-02-Expressions ' ); ?> )
87+ <p>
88+ Worked Exercise Screencasts:
89+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-02-02.mp4" target="_blank">2.2</a>,
90+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-02-03.mp4" target="_blank">2.3</a> (suggest download)
91+ </p>
92+ </div>
93+ <div class="tabs-panel" id="panel9v">
94+ <p>Conditional Execution</p>
95+ (<?php media ('Py4Inf-03-Conditional ' ); ?> )
96+ <p>
97+ Worked Exercise Screencasts:
98+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-03-01.mp4" target="_blank">3.1</a>,
99+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-03-02.mp4" target="_blank">3.2</a> (suggest download)
100+ </p>
101+ </div>
102+ <div class="tabs-panel" id="panel10v">
103+ <p>Functions</p>
104+ (<?php media ('Py4Inf-04-Functions ' ); ?> )
105+
106+ <p>Worked Exercise Screencasts:
107+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-04-06.mp4" target="_blank">4.6</a> (suggest download)
108+ </p>
109+ </div>
110+ <div class="tabs-panel" id="panel11v">
111+ <p>Loops and iterations</p>
112+ (<?php media ('Py4Inf-05-Iterations ' ); ?> )
113+ <p>Worked Exercise Screencasts:
114+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-05-01.mp4" target="_blank">5.1</a> (suggest download)
115+ </p>
116+ </div>
117+ <div class="tabs-panel" id="panel12v">
118+ <p>Strings</p>
119+ (<?php media ('Py4Inf-06-Strings ' ); ?> )
120+ <p>
121+ Worked Exercise Screencasts:
122+ <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-06-07.mp4" target="_blank">6.7</a> (suggest download)
123+ </p>
124+ </div>
125+
126+ <div class="tabs-panel" id="panel13v">
127+ <p>(<?php media ('Py4Inf-07-Files ' ); ?> )
128+ </p>
129+ <p>Worked Exercise Screencasts: <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-07-01.mp4" target="_blank">7.1</a> (suggest download)
130+ </p>
131+ </div>
132+ <div class="tabs-panel" id="panel14v">
133+ <p>(<?php media ('Py4Inf-08-Lists ' ); ?> )
134+ </p>
135+ <p>Worked Exercise Screencasts: <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-08.mp4" target="_blank">Finding and Fixing Errors - Lists of Words</a> (suggest download)
136+ </p>
137+ </div>
138+ <div class="tabs-panel" id="panel15v">
139+ <p>(<?php media ('Py4Inf-09-Dictionaries ' ); ?> )
140+ </p>
141+ <p>Worked Exercise Screencasts: <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-09.mp4" target="_blank">Most Common Word</a> (suggest download)
142+ </p>
143+ </div>
144+ <div class="tabs-panel" id="panel16v">
145+ <p>(<?php media ('Py4Inf-10-Tuples ' ); ?> )
146+ </p>
147+ <p>Worked Exercise Screencasts: <a href="<?= $ afs ?> /books/py4inf/exercises/Py4Inf-ex-10.mp4" target="_blank">Top-5 Words</a> (suggest download)
148+ </p>
149+ </div>
150+ <div class="tabs-panel" id="panel17v">
151+ <p>(<?php media ('Py4Inf-11-Regex ' ); ?> , <a href="lectures/Py4Inf-11-Regex-Guide.pdf" target="_new">Regex-Guide</a>)
152+ </p>
153+ </div>
154+ <div class="tabs-panel" id="panel18v">
155+ <p>When I teach from this book I spend two weeks on <a href="https://www.coursera.org/course/insidetheinternet" target="_blank">Internet History, Technology, and Security</a> between Chapters 11 and 12. Talking about history and technology allows the students to take a mental break from programming and lays the ground work for the second half of the book.
156+ </p>
157+ </div>
158+ <div class="tabs-panel" id="panel19v">
159+ <p>(<a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-HTTP.ppt" target="_blank">Slides</a>, <a href="https://www.youtube.com/watch?v=Zr8BQiPNaFI&index=30&list=PLlRFEj9H3Oj4JXIwMwN1_ss1Tk8wZShEJ" target="_blank">YouTube</a>, <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-HTTP.mov" target="_blank">Download Video</a>,
160+ </p>
161+ <p>
162+ Lecture Audio
163+ <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-Net-Prog-A.mp3" target="_blank">Part 1</a> and <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-Net-Prog-B.mp3" target="_blank">Part 2</a>)
164+ </p>
165+ <p>Worked Exercise Screencasts:
166+ <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-ex-12-04.mp4" target="_blank">12.4 HTML Scraping with BeautifulSoup </a> (suggest download)
167+ </p>
168+ </div>
169+ <div class="tabs-panel" id="panel20v">
170+ <p>(<a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-WebServices.ppt" target="_blank">Slides</a>, <a href="https://www.youtube.com/watch?v=6cwi1NcL0Zc&index=31&list=PLlRFEj9H3Oj4JXIwMwN1_ss1Tk8wZShEJ" target="_blank">YouTube</a>, Download Video <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-Webservices-01.mp4" target="_blank">Part 1</a>, <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-Webservices-02.mp4" target="_blank">Part 2</a>, and <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-Webservices-03.mp4" target="_blank">Part 3</a>)
171+ </p>
172+ </div>
173+ <div class="tabs-panel" id="panel21v">
174+ <p>
175+ (<a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-14-Database.ppt" target="_blank">Slides</a>, Lecture Audio <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-14-Database-A.mp3" target="_blank">Part 1</a> and <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-14-Database-B.mp3" target="_blank">Part 2</a>)
176+ SQLite3 Browser: <a href="http://sqlitebrowser.org/" target="_blank">http://sqlitebrowser.org/</a>
177+ </p>
178+ </div>
179+ <div class="tabs-panel" id="panel22v">
180+ <p>
181+ Here is an archive of the <a href="https://archive.org/details/201509UMSI502Podcasts_201601" target="_blank">live lecture recordings</a> from SI502 at the UM School of Information Fall 2015.
182+ </p>
183+ <p>
184+ Here are <a href="videos/" target="_blank">archive copies</a> of the various audio, video, PowerPoints, PDFs and closed caption files if you want to reuse these materials in your own courses. All this material (including audio and video) is Copyright Creative Commons Attribution 3.0 unless otherwise indicated.
185+ </p>
186+ </div>
187+ <div class="tabs-panel" id="panel23v">
188+ <p>
189+ Here are the materials for the <a href="workshop/materials.zip">Big Data Workshop</a>.
190+ </p>
191+ </div>
143192
144- <li>Chapter 12 - Network Programming (HTTP)
145- (<a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-HTTP.ppt"
146- target="_blank">Slides</a>,
147- <a href="https://www.youtube.com/watch?v=Zr8BQiPNaFI&index=30&list=PLlRFEj9H3Oj4JXIwMwN1_ss1Tk8wZShEJ"
148- target="_blank">YouTube</a>,
149- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-HTTP.mov"
150- target="_blank">Download Video</a>,
151- Lecture Audio
152- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-Net-Prog-A.mp3"
153- target="_blank">Part 1</a> and
154- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-12-Net-Prog-B.mp3"
155- target="_blank">Part 2</a>)
156- <br/> • Worked Exercise Screencasts:
157- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-ex-12-04.mp4"
158- target="_blank">12.4 HTML Scraping with BeautifulSoup </a> (suggest download)
159- </li>
160- <li>Chapter 13 - Using Web Services
161- (<a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-WebServices.ppt"
162- target="_blank">Slides</a>,
163- <a href="https://www.youtube.com/watch?v=6cwi1NcL0Zc&index=31&list=PLlRFEj9H3Oj4JXIwMwN1_ss1Tk8wZShEJ"
164- target="_blank">YouTube</a>,
165- Download Video
166- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-Webservices-01.mp4"
167- target="_blank">Part 1</a>,
168- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-Webservices-02.mp4"
169- target="_blank">Part 2</a>, and
170- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-13-Webservices-03.mp4"
171- target="_blank">Part 3</a>)
172- </li>
173- <li>Chapter 14 - Databases
174- (<a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-14-Database.ppt"
175- target="_blank">Slides</a>,
176- Lecture Audio
177- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-14-Database-A.mp3"
178- target="_blank">Part 1</a> and
179- <a href="<?= $ afs ?> /books/py4inf/media/Py4Inf-14-Database-B.mp3"
180- target="_blank">Part 2</a>)
181- <br/> • SQLite3 Browser: <a href="http://sqlitebrowser.org/" target="_blank">http://sqlitebrowser.org/</a>
182- </li>
183- </ul>
184- <p>
185- Here is an archive of the
186- <a href="https://archive.org/details/201509UMSI502Podcasts_201601" target="_blank">live lecture recordings</a>
187- from SI502 at the UM School of Information Fall 2015.
188- </p>
189- <p>
190- Here are <a href="videos/" target="_blank">archive copies</a> of the various audio, video, PowerPoints, PDFs and
191- closed caption files if you want to reuse these materials in your own courses.
192- All this material (including audio and video) is Copyright Creative Commons Attribution 3.0
193- unless otherwise indicated.
194- <p>
195- Here are the materials for the
196- <a href="workshop/materials.zip">Big Data Workshop</a>.
197- </div>
193+ </div>
194+ </div>
198195</div>
196+ <script>
197+ $(".tabs-title").click(function(event){
198+ var num = $(this).position().top
199+ $(".tabs-content").css({top: num, position: 'absolute'})
200+ });
201+ </script>
199202
200203<div class="row">
201204 <div class="small-12 columns" id="disqus_thread"></div>
0 commit comments