Coder Social home page Coder Social logo

zhuangbb / howtocode Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chenzhaohua11/howtocode

0.0 0.0 0.0 2.83 MB

前端编程之道,探讨如何编写出高质量的前端代码,如何提升前端人员的产品能力,前端应该具备怎样的思维模型

howtocode's Introduction

How To Code -- 前端编程之道

本项目主要面向初/中/高级前端工程师,旨在提升前端工程师的编码质量、产品意识和思维方式。

本项目不关注具体的前端技术知识,更关注如何提升道的层次,着重总结前端开发中经常用到的各种方法论和思维模型,更关注那些能迁移的能力模型。

编码篇

什么是好代码?

  • 好代码的评价标准是什么
  • 好代码的几个核心指标解读
    • 可读性
    • 可维护性
    • 复用性
    • 低耦合
    • 可扩展
    • 可测试
    • 健壮性

如何写出好的代码

  • 提升可读性
  • 提高复用率
  • 降低耦合
  • 增强扩展
  • 函数式编程
  • 如何封装前端组件/库

前端编程N个原则

  • 单一职责
  • 依赖倒置
  • 开闭原则
  • 最小知识原则

交互篇

前端常见交互规范

  • 表格
  • 弹窗
  • 表单
  • loading

前端交互N大原则

思维篇

前端程序员必备N种思维

前端程序员必备的N种习惯

howtocode's People

Contributors

501351981 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.