More Front-end Prep

Overview

Today’s prep is different than usual since there are a lot of different things you might want to do for your website and so I want you to be able to spend time on what makes sense for your team’s project.

Basic Learning Objectives

Before class, you should be able to:

• Dive deeper on an aspect of front-end development

Advanced Learning Objectives

After class, you should be able to:

• Implement the aspect of front-end development that you chose to focus on

Readings

To achieve the basic learning objectives, pick at least one of the below resources to read:

• Website Forms Usability: Top 10 Recommendations from the Nielsen Norman Group.

• Matplotlib tutorial - if you want to display a plot/graph on your website, has demos

• W3’s Matplotlib tutorial - same as above but if you like W3’s style of tutorial more

• How to display Matplotlib in Flask - probably should read with one of the previous two (paywalled now unfortunately)

• Displaying matplotlib in Flask code snippet A non paywalled code snippet

• If you want to learn more about Javascript, read these sections in the W3 schools Javascript tutorial:

  • JS Introduction
  • JS Where To
  • JS Statements
  • JS Syntax
  • JS Variables
  • JS Data Types
  • JS Functions
  • JS Objects
  • JS Events
  • DOM Intro
  • DOM Methods
  • DOM Document
  • DOM Elements
  • DOM HTML
  • DOM CSS
  • DOM Events
  • DOM Event Listener

• Javascript is for Girls - if you’re interested in the intersection of computer science and gender studies

• Why Data Science Needs Feminism - if you’re interested in digging more into the ethics of data science (the whole book is great, highly recommend it!)

Checks

Write down a summary of which resource you chose and what you learned to report back to your team.