As a server developer, you need to understand and master certain front-end skills? The answer is, of course, necessary.
I remember just before and after development started when the end of the separation is not popular, then not so much front-end framework, what Vue, React still do not exist, Angular just released the first generation version soon, but basically at home No human use.
At that time, most applications or server-side rendering, such as the Java jsp, .NET's aspx, Python's Jinja2 etc., and the rest really need asynchronous loading, JQuery also dominate the world.
At that time I also join in the embrace of .NET, do custom development on SharePoint at Microsoft, called a product, the use of technology is .NET. That is in contact with the front end from the beginning of time, when no one team is dedicated front-end, and no one is specialized back-end, even this statement is simply not the front. The concept of front-end is also very simple, it is HTML + CSS + JQuery, master these three, it is the master of the front.
At that time also I like to thank the products we make, because SharePoint has a feature. Inside it features are in the form of components, you can selectively add the required components on the page, and drag to achieve the layout of these components is custom developed, due to the characteristics of the product, so when we develop the assembly is actually separate the front and rear end, back-end to provide an interface to write the beginning of a webservice, and later became a RESTful interface. That is the front end of three samples, HTML + CSS + JQuery.
Whether it is the development of technology, or learning new technology. All existing technology can not meet the needs of the business or development, it gave birth to a new technology framework to make the team or developers to discover new technology framework. At that time, the need of some form of dynamic changes, such as modifications A field of real-time interaction B, C field, then found some form to achieve two-way binding template engine, and then discovered there Angular this kind of thing.
So when it comes to the topic, as a back-end, even if you have not mastered the front entry, how to get started quickly and grasp it? Of course, there are ways.
A few years ago I began to learn the front
Of course, this method is not for everyone, for up to now has not grasp the front of people who are less fit.
However, there but for a few years after yourself.
Is not it about, is not it a bit philosophical meaning. Is not, and the phrase "The best time to plant a tree was a decade ago, followed now." Is a reason.
Learn basic front-end
The front end of the previous foundation is HTML + CSS + Javascript. But now, some people say that, in addition to these, various front-end frameworks are based on such Vue, React, and even nodejs had to grasp something. Some front-end students do not even understand how Javascript, up on the various frameworks straightforward.
Do not see what the framework, first thoroughly understand what Javascript. Whatever Vue, React, what ES5, ES6, even typescript, to finally compiled or Javascript code.
First honestly do a few pages, use pure HTML, interactive and background to use JQuery, such as making a form page, submit the form spread to the background, do a list of pages used to display the data list. Style should not be too concerned about, after all, we are not professional front-end, front-end basis of understanding, focusing on data exchange front and rear ends. Because I recently discovered that some students do not understand the interaction of the front and rear ends of the process, mainly students just started development. In addition, some students only buried doing the back-end, before and after the interaction for the end do not quite understand.
Own realization of a web
Way to learn is to practice, especially for the development, hands-on is the most important. Talk is cheap. Show me the code.Unless you are a genius, or time out of the heap are relying on technology, it relies on the experience accumulated from the practice.
Even reading more books, look no amount of Bowen, no amount of public concern number, collecting more articles. Once started working, but also a look ignorant state, believe me, I do not have the slightest doubt.
With base on the front step, you can choose a framework, and recommended a Vue or React in the election. Do not do anything up, first read through the official website of the official document, it took almost 2 hours. Then began to follow the example of the official website, create a project, run the project, compile the project, to ensure that it can run a simple project.
Then begin to attack embellished, your site can start from a personal blog, do a simple blog, with a top or left side of the menu, there are personal information, there is the article list page, the article details page, and so on. Show the level of the front end, there are a lot of open source UI frameworks, such as AntDesign, iView, Bootstrap and so on.
Want to emphasize, the style is not very important, focus on the front and rear ends of the interaction. For example, the back-end interfaces to verify Token in the header information, how to join Token in the header of the front-end. How to post json format parameters to the back-end, how to transfer files to the server and so on, only this process are aware of, in the design of the rear end of the interface can be more clear.
In addition, when learning new technology, do not pay too much attention to detail. For example, you use Vue development, configuration may be involved webpack, webpack there are a lot of settings, but it is only used for debugging and packaging, do not be too concerned about its configuration, because it is not the focus.
Once a fight, things are difficult. At the beginning, you will step difficult, only the search engines can save you. In addition to search, find some simple open-source projects is also a good way to do reference.
For example, I did a few days before the web version of the JVM monitoring tools. React to do is to use front-end, you can refer to. Source code on github:. Of course, there's more than what I wrote much stronger open source project worth considering.
And consequently do not say, and do it.
Do not begrudge your " recommended " Yo
Welcome attention occasionally update this series and other articles
古时的风筝 , enter the number of the public can join the exchange group
