Year-end summary records the history of people’s growth and development, and, people have the body and thought, only the progress of thought, we just have progress, just have history at all.

Human thought is divided into “ability” and “attitude” two aspects, ability to create value, attitude to allocate value. Only when the value created is “properly allocated” can one become a healthy person in body and mind. We have been pursuing this goal to find a reasonable allocation of ability and attitude to become a healthy person.

I’m an “unhealthy” person

Before 2019, I was considered an “unhealthy” person (including myself, or at least a non-mainstream one) mainly because, in contrast to the conclusion of the above historical philosophy, my social productivity did not reach a reasonable level and created little social value; In terms of attitude, I am aware of the problem and have a good attitude. However, due to the lack of production capacity, there is no value to deploy. From the perspective of mainstream value, I am still an “unhealthy” person. Raise actual production capacity level, urgent.

Note: What is a reasonable level and reasonable allocation point still need further analysis. For example, I am not incompetent, but my actual social productivity does not match my age. There are very complicated personal, biological and social reasons.

After 2019, in order to enter the production as soon as possible, I will devote myself to the professional study — Web APP development — in 2020, without much amateur development. However, even if forced by the situation, the last two months of 2020 is a bit like a sprint in 100 meters, the distance is still misjudged. By the end of the year, the development of 2020 has become a foregone conclusion, single, unemployed, and in debt. The consolation is that nothing bad has happened and everything is in order. Tidy up your mood for this year and look ahead to the next.

2020 My major

This year compared with last year’s several important concept improvement, professional ability should be said to have made great progress. This is manifested in a clear understanding of professional roles (function, structure and code design), professional objectives (WebApp design and development, which became more and more clear after discovering back-end WebApp form), professional structure (clarifying professional composition, dividing front-end and back-end), and even professional workflow. Truly achieved, comprehensive, profound (close to the reason) master their profession.

Have a bird’s eye view of 2020

The only goal for 2020 is to get out of the mountain as soon as possible. However, when I think of it now, the reason for my delay in getting out of the mountain is that I have done a lot of research and topic discussions that others think are meaningless. Here’s an overview of the year with four meaningless studies and eight sections of professional learning.

Four meaningless studies

The first, needless to say, is to examine the so-called Web programmer, his role in the overall software project team, and the composition of the project team structure.

What impressed me most was the discovery of functional design (requirements analysis), structural design and code design, as well as “the theory of design”. And very idealized to “structural design case” as the center, trying to technicalize the above three “design” process. Why is it called idealization? Because design itself is artistic and it is difficult to be technical. Web programmer, ideal is very rich, reality may be more practical and meaningful as my friend said.

But it’s also worth bearing in mind that there is a design process that sets goals and meaning for the action, and flexibility in how detailed and thoughtful the design is. Design theory and technology should be a high-level theme, only the quality of the cost consideration, first learn the basis, for the detailed design of the consideration of operation to provide a basis.

The second unnecessary, is to study the so-called construction theory, the construction system composition principle;

This major is independent of “program function development” and can be classified as a sub-major of project management.

The third meaningless, is to study the superior theory of SPA, about the form and structure of Web GUI program;

SPA and WGP theory research, this is the year’s highlights: nakeman.cn/engineering… Use react to develop spA-class webApps.

Fourth, the study of functional programming, a new understanding of program construction;

This is from the study of functional programming (FP), the OO program construction of JS complement and perfect;

In addition to the above four big “meaningless” topics, there are these smaller topics, and more abstract, such as the latest summary of homework theory. Looking back now, MY pursuit is nothing more than constantly refining my professional content and looking for ways to improve.

The theory of back

It is meaningless to say, in fact, anyone who loves this industry will think about these topics carefully after a few years of working experience, because these are professional basis, but my brain circuit is relatively long, think more and too long. In retrospect (especially after rethinking my homework and major), my basic unconscious intuition is still very strong that the goal of every “meaningless” topic is a core theory of a major. For example, functional programming is the core theory of programming. As for the improvement of ability level through in-depth core theory, I have written clearly in homework theory.

Eight sections of professional learning

All nonsense themes are abstract, so it’s not an idea that just pops up in the beginning, it has a source. In fact, a year is not long, this year’s study can be counted on the fingers of several large sections:

• In the first paragraph, I changed from ES6 to React learning.
• In the second paragraph, I turn to the theory of development tools.
• In the third paragraph, I turned to todomVC’s project and tried to build a wheel from scratch.
• In the fourth section, I feel that the application of TODO is too simple, so I turn to the practical research of non-TODO projects.
• In September, there was a financial crisis and I was forced to prepare for the interview.
• In the sixth paragraph, I reflected on my three years of experience after being rejected for an interview. Summarize with the concept of experience and pattern (a technique of learning);
• 7. Create a TS React project.
• Now comes paragraph 8: Make a full stack static site;

The most interesting part of this process is that React, construction principles, and program construction techniques were studied iteratively twice. Below are a list of key topics and the most impressive research impressions from the entire process.

Topic keywords

1 React SPA WGP MVC L Mainly builds webApp view(IFU)/ViewX 11 SPA architecture (the principle behind React tool) 2 WebPack Babel builds system Node 4 ES6+ VO asynchronous (blocking) flow Promise asyn await iterator generator 3 JS FP program construction function programming 5 Bootstrap SASS style architecture 6 TS 66 mode and Experience 7 Express node mongodb 8 Major of study (summary of homework theory and learning techniques) 9 Major of designCopy the code

The most impressive research

1 what is the mission, operation theory of the core 2 what is functional programming, program construction technique theory at the core of the three design, functional design, structure design and code design 4 WGP has five attributes (several) form, theory of WGP 5 scale development to solve the maintainability, scalability and other projects what is specific problem 6 theory, 7. New knowledge of operation mode, tools, tasks and modes 8. Growth is to constantly discover new meanings 9. My major is divided into two layers. The first layer is the general "transactional application program", relative to the scientific algorithm program; The second layer is Web interface programs, as opposed to native interface programs, and interface programs are a kind of transactional programs. The professional foundation of transactions is object design (design patterns) and OO construction; WGP professional basis is WGP theory, JS language and so on.Copy the code

The most important topics will be selected and summarized.

React

React is the second generation of Web front-end UI development framework. The latest hook abstraction is also an important milestone, but it is not the third generation yet. It takes a lot of ground to understand this, and React as a professional tool is a cross-application of many of them.

The first foundation is the front-end UI development framework; React was designed to develop “interactive Spa-like Web applications” and introduced the idea of “componentization.” React’s revolutionary point is to divide the interactive functions of GUI programs into independent “components”. “Components”, like Lego bricks, can be developed independently and combined to form more complex interactive components. The React “component” is a Web component that can declaratively embed HTML code to make UI rendering (using templates for everything else) and is “stateful”.

The second foundation is the second generation; Unlike backbone, which operates directly on the DOM, React creates web components that only work on the VDOM. In addition to ensuring the efficiency of UI re-rendering resulting from frequent interactions, VDOM also simplifies the componentized development of interactive functions.

The theory of

• React learn summary
• One-page application (SPA) form theory and React application general structure
• Try to summarize SPA V theory to explain React technology

Empirical mode

• How to develop SPA V Components with state in React Components Class
• How to develop SPA V components with state in React Hook
• React has two basic component design patterns
• What is the React Context API and how to use it
• How to read a React SPA WGP project

L 1 Single V production L render (interactive output) L loose form part E interactive input E intelligent state E 2 composite Vx production (divided into formal structure, L manual props L date props,func props E object props L children props E render props E React hooks E 2 V state L local state L com. state L V itself is stateful, M is actually another meaning, is the scale of the external task. L If the state is not complex and does not require state management, the form of V even includes the network (back end). Redux E React Hooks E 3 Component code reuse tasks and techniques V 'l language features L mixins E HOC Higher-order Component OO 2020-09-03 L Function props L render props L object propsCopy the code

Advanced technology

• React Refs Usage Guide
• Code reuse techniques in React development: inheritance, composition, decoration, and blending

React API

SPA/Webapp theory

React is just a V. What does that mean? This requires a higher theory — SPA theory to explain it, which is why SPA theory (and Webapp theory) is discussed. In fact, V is the core of the SPA (or WebApp) form, but not the whole one. Second, the React component is only a technical implementation of V, not a logical V. We need a comprehensive SPA theory to explain React, use it deeply and efficiently, and even improve on it.

The SPA theory

SPA theory has two aspects: the first is the formal attribute of SPA procedure; Second, the internal composition of the SPA procedure. The internal composition has made preliminary findings in last year’s year-end summary; Formal attributes are new this year. And in the back-end study at the end of the year, SPA and MPA are summarized as WebAPP.

SPA and MPA have the same formal attributes, both of which are WebApp. However, due to different physical implementation bases, the logic of structural components is different. For example, Router components, SPA and MPA are implemented differently.

An internal

According to the engineering idea of divide and conquer, the big program is divided into different full-time program objects, which is the general knowledge of the development circle, but only engineering practice (such as OO design), there is no theory, the theory is “program structure theory”, it is mainly about “the form of program components” and “the combination of program components” theory. For example, the popular GUI application structure theory MVC. MVC was pointed out by me last year to be backward and inaccurate. This year, the internal structure of WebApp is studied in detail. See this diagram.

In the form of property

To my surprise, SPAs (WebApps) also have formal properties. The meaning of formal attributes is obvious, such as V component formal attributes explain the philosophy of the existence of its interface (such as Render).

The following is a summary of the form and structural parts of the conclusion, there are many components to supplement, need to be more detailed next year.

SPA program form

SPA program as one of the most popular WGP, its formal attributes include (the more advanced the more core) : WEB GUI SESSION INTEL NET APPCopy the code

SPA program materials

WEB GUI > View
SESSION > Router
INTEL > Model
Copy the code

View component form

V program is the core component of SPA (WebApp), but it is also a program itself, and also has a professional form, and structure

The type of computation that a Vx program does is it constantly manipulates the DOM, and that's what makes it special. Vx is a collection of more than one mixed object called V. V is a special object called DOM operation that manipulates the DOM, listens for DOM events, # React Learning # Big V Implements five complex features of WEB GUI interaction: first, memory intelligence; Second, multiple execution points; Third, static hierarchical complex structure (longitudinal); Fourth, time series dynamic replacement; Fifth, parallel cooperative composite structure (horizontal);Copy the code

Important notes

• The SPA theory
• Comparison of WebAPP form of MPA SPA
• MVC is a pattern experience for designing GUI structures (objects)
• Endless MVC

Todo SPA project practice

This is the first self-designed learning experience project this year. Although the core title is “Building system”, most of the content is actually about SPA architecture design and implementation. Web project and building system are one-to-one, and the project involves three professional contents:

• First, the build system, which is a general concept, is not a common WebPack-based build tool.
• Second, the composition of SPA architecture, which is worth mentioning, the experience of SPA programming process, including functional design (demand analysis) and structural design (UML diagram), which is a useful discussion in the future, but at present I focus on the code design, functional and structural design technology to be in the future;
• Third, git;

Important notes

Todo project design and development L TODO project requirement analysis L UC diagram making E TODO project SPA model design L Use case View wire frame making E Use case process structure drawing (SITemAP) 2020-05-09 E Database model design E Intelligent structure design of project E Requirements analysis L What makes a good requirements document - more specific software project proposal L Requirements document L Agile Development 2020-07-01 E Agile Requirements: At its core, a compact model of needs that (for the time being) best communicates stakeholder needs with beings the perception, understanding, and value judgment that something exists as a stakeholder (multiple) is a need. E The existence attribute of something is observed by stakeholders of different intelligence and values, presenting different perspectives and levels of abstraction L The requirement statement is divided into three logical layers (sufficient?) : business user and function. E and then divided into different session use cases according to stakeholders. The underlying attributes of agile requirements are It requires and is easy to modify and extend E use-case diagrams L The relationship between use-case diagrams and requirements documents (both can be used to "model" a program -- plan its functionality (not structure)) L Use cases can express relationships between users (general and specific users), The documentation better expresses the requirements abstraction layer (business users and functionality) L use case diagrams to capture the functional requirements of the system. In practice, text descriptions better describe functional requirements. Therefore, the actual use case diagram must be added with text description. E Demand analysis is the program function design 2020-07-05 L high quality program function design case (demand three table, and UC) L first, more truly confirm the value judgment of the user; E second, to guide designers more clearly in structural design and technical implementation of developers;Copy the code

blog

• Build custom systems for Web projects from scratch (I) – static pages
• Build custom systems for Web projects from scratch (PART 2) – version tracking systems
• Build custom systems for Web projects from scratch (iii) – Simple interactive pages
• Build a Custom System for Web Projects from Scratch (4) — SPA version of Hello XXXX (1)
• Build a Custom System for Web Projects from Scratch (4) — SPA version of Hello XXXX (2)
• Build custom systems from scratch for Web projects (5) Todo SPA

webpack

This year, I had two studies on building the system. The first one was a self-drafted project above. The second is the study of integrated TS and style architecture in December, which is centered on Webpack and summarized in the article “Webpack and Project Construction Reunderstanding” :

• JavaScript Build Tools of Choice (2019)
• The conceptual basis of “builder/system” production
• Rethinking Webpack and project building

Webpack is intended as a unified web app building tool chain. L Webpack is an application of the modularization theory to bundled BUNDLED BUNDLED JS modules. CSS module, and picture resource module L can not understand the CSS module, and picture resource module packaging principle, is because I have not done L CSS programming L CSS module BEM L CSS experience mode! : using BEM principles to create a collection of front-end development tips and tools E MPN install -D research L project management, and configuration of the development environmentCopy the code

JS language and basic programming tools and technology

In the interview preparation process, some basic JS review, these contents are not what theory, it is the most basic tool features of JS, there are a lot of worth remembering;

First, let replaces var with two meanings

• Let except (a) variable declaration convention hardening: 1 variable does not promote, before use must be declared in a fixed place; 2 cannot repeat the declaration;
• There are (two) new scope control: the variable is limited in the block, this involves the production of variables (symbols), you can understand the nature of the use of variables

Second, undefined and null have completely different properties

• JS the cost of freedom, and maintenance
• Null is the “0” of the value of object, undefined means that the data variable does not exist, which is the expression of JS dynamic.
• Undefined is a phenomenon or result of JS dynamics, like type dynamics, which generates Typeof to maintain program quality
• Undefined JS dynamic: allows variables, object properties to be created dynamically; A symbol is detected to be undefined, indicating that the symbol is changing as a formal part of the program (temporarily nonexistent, or for some reason nonexistent);
• The object is null, like the “” empty string of a string. The null object exists, but it is empty and has no value.

Third, reduce is an application based on the basic abstraction of forEach

• ForEach is an abstract wrapper around the “looping by looping” computing capability
• reduce
  • Computational tasks (problems and solutions) have a certain incrementality
  • Numerical summation is the simplest and most intuitive example of this asymptotic property
  • Reduce and evolutionary algorithms

Fourth, value comparison and logical operation;

Fifth, short circuit logic operation;

Important notes

10 National Day value comparison and logical operation calculation function realization process why need value comparison? Because the program is composed of a number of instructions, and useful program functions are a certain structure of the non-sequence short circuit logic operation is the main principle, JS hidden for us (dynamic) conversion type of a value into Boolean type of two methods!! The value https://www.samanthaming.com/tidbits HR hackers ranking forEach is calculated results to the packing of the "cycling" programming and calculation function programming var and let typeof undefined NaN Programs are full of variables and indirection and you know you know variables from scope, you know programs from variablesCopy the code

JS program construction and functional programming

This year in the interview preparation process, the study of closures, higher-order functions, function Currization, and functional programming (FP), led to a high-level topic – # functional programming #, triggered a “revolution” in my programming concept. This is mainly caused by functional programming with “functions as values”. Functional programming as opposed to result programming, the “programming paradigm” is a different way of factoring computing functionality. OO was originally just a way of factoring computing functionality.

Functional programming should be the core theory of “programming”, and object oriented is just its application. Therefore, functional programming theory leads to the improvement of programming concept, which can not be ignored for the improvement of programming ability (from the conclusion of learning technology, the role of “theory” can be known), but the current in-depth analysis and summary (these knowledge will be more useful in the development of open source tools, application and development benefits need to be verified).

Programming views and professional leaps forward

Programming skills in terms of programming skills (not structural design), there are two directions of ability development, the first is the problem domain, array character clientside; The second is the concept of programming, process, object and function.

The knowledge level of problem characteristics determines the efficiency of algorithm, while the programming view determines the elegance of code organization.

My vision of 2020

The question that has always fascinated me most is what my great major is. This question has great implications for your professional life. It is preliminarily concluded that my major is divided into two layers. The first layer is general “transactional applications”, as opposed to scientific algorithmic programs. The second layer is Web interface programs, as opposed to native interface programs, and interface programs are a kind of transactional programs. The professional foundation of transactions is object design (design patterns) and OO construction; WGP professional basis is WGP theory, JS language and so on.

blog

• Is the JS language object-oriented? (a)
• Is the JS language object-oriented? (2)
• A comparative study of JS closures and constructors
• Ten interview questions to effectively evaluate the soft power of JS developers
• How can I use partial function techniques to improve code readability
• This is a good example of a programming philosophy
• An Introduction to Functional JavaScript

A research note

• TODO 2020-10 Programming technology research
• FP and OO are both for functional programming
• Higher order function and reunderstanding of “function as value”
• How to make function composite

Mind mapping

ES6+ Syntax sugar tool

In preparing for the interview, I studied frequent test themes — Promise and Iterator. Looking back now, I don’t know where to put them (which sub-major), but I think they are all ES6+ new grammar sugar tools. Promise and Iterator are intended for “some kind of programming task,” which is somewhat specialized and markedly different from React CSS WebPack.

In fact, the core of Promise (including asyn await) is the programming task of obstructive operation. Iterator is for the processing of sets. They are all syntactic sugar proposed by ES6+ for “maintainable”. The processing of the collection should be a relatively general programming task, and the obstructive operation should be unique to the interactive application based on the network and the program with special dynamic characteristics. The so-called event programming (asynchronous completion is only one kind of event).

The JS runtime implements “event programming” through the event queue (registration and capture of events) mechanism, and the programming API uses the concept of callback functions. The idea is that when a blocking operation is performed, a callback is installed after completion, implementing an asynchronous concept. We programmed most of the functionality, the command operations were synchronous (non-obstructive), and when our task AsynX had a lot of asynchro (obstructive), the nested use of callback code became very difficult to read, which is why Promise was proposed.

AsynX

• Promise and Iterator have a lot in common
• What are promise objects, and how are they constructed and used
• JS asynchronous function (programming) and asynchronous flow control technology

Important notes

The class object is a refined tool, and it is important to recognize that it is specific to the task, which is AsynX, to develop AsynX function modules. The task of this composite asynchronous function module can be thought of as a special business module, and the Promise class object is designed to: * Promise is a special kind of business logic object. Look at the whole Promise specification as a specific business logic rule. Any application function is a business logic rule. Business function function, produces a value with the function that uses Promise, Is a similar three-piece design of Promise business logic: first, wrap values completed asynchronously; Second, string multiple promises; Third, error handling; On October 17Copy the code

IteratX

• G is not an ordinary function. It’s VO
• Understanding the principles behind tool improvement design is the most exciting

RegEx

Regular expressions are used in programming tasks related to characters. Regular expressions = character processing programming, including checking the validity of string format, finding string, replacing string, and character filtering;

Verify text content test Search Extract text information match replace text content replace split text contentCopy the code

• Regular machines and character processing programming
• Regular expression design
• Regular expression API

UI library and interaction design development

From CSS tools (Styling layouting animation) to Grid Theme (Grid Theme responsiveness), the first task of the new major comes to mind: 2d layout grid

Important notes

What can bootstrap framework lead us in interactive UI development using grid just like GUI using V objects Web application designer "new professional" -- UI development 2020-12-08 E Grid System solves a common style (interactive development) engineering task L What other scale styling (interactive) development tasks are there? L Stylization, such as theme, coloring, typography (including title, table, list), forms; E Animation function, the following menu; E Anyway tools for the engineering task is "interactive enrichment" E CSS preprocessor L SASS 2020-12-08Copy the code

Web application designer “new major” why UI frameworks (like Bootstrap), your major?

Theory of operation

In order to find a good way to learn (technology), I tried to conclude a “homework theory” last year. After this year’s learning experience, this theory has made some progress.

The first is to separate “learning” from “homework”. The achievement of “homework theory” is not a learning technology, but only a partial basis of it.

Any production activities are homework, learning is only one of them, but a very special one; The concept of operation is very general, is a highly abstract methodology, the conclusion is applicable to all human production activities, its research object is theory (theory of something), tools, technology, tasks, etc.

The second development is that the significance of homework theory to the actual production is indirect and not obvious, it has this kind of hierarchy: homework theory > something theory > something production tool (technology) > something task scheme (production procedure);

Third, we master and apply the new technology generally stay in the tool features (such as the React API), and a certain task scheme of the tool (common use method, such as the React component pattern); The next level of tool design, the theory of something, and the theory of work itself, is still in scientific progress; In short, homework, learning techniques, and WGP theory are still being refined, and their progress simultaneously advances capabilities; The progress of the exercise book, and how it informs the theory of something (learning and WGP theory), and the design of technical tools are areas that need elaboration in the future;

Fourth, conclusion of homework Theory (2020) :

1. The most general description and summary of the natural laws of something. Theory of STH (natural law), a practice aiming at creating something 3 tools feature is designed with one end of the [for people], and [work], at the end of the end homework 】 【 helps to efficiently complete the task, make product ~ [work] end is technology/tool "feature attributes" ~ [for people] including people's thinking, Programming language, the various concepts of code base, application framework components are for the people of the "hand" of thinking] can hold control of four tasks: task is one task (operators) for raw materials production, using the technology/tools to generate objective existence 5 empirical mode: the process of the model is not a tool, is a tool, the use of patterns is to use tools to complete the task of the optimal rulesCopy the code

Research Notes:

• New understanding of homework theory
• SPA theoretical significance and competency level
• Theory is not all
• What is technology, mission, theory?
• What is homework theory? What does it do?
• Why do I always want to know the definition of “mission” in general?

Learning professional

In 2020, in addition to Web application development and philosophy, I have another major vaguely. As a self-learner, I have a special skill called learning. Some preliminary conclusions are summarized here;

• First, the essential object of this major: human brain cognition, cognition of the world; The law of human cognitive activities;
• Second, the “entrance” to new learning is always expert exposition; Expert elaboration is the starting point of learning, but also the basis point, only you completed the study, to establish their own a set of things after the possible positive recognition, and negative criticism. That’s when you really finish learning the new skills.
• Third, the study of the truth digestion of the triple gate, oneself, experts, the truth, than experts, their subjective digestion, close to the truth;
• Fourth, “reading expert writings (articles)” is the most basic and easy “learning technology”;
• Fifth, on the basis of reading experts, we also need (and still need) more detailed and accurate learning techniques; For example, how to digest new ideas with existing ones; If you don’t have old experience, you may need to tell stories and experiment to get the foundation for digestion — new tasks, natural attributes, meaning
• Sixthly, homework theory has certain guidance to study specialty, but has no pertinence;
• New learning content: new tasks (new tool features), new natural properties, new meanings;
• Eighth, growth is the expansion of meaning. “Inexperience” means not knowing something and not experiencing meaning. Experience and new skills mean understanding essence and meaning. Meaning is value and new meaning is new value.
• Ninth: Learn one of the techniques (experience mode), from brainstorming to clarifying majors

1. My learning phenomenon is to constantly read professional articles, write down inspiration, divergent exploration 2. At the end of the year, I will go back to organize, convergence and induction 3. 5 Theory: find the formal attributes of professional objects, and operation rules, such as learning the brain cognitive rules of professional people. 6 Experience: reanalyze common production scenes and "tasks" in professional fields, and summarize experience and operation modeCopy the code

Learning majors, like homework theory, is methodological and valuable, but it is not easy to realize these values. They’re in the same difficulty, one, they’re in the scientific process, and two, they’re abstract. These are all areas where progress is needed in the future.

Research Notes:

My invisible major, study major

Rich experience is the degree of mastery of programming patterns

L "mode" is not a "tool", it is the use of tools, patterns are the optimal rules for using tools to accomplish "tasks" L Design mode, JS mode, React mode L mode, tools, Programming tools feature that it can be used to complete programming tasks E mode of knowledgeCopy the code

Design major

One of the biggest progress this year is to have a deeper understanding of “design”, including the difference between the broad and narrow sense of “design”; “Narrow design” refers to the stage of conceptual analysis, the stage of creating physical model, is the function of “something designer”, is to take over the functional requirements documents of market analysts, make design models, and provide development engineering as development guidance. “Design in the broad sense” refers to a process of consideration that precedes the implementation of operational development, functionality, models, and physical products.

Demand analysis is "functional design", architecture design is "structural design", technology development is "technical design" - Nosuru crane consideration process is, according to the actual situation, design values and so on to make a design case output. The output of functional design is the demand specification, the output of structural design is the program structure design case, and the output of technical design is the specific code program. - wild crane crane rev * 1 function design output is the function of the abstract design case (program function design demand level 3 tables and UC figure) - wild crane crane design case has a level of abstraction, points of abstract and concrete design - wild crane crane This article has been revised in early July, design is the process of consideration design case, physical design case, also have abstract model. Another advance this year, based on design theory, was the discovery of the "functional" and "structural" parts of programming, with the former being marketing analysts and the latter programmers (so-called architects). Rigorously distinguish the three phases of procedural form (requirements), model design, and procedural entity development, and know their design cases (e.g., UML use case diagrams)Copy the code