As an Android developer, Burt has been working in development since graduation, mostly with Android technology, but I’ve been looking at the big front end, the Android/iOS + Web front end. After all, I’ve done static web pages with Html + CSS in college, and I know a bit about iOS development. But we haven’t touched each other for a long time.

As far as I am concerned, technology is the same, and work can be separated due to their own duties, but as far as learning is concerned, there should be no boundaries. Only if you get in touch with it more often can you improve your programming thinking and vision of problems, which is regardless of field and language. At ordinary times, I will pay attention to what is new in other fields to ensure that I follow the development trend of the Internet and embrace advanced productivity.

Next, Burt would like to share with you a roadmap THAT I saw when I learned about Web development. The roadmap comes from Github open source project Developer-Roadmap, which was shared back in 2017 and has been updated and active on Github Trending recently. The roadmap was shared with his students by a foreign professor. It mainly includes four aspects:

  1. Basic skills in Web development;
  2. Web front end;
  3. Web backend;
  4. The conversation;

Below, expand introduction respectively.

1. Basic skills and direction

First, the roadmap shows us the skills necessary for Web development and the directions in which Web development is involved:

The required Skills section (left) can be interpreted as generic, foundational skills that are universal no matter which direction you choose, including but not limited to Git usage, HTTP/HTTPS, data structures and algorithms, etc. Of course, the ability to learn is a must.

The directions section (middle) divides Web development into a Web front end and a Web back end, which later spawned DevOps. Here, we can understand the Web front end as the user visible front page, is the user’s direct interaction part; The Web back end provides the data and response logic required by the front end; DevOps can be understood as operations development, but more on that later.

2. The Web front end

Next, there is the Web front-end roadmap.

As can be seen from the figure, we must have HTML + CSS + JavaScript skills from the beginning, and we need to continue to learn the basic skills, including some development frameworks, common tools and design patterns.

3. The Web backend

For the Web Back end, the body of knowledge required is even more complex:

The authors add:

For the backend, personally I would prefer Node.js and PHP 7 for the full time. Plus, I have been experimenting lately with Go and I quite like it. Apart from these, if I have to choose another one, I would go for Ruby. However this is just my personal preference, you can choose any of the shown languages and you will be good.

As you can see, the authors recommend using Node.js and PHP 7 as the main line. Go and Ruby are also good choices. Of course, the authors say this is just one opinion, and you can pick any language you like from the roadmap and do just fine.

For example, Python~ is very popular recently

4.DevOps

Finally, there’s the DevOps roadmap:

DevOps means “development” and “operations”. Wikipedia defines DevOps as “development” and “operations”.

DevOps (a portmanteal of Development and Operations) is a culture, movement, or practice that values communication and cooperation between “software developers” and “IT Operations technicians”. Build, test, and release software faster, more frequently, and more reliably by automating the software delivery and architecture change processes.

Instead, think of DevOps as the intersection of development (software engineering), technical operations, and quality assurance (QA) :

conclusion

The roadmap is very comprehensive, and with a brief introduction, I believe you have a general understanding of Web development, the direction involved, and some basic knowledge. If you pick a direction and follow the roadmap, you’ll develop your own insights into the body of knowledge in the roadmap as you go along.

Finally, add the developer-roadmap address:

developer-roadmap

At the same time, there is a Chinese version, but the updated version is a bit disjointed, you can also refer to:

developer-roadmap-zh-CN

And finally, welcome to my official account “Bert said.”