Skip to content

Instantly share code, notes, and snippets.

@mikelotis

mikelotis/.block

Last active December 17, 2018 23:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mikelotis/60c5ff6804a6cc7737a0169dae634f86 to your computer and use it in GitHub Desktop.
Save mikelotis/60c5ff6804a6cc7737a0169dae634f86 to your computer and use it in GitHub Desktop.
Download ZIP
Edmonton School of AI - Course Outline
Raw
.block
width: 800
height: 5000
border: yes
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Edmonton School of AI</title>
</head>
<style>
.collapsible {
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
.active, .collapsible:hover {
background-color: #555;
}
.collapsible:after {
content: "\002B";
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}
#outline{
margin: 0 auto;
width: 90%;
}
a{
color: black;
text-decoration:none;
}
</style>
<body>
<div id="outline">
<h2>Edmonton School of AI Course Outline (Draft)</h2>
The design of the course is self-paced, self-driven and self-taught. I am sharing my custom
curriculum, which I utilized to self-teach myself Data Science. In addition, also sharing tools
and websites, which I unearthed from the internet. I will be mainly teaching, the practical component
of the courses. What do I mean? You learn the courses at your own pace, and I help you apply what you have
learned in the real world. I will also answer questions you may have. Okay, dive into the course and your feedback will be much appreciated. My contact
Twitter: <a href="https://twitter.com/Michael_Otyz" target="_blank">@Michael_Otyz</a> and Email: <a href="https://mikelotis.github.io/#web" target="_blank">View Here</a>
<button class="collapsible"><b>Motivation, for self-taught coding</b></button>
<div class="content">
<h3>Links</h3>
The road ain't easy future AI (Artificial Intelligence) wizards, but keep on pushing, greatness is awaiting for you on the other side. Hopefully the links below, kindles your inner power:
<ul>1. <a href="https://www.ted.com/talks/dina_katabi_a_new_way_to_monitor_vital_signs_that_can_see_through_walls" target="_blank">Dina Katabi - A new way to monitor vital signs that can see through walls<b> (The Force is Real)</b></a></ul>
<ul>2. <a href="https://angel.co/job-collections/20-female-founded-startups-to-join-in-2018" target="_blank">AngelList - 20 Female founded startups to join in 2018</a></ul>
<ul>3. <a href="https://medium.freecodecamp.org/the-best-move-i-made-in-my-tech-career-insights-from-8-tech-ladies-b2ac5bf488eb" target="_blank">freeCodeCamp - (“The best move I made in my tech career” - insights from eight tech ladies)</a></ul>
<ul>4. <a href="http://jonathanschaeffer.blogspot.com/2018/" target="_blank">Blog - Jonathan Schaeffer</a></ul>
<ul>5. <a href="https://medium.freecodecamp.org/why-i-coded-every-day-for-a-year-what-i-learned-and-how-you-can-do-it-too-aebe949dd178" target="_blank"> freeCodeCamp - Why I coded every day for a year, what I learned, and how you can do it, too</a></ul>
<ul>6. <a href="https://medium.freecodecamp.org/so-much-to-learn-so-little-time-8ac3d6ee6ffb" target="_blank">freeCodeCamp - So much to learn, so little time</a></ul>
<ul>7. <a href="https://medium.freecodecamp.org/science-backed-methods-to-keep-in-mind-when-youre-learning-new-things-34c00b35cbf" target="_blank">freeCodeCamp - Science-backed methods to keep in mind when you’re learning new things</a></ul>
<ul>8. <a href="https://medium.freecodecamp.org/how-to-set-up-a-short-feedback-loop-as-a-solo-coder-67709cba21e0" target="_blank">freeCodeCamp - How to set up a short feedback loop as a solo coder</a></ul>
<ul>9. <a href="https://medium.freecodecamp.org/a-heartfelt-letter-to-inspire-the-aspiring-developer-a2ab3788c7d2" target="_blank">freeCodeCamp - A heartfelt letter to inspire the aspiring developer</a></ul>
<ul>10. <a href="https://medium.freecodecamp.org/lessons-learned-from-my-journey-as-a-self-taught-developer-41b97067730" target="_blank">freeCodeCamp - Lessons learned from my journey as a self-taught developer</a></ul>
<ul>11. <a href="https://medium.freecodecamp.org/what-learning-to-code-actually-taught-me-a11fd850af0a" target="_blank">freeCodeCamp - What learning to code actually taught me</a></ul>
<ul>12. <a href="https://medium.freecodecamp.org/so-youve-signed-up-for-another-online-course-how-do-you-make-the-most-of-it-a8d8f28823cb" target="_blank">freeCodecamp - (So you’ve signed up for another online course - how do you make the most of it?)</a></ul>
<ul>13. <a href="https://medium.freecodecamp.org/a-gentler-introduction-to-programming-1f57383a1b2c" target="_blank">freeCodecamp - A gentler introduction to programming</a></ul>
</div>
<button class="collapsible"><b>Gain some mental power to turbocharge yourself</b></button>
<div class="content">
<h3>Links</h3>
My main aim is to empower future AI wizards. I was in this journey all alone, I had to find a way
to keep going and not give up. The content below helped me in pushing past boundaries and
getting things done, no time for excuses. <b>Enjoy!</b>
<ul>1. <a href="https://www.youtube.com/watch?v=bt3g-j3mNiY&index=105&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ&t=0s" target="_blank">Vishen Lakhian - Goal setting is pointless</a></ul>
<ul>2. <a href="https://www.youtube.com/watch?v=wvWUpHv4AXs&list=PL9XDPqN8lxBoaG77pg4u3rfOS3jsvMW57&index=24" target="_blank">Dr Joe Dispenza - In order to change your life, you need to learn this first! (Eye opening speech)</a></ul>
<ul>3. <a href="https://www.youtube.com/watch?v=FDSaF0zRVzE&index=103&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ" target="_blank">Vishan Lakhiani - Here is why are not progressing in life | What highly effective people do</a></ul>
<ul>4. <a href="https://www.youtube.com/watch?v=5W16YFgJ_RU&index=102&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ" target="_blank">Sam Harris - Why you're wasting your life away | The truth we are all distracted from</a></ul>
<ul>5. <a href="https://www.youtube.com/watch?v=TQMbvJNRpLE&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ&index=90" target="_blank">Stephen Duneier - How to achieve your most ambitious Goals</a></ul>
<ul>6. <a href="https://www.youtube.com/watch?v=1XDpa2HLXV0&index=7&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ" target="_blank">Robert Grant - Beautiful minds are free from fear</a></ul>
<ul>7. <a href="https://www.youtube.com/watch?v=qYO-y_0S_1w&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ&index=27" target="_blank">Beau Lotto - Thriving in a world that doesn’t exist</a></ul>
<ul>8. <a href="https://www.youtube.com/watch?v=6CmgzjJMzTY&index=101&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ" target="_blank">Alan Watts - How to never be worried again</a></ul>
<ul>9. <a href="https://www.youtube.com/watch?v=71Az73vLwiI&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ&index=100" target="_blank">Dan Lok - This is why some people are successful and some are not</a></ul>
<ul>10. <a href="https://www.youtube.com/watch?v=nmoBIzeVplg&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ&index=95" target="_blank">Jay Shetty - The power of visualization</a></ul>
<ul>11. <a href="https://www.youtube.com/watch?v=3tCWngax6WE&index=97&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ" target="_blank">Jim Kwik - 10 Things that will change your life immediately</a></ul>
<ul>12. <a href="https://www.youtube.com/watch?v=wbmDPLqwWqQ&index=13&list=PL9XDPqN8lxBoaG77pg4u3rfOS3jsvMW57" target="_blank">Dr Joe Dispenza - Do this for 7 days and you will see incredible results</a></ul>
<ul>13. <a href="https://www.youtube.com/watch?v=O96fE1E-rf8&list=PLKoCdUHY5PMp-qeWnp4r3gu_YREqNephJ&index=1" target="_blank">Barbara Oakley - Learning how to learn</a></ul>
</div>
<button class="collapsible"><b>1. Introduction Helpers</b></button>
<div class="content">
<h3>Courses</h3>
Important to grasp these fundamentals. However, you don't need to be an expert at all. Knowing
how to navigate the documentation, which libraries you need, how to frame and think about a
problem, are the core skills you should strive for. The aforementioned points are further
emphasized in What is Programmimg? Watch this no matter how many years of software experience
you have. You can thank me later hahaha!!
<ul>1. <a href="https://app.pluralsight.com/player?name=what-is-programming-m6&mode=live&clip=3&course=what-is-programming&author=simon-allardice" target="_blank">What Is Programming? - (PluralSight - Simon Allardice) <b>!!Must watch for everyone!!</b></a></ul>
<ul>2. <a href="https://www.lynda.com/Programming-Foundations-tutorials/Foundations-Programming-Fundamentals/83603-2.html" target="_blank">Programming Foundations: Fundamentals - (Lynda - Simon Allardice)</a></ul>
<ul>3. <a href="https://www.lynda.com/HTML-tutorials/HTML-Essential-Training/170427-2.html?srchtrk=index%3a3%0alinktypeid%3a2%0aq%3ahtml%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2" target="_blank">HTML Essential Training - (Lynda - James Williamson)</a></ul>
<ul>4. <a href="https://www.lynda.com/CSS-tutorials/Introduction-CSS/578096-2.html?srchtrk=index%3a40%0alinktypeid%3a2%0aq%3acss%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2" target="_blank">Introduction to CSS - (Lynda - Carrie Dils)</a></ul>
<ul>5. <a href="https://www.youtube.com/watch?v=le-URjBhevE&list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5" target="_blank">JavaScript Basics Course - (freeCodeCamp - Beau)</a></ul>
<ul>6. <a href="https://www.youtube.com/watch?v=eaLKqoB9Fu0&list=PLWKjhJtqVAbllLK6r2dnGjUVWB_cFNcuO" target="_blank">DOM - (freeCodeCamp - Beau)</a></ul>
<ul>7. <a href="https://www.youtube.com/watch?v=1mgLWu69ijU&list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F" target="_blank">ES6 - (freeCodeCamp - Beau)</a></ul>
<ul>8. <a href="https://www.youtube.com/watch?v=1u2qu-EmIRc&list=PLhQjrBD2T382hIW-IsOVuXP1uMzEvmcE5&index=2" target="_blank">Git - (CS50 - Brain Yu) <b>!!Important for managing code!!</b></a></ul>
<ul>9. <a href="https://www.youtube.com/watch?v=YYXdXT2l-Gg&list=PL-osiE80TeTskrapNbzXhwoFUiLCjGgY7" target="_blank">Python Programming Beginner Tutorials - (Youtube- Corey Schafer)</a></ul>
<ul>10. <a href="https://www.lynda.com/Emmet-tutorials/Coding-Faster-Emmet/133353-2.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3aemmet%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2" target="_blank">Coding Faster with Emmet - (Lynda - Ray Villalobos)</a></ul>
<h3>Tools and Websites</h3>
These will help you in your inital journey into programming, host your code files online,
enable you to build and host your portfolio pages. Learn from code written by other people
<b>(highly recommended)</b>, find code on github or online communities, read them and bend
them to your will (I heavily used blocks.org and Mike Bostock's code).
<ul>1. <a href="https://stackoverflow.com/" target="_blank">Stackoverflow - Questions and answers on a wide range of topics in computer programming<b> (use it wisely)</b></a></ul>
<ul>2. <a href="https://devdocs.io/" target="_blank">Devdocs - Multiple API documentations <b>(knowing how to navigate docs is a must)</b></a></ul>
<ul>3. <a href="http://www.pythontutor.com/" target="_blank">Python Tutor - Visualize code and get live help <b>(awesome for visualizing how your code runs)</b></a></ul>
<ul>4. <a href="https://bl.ocks.org/-/about" target="_blank">Blocks.org - For simple portfolio</a></ul>
<ul>5. <a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code - Text editor <b>(it's the one I use)</b></a></ul>
<ul>6. <a href="https://pages.github.com/" target="_blank">GithubPages - Free web hosting</a></ul>
<ul>7. <a href="https://foundation.zurb.com/sites.html" target="_blank">Foundation Framework - For building a responsive website</a></ul>
<ul>8. <a href="https://github.com/" target="_blank">Github - To host files</a></ul>
<ul>9. <a href="https://cdnjs.com/" target="_blank">Cdnjs - Get JavaScript libraries</a></ul>
<ul>10. <a href="https://www.w3schools.com/html/default.asp" target="_blank">W3Schools - Web development examples <b>(awesome for pre-built components)</b></a></ul>
<ul>11. <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects" target="_blank">MDN - JavaScript reference</a></ul>
<ul>12. <a href="https://repl.it/languages" target="_blank">Replit - Multiple coding environment</a></ul>
<ul>13. <a href="https://glitch.com/" target="_blank">Glitch - Community of funness on the web</a></ul>
</div>
<button class="collapsible"><b>2. Data Visualization and Science</b></button>
<div class="content">
<h3>Courses</h3>
Data cleaning, visualization, and analysis are crucial skills to hone, before delving into
Machine Learning (in my point of view). I will explain in detail, how I built visualizations in my <a href="https://beta.observablehq.com/@mikelotis" target="_blank">portfolio (click me to view)</a>.
Moreover, I will be challenging wizards to build their own visualizations, dashboards, and portfolio. General knowledge of
HTML, CSS, and JavaScript are the prerequisites. In addition, study and watch the recommended and must watch material below.
Looking forward, to the awesome creations wizards will build.
<ul>1. <a href="https://www.youtube.com/watch?v=219xXJRh4Lw" target="_blank">Data Visualization with D3 - (CS50 - Michael Menz) <b>(recommend)</b></a></ul>
<ul>2. <a href="https://www.lynda.com/D3-js-tutorials/Learning-Data-Visualization-D3-js/594451-2.html" target="_blank">Learning Data VisualiZation with D3.js - (Ray Villalobos - Lynda)</a></ul>
<ul>3. <a href="https://www.lynda.com/D3-js-tutorials/D3-js-Essential-Training-Data-Scientists/504428-2.html" target="_blank">D3.js Essential Training Data Scientists - (Emma Saunders - Lynda)</a></ul>
<ul>4. <a href="https://d3indepth.com/" target="_blank">Peter Cook - D3indepth <b>(recommend)</b></a></ul>
<ul>5. <a href="https://www.lynda.com/JavaScript-tutorials/Crossfilter-Data-Science-Essential-Training/540534-2.html" target="_blank">Crossfilter Data Science Essential Training - (Emma Saunders - Lynda) <b>(must watch)</b></a></ul>
<ul>6. <a href="https://www.lynda.com/JavaScript-tutorials/DC-js-Data-Science-Essential-Training/540535-2.html" target="_blank">DC.js Data Science Essential Training - (Emma Saunders - Lynda) <b>(must watch)</b></a></ul>
<ul>7. <a href="https://www.youtube.com/watch?v=SCAqyPfwzcU&list=PLNCPalajQvg55_lI2bkO2mvESqxrTwyJJ" target="_blank">Leaflet Tutorials - (VisionZ - Youtube) <b>(recommend)</b></a></ul>
<ul>8. <a href="http://jhudatascience.org/chromebookdatascience/" target="_blank">Leanpub - Free Massive Open Online Course (MOOC) for Data Science </a></ul>
<ul><b>(If you want to pursue this go for it, I personally haven't, I found it and figured it's worth sharing)</b></ul>
<h3>Tools and Websites</h3>
D3.js, Crossfilter.js, DC.js, and Echarts.js (will be heavily used). These tools will
be used for data visualization, analysis, exploration, and explanation.
<!-- <ul>1. <a href="http://nvd3.org/" target="_blank">NVD3 - Re-usable Charts for D3.js</a></ul>
<ul>2. <a href="https://vega.github.io/vega-lite/" target="_blank">Vega-lite - A grammar of interactive graphics</a></ul>
<ul>3. <a href="https://maptalks.org/" target="_blank">Maptalks.js - An open-source javascript library for integrated 2D/3D maps</a></ul>
<ul>4. <a href="https://github.com/idyll-lang/idyll" target="_blank">Idyll - A toolkit for creating data-driven stories and explorable explanations</a></ul>
<ul>5. <a href="https://github.com/bloomberg/bqplot" target="_blank">bqplot - 2-D plotting library for Project Jupyter</a></ul> -->
<ul>1. <a href="https://d3js.org/" target="_blank">D3.js - Data Driven Documents</a></ul>
<ul>2. <a href="http://square.github.io/crossfilter/" target="_blank">Crossfilter.js - Fast multidimensional filtering for coordinated views</a></ul>
<ul>3. <a href="https://dc-js.github.io/dc.js/" target="_blank">DC.js - Dimensional charting Javascript library</a></ul>
<ul>4. <a href="https://github.com/Intellipharm/dc-addons" target="_blank">DC-addons.js - Provide new charts for the dc namespace</a></ul>
<ul>5. <a href="https://haltu.github.io/muuri/" target="_blank">Muuri.js - Responsive, sortable, filterable and draggable grid layouts</a></ul>
<ul>6. <a href="https://ecomfe.github.io/echarts-doc/public/en/index.html" target="_blank">Echarts.js - A declarative framework for rapid construction of web-based visualization</a></ul>
<ul>7. <a href="https://leafletjs.com/" target="_blank">Leaflet.js - An open-source JavaScript library for mobile-friendly interactive maps</a></ul>
<ul>8. <a href="https://keen.github.io/dashboards/" target="_blank">KeenIO Dashboard - Responsive dashboard templates for Bootstrap</a></ul>
<ul>9. <a href="https://introjs.com/" target="_blank">Intro.js - Step-by-step guide and feature introduction</a></ul>
<ul>10. <a href="https://beta.observablehq.com/" target="_blank">Observable - Community of artists, scientists, and software engineers</a></ul>
<!-- <ul>14. <a href="https://colab.research.google.com/notebooks/welcome.ipynb#recent=true" target="_blank">Google Colab - A free Jupyter notebook environment that requires no setup and runs entirely in the cloud</a></ul> -->
<ul>11. <a href="https://obsproject.com/" target="_blank">OBS Studio - Free and open source software for video recording and live streaming</a></ul>
<ul>12. <a href="https://ezgif.com/" target="_blank">EZGIF - simple online GIF maker and toolset for basic animated GIF editing</a></ul>
<ul>13. <a href="http://geojson.io" target="_blank">geojson.io - A quick, simple tool for creating, viewing, and sharing maps</a></ul>
<ul>14. <a href="https://medium.com/@enjalot" target="_blank">Ian Johnson - Medium</a></ul>
<ul>15. <a href="https://medium.com/@Elijah_Meeks" target="_blank">Elijah Meeks - Medium <b>(D3 is not a Data Visualization Library - recommended read)</b></a></ul>
<ul>16. <a href="https://www.visualcinnamon.com/" target="_blank">Nadiah Bremer - Website</a></ul>
<ul>17. <a href="https://bost.ocks.org/mike/" target="_blank">Mike Bostock - Website</a></ul>
<ul>18. <a href="https://mikelotis.github.io/" target="_blank">Michael Otis - Website</a></ul>
<ul>19. <a href="https://bl.ocks.org/mbostock" target="_blank">Mike Bostock's - Blocks</a></ul>
<ul>20. <a href="https://bl.ocks.org/mikelotis" target="_blank">Michael Otis's - Blocks</a></ul>
<ul>21. <a href="https://www.statcan.gc.ca/eng/start" target="_blank">Statistics Canada - Open Data</a></ul>
<ul>22. <a href="https://data.edmonton.ca/browse" target="_blank">City of Edmonton - Open Data</a></ul>
<ul>23. <a href="https://open.alberta.ca/opendata" target="_blank">Alberta - Open Data</a></ul>
</div>
<button class="collapsible"><b>3. Ethics, Data Policies, and Acts</b></button>
<div class="content">
<h3>Materials</h3>
These are discussed, in order to avoid bias in our machine learning models.
<ul>1. <a href="https://data.edmonton.ca/Elected-Officials/Open-City-Policy/29rg-d9cj" target="_blank">City of Edmonton - Open City Policy</a></ul>
<ul>2. <a href="https://open.alberta.ca/policy" target="_blank">Government of Alberta Open Information and Open Data Policy</a></ul>
<ul>3. <a href="https://www.servicealberta.ca/foip/" target="_blank">Freedom of Information and Protection of Privacy Act (FOIP)</a></ul>
<ul>4. <a href="https://laws-lois.justice.gc.ca/eng/acts/S-19/" target="_blank">Statistics Canada - Statistics Act</a></ul>
<ul>5. <a href="https://www.blog.google/technology/ai/new-course-teach-people-about-fairness-machine-learning/" target="_blank">Google - course to teach people about fairness in machine learning</a></ul>
</div>
<button class="collapsible"><b>4. Machine Learning (Working progress!)</b></button>
<div class="content">
<h3>!!!Under Construction!!!</h3>
<ul>1. <a href="https://medium.freecodecamp.org/the-best-resources-i-used-to-teach-myself-machine-learning-part-1-292232d167" target="_blank">freeCodeCamp - The Best Resources I Used to Teach Myself Machine Learning</a></ul>
<ul>2. <a href="http://course.fast.ai/ml" target="_blank">Fastai - Introduction to Machine Learning for Coders!</a></ul>
<ul>3. <a href="https://github.com/fastai/numerical-linear-algebra/blob/master/README.md" target="_blank">Fastai - Computational Linear Algebra for Coders</a></ul>
<ul>4. <a href="https://christophm.github.io/interpretable-ml-book/" target="_blank">Christoph Molnar - Interpretable Machine Learning</a></ul>
<ul>5. <a href="https://natureofcode.com/" target="_blank">Daniel Shiffman - The Nature of Code</a></ul>
</div>
<button class="collapsible"><b>5. Deep Learning (Working progress!)</b></button>
<div class="content">
<h3>!!!Under Construction!!!</h3>
<ul>1. <a href="http://course.fast.ai/" target="_blank">Fastai - Practical Deep Learning For Coders, Part 1</a></ul>
<ul>2. <a href="http://course.fast.ai/part2.html" target="_blank">Fastai - Cutting Edge Deep Learning For Coders, Part 2</a></ul>
</div>
</div>
</body>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
};
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment