This repository contains all the resources used in the John Fraser Computer Science club for the academic year of 2019/2020.
We will be exploring Software Development in depth, including building Cloud Actions with Google Assistant, creating APIs using Node + Express, and potentially some frontend frameworks such as React, or just pure HTML/CSS/EJS.
Time permitting, there will also be a longer project where we make a neural network that can read your handwriting using Tensorflow
It is best to use a desktop editor with the various runtimes installed on your computer, but if you need to code on your browser, please make an account for codesandbox.io.
This page will be updated as time goes on.
All lessons will be led by club members. Please message me on Slack or Discord if you would like to teach a particular lesson, or if you have suggestions for what to learn.
| Date | Topic | Description |
|---|---|---|
| Sept 26 | First Meeting | Getting started for the new school year |
| Oct 3 | Building Google Assistant Actions Pt. 1 | We'll be running through a MLH workshop to teach you the basics of dialog flow |
| Oct 10 | Building Google Assistant Actions Pt. 2 | Picking off from where we left off last meeting |
| Oct 17 | Building Google Assistant Actions Pt. 3 (if necessary) | Finishing up the workshop, introducing/setting up our Javscript development environment |
| Oct 24 | HTML/CSS/Tailwind | We'll create a static portfolio site using HTML and Tailwind CSS |
| Oct 31 | Introduction to Node.JS and APIs | Covering the basics of ES2019, as well as the fetch library |
| Nov 7 | Creating APIs in Node.JS | Create your own API using Firebase and Node built-ins |
| Nov 14 | Dynamic Webpages with Node.JS and ejs | Serving dynamic webpages based on your custom API |
| TBD | More to come soon... |
| Name | Description |
|---|---|
| Visual Studio IntelliCode | General tool to help with JS development. Code completion, formatting, IntelliSense, etc. |
| Live Server | Launches a server with hot reloading enabled for static and dynamic sites |
| Prettier | Code formatter to maintain code readability/standardization |
| Path IntelliSense | Autocompletes filenames |
You can download GitHub desktop from here, which will be useful in submitting pull requests to the repository or keeping track of your work
Download Node.JS to follow along with our Javascript server workshops.
You'll also need Visual Studio Code (a free text editor that Microsoft created) and a few extensions (see list above) to efficiently build websites and Node projects