Now that we have a brief idea of key elements required to construct a diagram, we will take a look at the steps to create conceptual diagrams followed by an example. ConceptsĬoncepts can be defined as events or objects required for the main idea to exist or become complete. Visual documentation: VuePress Theme Blog DevelopmentĬonceptual diagrams have two key building blocks: concepts and connecting lines with words.Project planning tool: Component tree | Visualising project directories.Learning and teaching resource: Nuxt lifecycle hooks.I taught myself what conceptual diagrams were and made required adjustments to make them more technical and fit into the front-end stream.Īs a front-end developer, I use these diagrams as: Over time, I learned that my diagrams matched very close to conceptual diagrams. With that in mind, I kept on creating similar diagrams as I progressed from Salesforce to Laravel to Vue to Nuxt - and everything in-between. When I started my diagramming journey back in 2015, I didn’t know I was creating conceptual diagrams! Being a visual learner, diagrams were simply a tool for me to capture and organise what I was learning - or I should say ‘not learning’ - because I could easily see the knowledge gaps in my learning.ĭiagramming encouraged better understanding of what I was learning. These diagrams help us simplify and make sense of technical ideas of the front-end ecosystem. If you are a front-end developer and visual learner who is interested in learning what goes into making conceptual diagrams, then this article is for you.Ĭonceptual diagrams are a visual way to show how things work. Beginners guide for front-end developers to create amazing conceptual diagrams
0 Comments
Leave a Reply. |