How to develop and build a completely independent website at the front end

I used wordpress to build a personal website before, but I found that that is not what I wanted. As a front-end, I hope to build a website completely under my own control. I can use the current mainstream technology, front-end react,vue, background nodejs, etc., and then through my usual knowledge points, I constantly optimize it, transform its structure, and optimize its performance. Make it an example of your current skills and motivate yourself to keep learning.
searched the Internet, and it"s all about building with wordpress. It feels like you can build a website with all kinds of skins without using current knowledge. No, this is not what I want.

I don"t know if I haven"t expressed it clearly. I hope everyone who understands it can give me some guidance. How can I realize the building method I mentioned above

Nov.21,2021

means how to be a full stack. Simple, as a front-end, what you lack is the knowledge of server and operation and maintenance. Try to learn a back-end language and web framework, and then buy a CVM and domain name for a while.

however, you need to understand the meaning of setting up a website. If it is for content output, such as blogs or communities, it is good to use tools such as wordpress or hexo, or ready-made blogs and column sites. There is no need to do it on your own. If it is to use the website to learn relevant web knowledge, then start from the relevant knowledge of the server, generally is http, database, server, cache and other series of knowledge.


tell me about my personal experience. I hope it will be helpful to you.
Let's start with a rough description of my development sequence from scratch to completion of a website.

  1. the first thing is to conceive the functional modules of the website you want to do. To put it simply, what pages are there and what functions are provided?
  2. then designs the database based on the first point (data tables, fields, types of values, and so on), which needs to be clearly designed before moving on.
  3. according to the designed database, start to design the front-end interaction interface, that is, what is the data to be transmitted by the front end, and what is the HTTP method of the interface. At this time, it is generally considered in combination with the back-end processing of data and the operation of the database. So if there is a problem with the design of the database, we have to go back to change the database at this stage.
  4. if you use the front-end and back-end separate development approach, you can develop the front-end and back-end separately.
  5. after both the front and back ends are completed, joint debugging is required. In general, there is a local server at the front and back end of the development. At this time, the joint survey needs to do some cross-domain work.
  6. once there is no problem with joint debugging, you can start to deploy to your CVM.

so to sum up, you need the knowledge of the database. Choose the one you like ( MySQL , MongoDB .),) and then node.js to do back-end development, and choose a framework ( Express , koa ). The front-end subject should not need me to say that:), will be deployed online. If you have done everything in front of you, it won't be a big problem. There are a lot of tutorials, or it's okay for you to think about it at this point.
the suggestion is to try more, starting with demo of each module, maybe all hello world , but after establishing your own understanding from hello world , you can quickly modify this simple demo , which is very fast to learn. And knowledge of HTTP , and WEB server some simple working principles, it should be very helpful for you to do simple back-end development.

I don't know if there is any logical confusion, . I hope I can give you some help.


use webpack


koajs . I now build a MVC framework
based on this, I can also use some already built ones, such as eggjs,nestjs,nuxtjs


you also need some back-end and operation and maintenance knowledge ~


github to find a high Demo, to learn.


wordpress is a product. You don't need it. The front-end knowledge alone is not enough to build a web address. Take a look at nodejs , the database, and make a simple blog by yourself. After you have done it, buy a CVM. You can deploy


http://weixiaoyi.club/. As soon as it is built, an output ok, uses Ali CVM + nginx, and the backend node express, front-end react, can add 374706257 groups to communicate

.
Menu