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:
Forms
- Website Forms Usability: Top 10 Recommendations from the Nielsen Norman Group.
Plots
- Chart.js introduction - if you want to use Javascript for plotting instead of Python
- 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
Javascript
- If you want to learn more about Javascript, start with the Intro in the W3 schools Javascript tutorial and jump to whatever looks interesting
Map
- Add a Google Map with markers with HTML: You can get a free trial with $300 of Google Cloud credit with your Carleton email, which should be more than enough to get you through a demo for this class.
- Plotly Maps Another library that students have used in the past to make a map with markers
World Cloud
Intersections with Gender Studies
- 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
Submit answers to the following on Moodle:
- What resources(s) did you choose?
- How can you apply what you learned to your team project?