Many beginners , Will ask a question , What is the basis for learning micro build low code . If you look at publicity , Everyone is a developer , It doesn't seem to need any foundation . But when you really start making apps , It is found that every small basic point is insurmountable . The reason is , Just didn't learn programming knowledge first , Started to practice .

Many people will hold an idea , Knowledge I learn what I encounter . The premise of this view is , You train and study for a long time , I have mastered the general knowledge of this industry , The emergence of new knowledge is also the continuation of old knowledge . Because with the foundation , Master the method of learning , So it's not difficult to learn what you encounter .

For cross industry , Or for students who start learning from scratch , If you don't sort out knowledge into a system , Step by step learning , You will find it difficult to take every step .

In order to solve the above problems , We have prepared this series of courses , Starting from the basis of programming . If you want to learn, you have to practice , Then our practical tool is micro build low code, which is a low code tool . Translate the knowledge of programming into low code tools , Let you not only master the basic knowledge of programming, but also gradually get familiar with the use of tools , Achieve twice the result with half the effort .

Web three piece set

When we browse all kinds of web pages on the Internet , You can view the text , Click the button to interact , Play videos, etc . Web pages are generally composed of three parts , Content 、 style 、 Interaction consists of three parts . These three parts correspond to three technologies , Namely html、css and javascript.

Into low code , take html Various basic components of have been sub assembled , Into an ordinary container 、 Text 、 Buttons and other components . Therefore, the biggest difference between low code development and traditional development is that traditional development uses the form of tags to complete the construction of page content , Low code development is to complete the assembly of pages through the assembly of components .

It doesn't mean that the difficulty of programming through component combination is reduced , The difficulty is the same , It is necessary to understand which elements or components are used to implement different contents . However, if the low code manufacturer adapts to more business scenarios , Then the more common his components are , We're faster when we assemble pages . The cost reduction and efficiency increase mentioned by low code means that more work can be done per unit time .

CSS Determine the style of the page , For example, the background color , Background map , The color of the text 、 Font, etc. . Low code for CSS There's not much encapsulation ,CSS The properties of can be set . It just has two modes , Low code mode can be set through the interface , Pure code mode can directly write style code .

The third part is javascript 了 , In low code, it is called behavior . Each component can be configured with a variety of behaviors , For example, click on 、 Long press 、 slide 、 Touch bottom 、 Value change, etc . With the action button, you live , When you click, you can perform various tasks according to the rules you set , For example, save the data to the database , Calling applet api, Or call various functions of Tencent system , Such as Tencent documents 、 Wechat payment 、 Tencent Conference .

Small example

We use the text component to make a clickable button , Put the text component into the page first , Modify text content

Switch to the style tab , If you don't set the style , The width of our text takes up the whole line , We don't want the text to occupy the whole line , But you can set the width , You can set the layout to inline-block

You can see that the width has now surrounded the text . Then we can set the width of the text to 250, High for 80

By default , The text is in the upper left corner , We need to be horizontally and vertically centered . You can set the alignment to center alignment

Then the row height setting 80 The vertical center is realized

Then you can set the background color , Fill by color

Then set a fillet effect

When the mouse moves up, I hope the mouse will become a small hand , This special style , You need to write style code , Click style code edit , Enter the style of the mouse

cursor: pointer;

After the style is set , Set the behavior of the button

Set the execution action to pop-up

Final effect

summary

In this section, we introduce the basic concepts in micro build low code , Developed a small example , It is suitable for zero basic introductory learning . Later, we will gradually integrate technical concepts into low code tools , Gradually master the theory , Practice and theory , Programming is an introduction .