This article mainly analyzes a problem, how to practice the concept map model in the new knowledge field. Recently, I am learning Vue technology, so here I use Vue for a practice, the purpose is to try a new learning method, the process is as follows:
1. What is a concept map
Baidu Encyclopedia: Concept Map
The article says: "The concept map (concept map) is a graphical method that uses nodes to represent concepts and lines to represent the relationship between concepts." It can be determined by two keywords "node" and "relationship", which are used in the concept map In the process, the concept node should be created first, and then the relationship between the nodes should be established. So how to create concept nodes and relationships? It is necessary to clarify the specific practical plan of the concept map.
2. Concept map practice plan
In the "Thinking Training Course of Harvard University School of Education", there is a detailed introduction to the implementation plan of the concept map, the content is as follows:
Choose a topic, concept or question and illustrate it using a concept map:
● First, list all the ideas that come to mind when you see the topic.
● Secondly, sort according to primary and secondary, put the most important concept in the center of the diagram, and then write other viewpoints around the center in turn.
● Again, use connecting lines to connect common points of view, and use connectives to mark the connections between points of view.
● Finally, further refine the viewpoints that have been listed, and expand and extend on this basis
In a nutshell, it is collection-sorting-connection-refinement , followed by implementation, and carried out according to this step.
3. Use concept maps to learn vue
- collect
Find all concepts associated with vue:
| Front-end framework, progressive, environment construction, configuration files, components, vuex, routing, $emit, encryption, debugging, docker deployment, node, form submission, life cycle, ref acquisition dom, scaffolding, version..... . |
- to sort
The author sorts the associated concepts according to this idea (the top-ranked concepts will be close to the center):
- Front-end framework, progressive, life cycle
- Environment construction, configuration files, docker deployment, scaffolding, version
- Form form its submission, ref to get dom, $emit
- Components, vuex, routing
- debugging
- encryption
- connect
Connect concepts and identify key remarks. (hand drawn sketch)
- refinement
Based on the connection diagram, the concept can be modified and expanded according to actual needs, starting from interests or problems, for example: what is the life cycle of vue? what's the effect? Constantly ask new questions, find new concepts, and constantly expand the connection graph. Compared with the traditional learning method, it can start from the problem, better arouse the interest in learning, and can establish the relationship between concepts, and can continuously improve the thinking ability.
hope it helps you