<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[The CodingLab Lablog RSS Feed]]></title><description><![CDATA[This site showcases the latest and greatest CS courses incubated at CodingLab.]]></description><link>https://lijia1.neocities.org</link><generator>GatsbyJS</generator><lastBuildDate>Sun, 02 Oct 2022 13:51:55 GMT</lastBuildDate><item><title><![CDATA[Workshop: Data Visualization in Python]]></title><description><![CDATA[Date and Time: August 17 and 18 (Saturday and Sunday), 9:00am to 4:30pm What’s covered Pre-workshop homework Work through the slides on…]]></description><link>https://lijia1.neocities.org/2019-08-Workshop-Python-Data-Vis/</link><guid isPermaLink="false">https://lijia1.neocities.org/2019-08-Workshop-Python-Data-Vis/</guid><pubDate>Sun, 11 Aug 2019 22:40:32 GMT</pubDate><content:encoded>&lt;p&gt;Date and Time: August 17 and 18 (Saturday and Sunday), 9:00am to 4:30pm&lt;/p&gt;
&lt;h2&gt;What’s covered&lt;/h2&gt;
&lt;h3&gt;Pre-workshop homework&lt;/h3&gt;
&lt;p&gt;Work through the slides on &lt;em&gt;Bootstrapping Python&lt;/em&gt; &lt;a href=&quot;/courses/python-bootstrap/slides.html&quot;&gt;here&lt;/a&gt; before coming to class. It take less than an hour to complete. Use left and right arrow key to navigate the slides.&lt;/p&gt;
&lt;p&gt;Note: &lt;strong&gt;slides have been UPDATED on 8/13 (Wednesday) 9pm&lt;/strong&gt;.&lt;/p&gt;
&lt;h3&gt;Day 1&lt;/h3&gt;
&lt;p&gt;Students will learn various programming concepts in Python by working on various Turtle problems (see image below for a fancy pattern drawn using Turtle) on the interactive Jupyter notebook platform. This class will lay a solid foundation for future Python learnings.&lt;/p&gt;
&lt;p&gt;Turtle is an adaptation of &lt;em&gt;Logo&lt;/em&gt;, a classic educational programming language popularized by Apple II Macintosh in the 1980’s.&lt;/p&gt;
&lt;p&gt;&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/ba11ac5c9daca2d54b08ea4550c207ae/47ff6/turtle-fancy-pattern.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 106.32911392405065%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAABYlAAAWJQFJUiTwAAACAklEQVQ4y62US4sTQRCA2x/gaY/izZvgxb/gwV+g6Em9eVBBFkQQz4LowbMseN2jCLKsrK+DbB5mQY2PwckqGs042ZnMI70zO9OfJNOTTJLdncVYUBTdXf11VXV3ifbrF+nm+8esfHmmvpompmnSarVoNptUKhU2Gg3q9Tq1Wo3K+jrVahXDMIY+pvY3TVPpfVK4jkMYhioIAqbV9/1ddTffIAhUGIaIKIoUmeT2X2S4VymlhJQSPZhbkyRhAjg+T42tym0yOV8MT4/TNN0DiAaRgoqn5ndmwHsDhwt5VMm4qmkC3pupqqmDRJifvJPZYAl6F6BzBbYF2A/BX4PoV6Ekar8ICydHgH0ePAHdR+BcB+sGJAK8FQ2My1JOM8ft7+Adhu4ZsD+AtQpWHexX4NyE34sQ/xxFWVJDIJZgnwL3DnTW4N1JeHsUrGWwn0AkwL09Kk95hPIjbJ0AZxmsJXgu4KkA8yp0q9C+DHJTA9P9gEnm5L8E/xBYD6BtwI9FMM6BbcDWXZAC/FUNTMouRUPdDXCPgH8L7BZYn6B3D+xr0L0E0bcDREgh7bgN/nHoXIRgAf6chd4CyGPZC9Cw8oetGIMHG2UfvNPg3YfgMwSNUarltzzx7QoST/WiPIvSrzfTGPISaB1+x7SQRQlwHp0B/g8ZAvv9/qg5Dibm0UGD/QuGCk7/1QnsZwAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;Turtle Fancy Pattern&quot;
        title=&quot;Turtle Fancy Pattern&quot;
        src=&quot;/static/ba11ac5c9daca2d54b08ea4550c207ae/f058b/turtle-fancy-pattern.png&quot;
        srcset=&quot;/static/ba11ac5c9daca2d54b08ea4550c207ae/c26ae/turtle-fancy-pattern.png 158w,
/static/ba11ac5c9daca2d54b08ea4550c207ae/6bdcf/turtle-fancy-pattern.png 315w,
/static/ba11ac5c9daca2d54b08ea4550c207ae/f058b/turtle-fancy-pattern.png 630w,
/static/ba11ac5c9daca2d54b08ea4550c207ae/47ff6/turtle-fancy-pattern.png 852w&quot;
        sizes=&quot;(max-width: 630px) 100vw, 630px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
        decoding=&quot;async&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Concepts covered:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Loops&lt;/li&gt;
&lt;li&gt;Conditional branching&lt;/li&gt;
&lt;li&gt;Functions&lt;/li&gt;
&lt;li&gt;The &lt;code class=&quot;language-text&quot;&gt;list&lt;/code&gt; data structure&lt;/li&gt;
&lt;li&gt;The &lt;code class=&quot;language-text&quot;&gt;dict&lt;/code&gt; data structure&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Day 1 &lt;a href=&quot;/courses/python-intro/slides.html&quot;&gt;slides&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;Day 2&lt;/h3&gt;
&lt;p&gt;Students will learn an important skill in the age of Big Data - data visualization. This class will teach students various step of data visualization such as data acquisition, data parsing and visualization. Students will work on a real life dataset of global earthquake activities maintained by the US Geological Survey and visualize the data on a world map (see below).&lt;/p&gt;
&lt;p&gt;&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 615px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/beadc3e4145762967d1240c189651986/f6b72/hist-overlapping.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 53.79746835443038%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABqklEQVQoz41S/W/TMBDN//+nwI9oEqABY1/alpUV2NploylamsSxnbR2nTTN10O+qBnb0ISlp3e+u1ze+c7pOqAsa5RlNWC7baCUQRwnYEwQwjBGHHOEIQNjHJvNY761i2KLqmrglOUWQmgkiSIIscZDJHA198hOpek5zSGlGcB5/43l+ULg+mYGKVZwtLYJawpwrpDJHH4Y4dj7BkG+3v+crQhrEwsFlqygVAGnqmpSsPtjKgx+hwyHt5cIIkGxZCj0OrTewDEmf6IwlTnuggAfro/xY/6LWn6h6BnvbCrYK9SDQinWGM2mVPD8/ifdd2/1GmwOtVwUm78U2vfQOPHG+HhzgoOpiwWTEHxN/n8pfNFynhdDQasmSjIcei4Obi+wPznFle/RoPj/tmzXZifZKrkLHvD2/DPenH3B3vcjfJqc4T5Y9BNP9JN16VftceWGKS9XObhU8KMI7myCvdEl3rkXeD8e4et0DNefwGcReLpCLDL4cYQg4ZCpRpYZLJc5wZgSTtd1sKibmlDVNezp/UDTtFBKI2IxmraheM8V2q4lu21byrf8B5s5OVVquJiDAAAAAElFTkSuQmCC&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;Earthquake Magnitude histogram&quot;
        title=&quot;Earthquake Magnitude histogram&quot;
        src=&quot;/static/beadc3e4145762967d1240c189651986/f6b72/hist-overlapping.png&quot;
        srcset=&quot;/static/beadc3e4145762967d1240c189651986/c26ae/hist-overlapping.png 158w,
/static/beadc3e4145762967d1240c189651986/6bdcf/hist-overlapping.png 315w,
/static/beadc3e4145762967d1240c189651986/f6b72/hist-overlapping.png 615w&quot;
        sizes=&quot;(max-width: 615px) 100vw, 615px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
        decoding=&quot;async&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;
&lt;span
      class=&quot;gatsby-resp-image-wrapper&quot;
      style=&quot;position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; &quot;
    &gt;
      &lt;a
    class=&quot;gatsby-resp-image-link&quot;
    href=&quot;/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/adc48/earthquake-map.png&quot;
    style=&quot;display: block&quot;
    target=&quot;_blank&quot;
    rel=&quot;noopener&quot;
  &gt;
    &lt;span
    class=&quot;gatsby-resp-image-background-image&quot;
    style=&quot;padding-bottom: 54.43037974683544%; position: relative; bottom: 0; left: 0; background-image: url(&apos;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAADE0lEQVQoz11RX2xTdRT+ZU18M5FnHk000SceZmJMfAcj8UXRCBOEQbfZK1svalZoHd3WbQFaSmrdRuygZmzMZWOoNQPMatz4M5e1GDZgl7uJYIudu20v7b33d+89H7nVvfi9nJwv55zvnO+wj90C6+3ucnm9InthyxZm2/QyQPUAtq1vFN5MX/tl58L17M6py5feCoVCO0ZGRt6Ym5vbxjmvz+VyLzLG2OHDbeyoz+tqPvQ9Y16vUPeJ4GENez56LRgMXk0kEvqZMzE+NjrGb92YN24uzpmpmUmrr/eEdaCx0YzFYsbpyGkuSRKXZbkajUYvffjB7lf2HXifNbpDdey9Xe+wNlF0i0dEiKKIFo8HwU4fZn5IYuXOLG7dmcb4lQvweJrwpf8Y2n3tSP2UgoPl5WV8Kgho8bQYB917392z7yhjQlvr277mgwh43fALLTx6so/u3rtOAAiw/oug/rET1NjaQCfDESoVyzWOc05D55N8INqBcLeA/c27XmeTk9+lk4lB9HR383PxMIqr92rFtmWDCFA1pbbNRlnF2Og5ZH+bQVl74lBkmZyCnV0QW1uNjkAARz77YpxxzteeVqtYml+0J0e+or9uXyb7aQU2/oVlcxBtZibmb06hqzeI+7d/B0xOv87O0qlTEdvrFRAO9y0yXdMeOKW8qNiZ2R/pwtedtDw9BTufh1EpYBOmpTnj8ejRCkRxP9p9fmwoSu2alRXJamo6hIsXR+eZqqrjtnMbkZ57+BAdXT30zflvSfv7Mcq5hdowp8vmes1Sm/5BLNZAV6/M0KZYJpPRk8kkstlsnMmy/KpuGGrNMMsydE0jeXWVKkqBKsp6TcomkFkpEmyVMtkF+vna9OazHC8M0zShadpjAFtZuVRif6yt1RdLpQdKsYj1QgGqqqKkKI4A/g9ZlmE7CkSoVqsol8tOXJQk6SUAjEmS5FpaWmI7tm9/vicU6vT7/U8CgYDZcfy4nhgaMtLptDExMWEMDw8bZwcHjYGBQSOVSun9/f1mJBL5Mx6Pf+5yuZ7L5XIsn8/XPQNMoZ6zUMwFKAAAAABJRU5ErkJggg==&apos;); background-size: cover; display: block;&quot;
  &gt;&lt;/span&gt;
  &lt;img
        class=&quot;gatsby-resp-image-image&quot;
        alt=&quot;Earthquake Map&quot;
        title=&quot;Earthquake Map&quot;
        src=&quot;/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/f058b/earthquake-map.png&quot;
        srcset=&quot;/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/c26ae/earthquake-map.png 158w,
/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/6bdcf/earthquake-map.png 315w,
/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/f058b/earthquake-map.png 630w,
/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/40601/earthquake-map.png 945w,
/static/1e8f2ae3cc2e2ff6c4b9897ef0dab7a4/adc48/earthquake-map.png 979w&quot;
        sizes=&quot;(max-width: 630px) 100vw, 630px&quot;
        style=&quot;width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;&quot;
        loading=&quot;lazy&quot;
        decoding=&quot;async&quot;
      /&gt;
  &lt;/a&gt;
    &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Topics covered:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Data sourcing&lt;/li&gt;
&lt;li&gt;Pandas dataframes&lt;/li&gt;
&lt;li&gt;Matplotlib histograms&lt;/li&gt;
&lt;li&gt;Basemap&lt;/li&gt;
&lt;li&gt;List comprehension&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Day 2 &lt;a href=&quot;/courses/python-data-vis/slides.html&quot;&gt;slides&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;What to bring to the class&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;A Windows/Mac/Linux laptop. Chromebook will not work.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Before coming to the class&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;IMPORTANT!&lt;/strong&gt; Work through the pre-requisite &lt;em&gt;Bootstrapping Python&lt;/em&gt; class material.&lt;/li&gt;
&lt;li&gt;Install &lt;strong&gt;Anaconda Python&lt;/strong&gt; by following the instructions in &lt;em&gt;Bootstrapping Python&lt;/em&gt;.&lt;/li&gt;
&lt;/ul&gt;</content:encoded></item><item><title><![CDATA[Workshop: Web Development Part 1]]></title><description><![CDATA[Date and Time: July 13, 9:00am to 4:30pm This course is Part 1 of a two-day workshop that teaches you how to write a Breakout game in…]]></description><link>https://lijia1.neocities.org/2019-07-Workshop-Web-Dev-1/</link><guid isPermaLink="false">https://lijia1.neocities.org/2019-07-Workshop-Web-Dev-1/</guid><pubDate>Thu, 11 Jul 2019 22:12:03 GMT</pubDate><content:encoded>&lt;p&gt;Date and Time: July 13, 9:00am to 4:30pm&lt;/p&gt;
&lt;p&gt;&lt;em&gt;This course is Part 1 of a two-day workshop that teaches you how to write a Breakout game in Javascript.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;Post-workshop update&lt;/h2&gt;
&lt;p&gt;The workshop has concluded. Workshop slides can be accessed &lt;a href=&quot;/courses/webdev-1/slides.html&quot;&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;We had quite a bit of fun!&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;/9c51b72a753a32dbb0a7823477877b09/IMG_3753.jpg&quot; alt=&quot;Class Photo&quot;&gt;&lt;/p&gt;
&lt;h2&gt;What’s covered&lt;/h2&gt;
&lt;p&gt;In this 6-hour course students will learn the basics of writing a web page, and be introduced to the basics of Javascript.&lt;/p&gt;
&lt;p&gt;During the first half of the workshop, students will learn how to craft a simple personal profile page. They will learn to use basic HTML and CSS to add various type of contents and formats to a web page. They will also learn how to upload their finished web pages to &lt;a href=&quot;https://www.neocities.org&quot;&gt;NeoCities&lt;/a&gt;, an free and kid-friendly web-hosting site.&lt;/p&gt;
&lt;p&gt;In the second half of the workshop, students will learn the basics of Javascript. They will be introduced to flow control and basic data structures. They will also learn how to use Javascript dynamically change the appearance of a web page.&lt;/p&gt;
&lt;h2&gt;What to bring to the class&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;A Windows/Mac/Linux laptop. Chromebook will not work.&lt;/li&gt;
&lt;li&gt;A couple of fun photos saved on the laptop.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Before coming to the class&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Install Visual Studio Code, an open source code editor. Download it &lt;a href=&quot;https://code.visualstudio.com/download&quot;&gt;here&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Create a free account for your child on &lt;a href=&quot;https://neocities.org&quot;&gt;NeoCities&lt;/a&gt;, a kid-friendly web-hosting site. &lt;em&gt;Make sure your child knows the username and password.&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;If you have difficulties with any of the above, come to class at 8:30am and I will troubleshoot it for you.&lt;/li&gt;
&lt;/ul&gt;</content:encoded></item></channel></rss>