2021-12-06

如何成为一个很diao的前端开发

DESIGN

Books

• The Non-Designer’s Design Book
• Color Works - Best Practices for Graphic Designers
• The Designer’s Dictionary of Color
• The Design of Everyday Things
• About Face
• Prototyping for Designers

Websites

• 优设导航 => https://hao.uisdc.com/
• Dribble => https://dribbble.com/

Tools

• Figma
• Color Wheel => https://color.adobe.com/zh/create/color-wheel

Practice

• Copy

HTML/CSS/JAVASCRIPT

Books

• Responsive Web Design with HTML5 and CSS3
• JavaScript: The Good Parts
• CSS3 the missing manual
• JavaScript Data Structures and Algorithms

Software Engineering

Git

* Read "Pro Git"
* Conventioinal Commits
* Git Flow

Web History

Concepts

• Virtual Dom
  • Understanding Rendering Process with Virtual DOM In Vue.js
  • Diff Algorithm
    • Snabbdom
• Functional Programming
• AOP
• DI

掌握一些技能

• JavaScript
  • Promise
    • Javascript Eventloop
• Html5
• CSS3
  • SCSS
• Webpack
• Babel

读懂几本书

• High Performance Browser Networking

懂得架构

• 组件化
  • Element 是如何实现的
• 模块化
• 工程化
• 微前端

懂设计模式

• prototype 模式
  • clone，Java 天生支持

了解一些后端知识

• CloudNative
• Serveless
• DDD
• Garbadge Collector

Frontend