Introduction to a,

  1. The Three Musketeers. – Most basic and most important

  • Html:www.runoob.com/html/html-t…
  • Css:www.runoob.com/css/css-tut…
  • Javascript:www.runoob.com/js/js-tutor…

  1. Practice:

  • Write an article in HTML, using as many semantic tags as possible
  • CSS exercise, draw the following page
  • Front-end introduction practice demo [this tutorial from easy to difficult, from drawing the basic page to design mode to write a small game, very suitable for the introduction of practice, you can choose to do] Baidu front-end institute of technology – exercises
  • Js is the most important, practice to a certain extent can see this primer to consolidate the foundation: JavaScript DOM Programming Art (2nd edition)
  • Advanced Programming in JavaScript (4th edition)

  1. The framework

Choose one. It is recommended to choose VUE

  • Vue:
    • Novice tutorial: www.runoob.com/vue2/vue-tu…
    • Official website document: cn.vuejs.org/v2/guide/in…
    • UI component library: antdv.com/docs/vue/in…
  • React:
    • Novice tutorial: www.runoob.com/react/react…
    • Website document: zh-hans.reactjs.org/docs/gettin…
    • UI component library: Ant. Design /docs/react/…

  1. nodejs

This year will also point to the back end [can be put in the project to learn again]

  • Nodejs:www.runoob.com/nodejs/node…
  • Express:www.runoob.com/nodejs/node…
  • Koa: chenshenhai. Making. IO/koa2 – note/n…

Second, improve the

Improvement can be achieved with a lot of project practice [assuming that the above introduction has been completed]

  1. Recommended Technology Stack

  • Front end VUE + ANTD + Baidu Echarts chart
  • Back-end nodejs + KOA + mongodb

  1. Test project

  • Background data management system
    • Front – end menu, table, form, chart, permission management
    • Add, delete, and check CRUD for the back-end database
  • Mimicking the Nuggets on juejin.cn
  • Netease Cloud Music mobile terminal web version
  • Taobao mall

Third, expand

typescript：ts.xcatliu.com/

Electron: Uses the front end to write to the client

Native: React and Vue write mobile applications

Flutter: Cross-end solution