Building Custom Data Visualizations
Introductions
Exploratory and Expository
Custom data visualizations can be categorized into two broad categories:
- Expository vs. exploarotry
Expository
- static dataset
- explore data for story
- communicate story to audience
Examples:
- New York Times
- The Pudding
- The Washington Post
- etc…
Introduction to Vue.js
Introduction
Why Vue.js
- Declarative
- Legible
- Easy to Maintain
- Powerful
- A collection of the best of the best
- Elegant
- Gives me what I want when I need it, and gets out of my way
- A way to be really productive
- Goodness gracious it’s freaking fun
Comparison with other frameworks
- A virtual DOM
- Reactive components that offer the View layer only
- Props and a Redux-like store similar to React
- Conditional rendering, and services, similar to Angular
- Inspired by Polymer for simplicity and performance, Vue offers a similar development style as HTML, styles, and JavaScript are composed in tandem
- Slightly better performance than React, no use of polyfills like Polymer, and an isolated, less opinionated view than Angular, which is an MVC
Hard Parts: Functional JS Foundations
Introduction
Course overview
- Principles of JavaScript
- Higher order functions
- Arrow and anonymous functions
- reduce, filter and chaining higher order functions
- Function composition & pure functions
- Closure
- Function decoration
- Partial application and currying
Functional programming
- a paradigm for structuring our complex code
Sass Fundamentals
Introduction to Bash, VIM & Regex
Bash
Introducing UNIX
UNIX
- UNIX was an operating system developed at AT&T Bell Labs in the 1960s through the 1980s
- GUN/Linux, MacOSX, and Android are all based on ideas and specifications created by UNIX
time-sharing
- UNIX was orininally built for large mainframe computers that many people would use at the same time
terminals and teleprinters
- teleprinters printed program output on paper
- terminals displayed output on a CRT monitor
- neither device had processing power of their own
- connected to the mainframe over cables or by telephone
JS函数执行的时机
Motion Design with CSS
[JS全解]JS对象
本文章资料主要来自饥人谷2020版前端体系课,本文为课程笔记
语法
对象的定义
- 无序的数据集合
- 键值对的集合
声明对象
const obj = { 'name': 'Frank', 'age': 18 }
const obj = new Object({ 'name': 'Frank' })
console.log({ 'name': 'Frank', 'age': 18 })