I wrote a book “Front-end Engineering: Design and Practice Based on Vue.js 3.0” and I want to share the story behind it

Original link: https://www.inoreader.com/article/3a9c6e7517b5a638

[[toc]]

Hello everyone, I am Cheng Peiquan. After nearly a year of polishing and optimization, my first technical book “Front-end Engineering: Design and Practice Based on Vue.js 3.0” is published and listed!

Front-end engineering: design and practice based on Vue.js 3.0

This is a front-end introductory book that uses Vue.js version 3.0 as the core technology stack and explains the knowledge points of “front-end engineering” and TypeScript. It is mainly aimed at the following readers:

  1. A novice front-end engineer who has mastered basic HTML page writing knowledge and wants to learn a mainstream front-end framework
  2. Front-end engineers who have learned Vue 2 and want to get started quickly in the face of the major version update of Vue 3
  3. Non-professional front-end development, but involving front-end work, requires a full-stack engineer who has mastered a mainstream front-end framework

The knowledge points in the book are sorted out according to the order in which engineers do projects. It is a step-by-step process, and readers can gain this knowledge:

  1. Learn how to get started with front-end engineering development, master the use of Node.js and npm
  2. Master the TypeScript language with type support, which has been trending higher in the front-end field for many years
  3. Get started with the new version of the mainstream front-end framework Vue.js, and know how to solve common problems

Seeing this, I guess some readers will find it familiar, and it is right to feel familiar! Because before it was officially published, there was another name called “Vue3 Getting Started Guide and Practical Cases”, which was first deployed on my blog site as an open source version of the book’s supporting cases and code resources.

As of the last day of the May Day holiday on May 3, 2023, the open source version has accumulated about 2.2 million readers, and has received the attention and support of many readers and friends, so I believe many people have seen its online version. The above passage is actually part of the preface.

Today’s article is mainly to share the origin of this book, and some stories about me and the writing of the book. I hope interested readers can continue to support it!

Catalog details and where to buy

Let’s put the purchase address of the paper book first. The catalog and content introduction of the book can be viewed in the product details:

  1. Book purchase details page ☞Front -end engineering: design and practice based on Vue.js 3.0
  2. Book purchase QR code☞

Scan code to open Jingdong purchase

If you approve of my work, it is recommended to buy the paper version. Based on the e-book, the paper book has been optimized by the editors and teachers of the Mechanical Industry Press, and it has become more systematic. Thanks to editor Li Xiaobo for supporting me in publishing open source works as paper works. Mr. Li helped follow up countless major and minor matters throughout the process, and also gave me a lot of knowledge about publishing. He is very dedicated!

How about this book?

Before publishing the paper book, the electronic version opened the comment function based on GitHub Issue. I received a lot of feedback and communication from readers. Some of the excerpts are as follows (the ranking is not in chronological order):

Reader Comments on GitHub

There is also a young lady from Baodao who is enthusiastic about Amway (I said that a certain period of time, a lot of engineers from Taiwan suddenly paid attention, and then Google found this tweet, thank you for my enthusiastic netizens!

The little sister from Baodao is enthusiastic about Amway

Because some enthusiastic readers asked me if I had an appreciation channel, I posted an appreciation code on the document in October last year, which allowed me to reward my three cats with some canned food. I also received donations from many readers, including several It is a big appreciation, very special thanks! ! !

some appreciation notes

So regarding the content quality of this book, I believe you should have a general understanding when you read this!

Put my three cats, welcome to suck cats online!

my three cats

my three cats

How did this book come about?

As the author of a finished book of about 320,000 words, I didn’t want to write it into a book very utilitarianly at the beginning. Its earliest and earliest predecessor was actually the fragments of notes I spent countless days and nights studying.

When I first started paying attention to and using Vue 3, it was still in 2020. During that time, there were very few materials. The relevant official website was only adapted based on the content of Vue 2, and there was only an English version. Other readily available materials are really good. There are so few and so few… I was in a relatively early stage of land reclamation during that time. When I encountered problems, I could only Google and StackOverflow, and I also dug in the Issue area and source code of the GitHub warehouse to see if there was a solution.

Later, I found that it was still not enough, and I slowly went to the RFC warehouse to dig some “hidden functions” that have not been officially released, but have actually been realized. During the period, I also sorted out some articles and shared them (for example: Vue3.0 latest Update: script-setup is finalized and some experimental APIs will be deprecated , and Mr. Evan is still helping to answer your questions in the comment area).

Because the process of land reclamation is to use the little rest time, so in the early stage, in order to solve various problems and make the project first, I did not organize the blog notes in the first time. My usual habit is to throw away the found materials first. Give me a WeChat account dedicated to archiving temporary notes as a retrievable “sticky note”.

Some temporary notes recorded at the time

Later, I found that there were too many, and I would easily forget such scattered records when I look back. Based on many times of practice of Feynman’s learning method (using output to force input is really effective!), I gradually sorted out the first One version will be deployed on the blog on the National Day of 2020. When it was first launched, it was just a very pure introductory study guide about Vue 3. The content is relatively simple and the reading threshold is relatively high (you need to be familiar with it. Vue 2 is required to understand what I’m talking about).

I am very grateful for the encouragement of the first wave of readers, who enthusiastically gave me comments and feedback, and also received a lot of problems encountered in email exchanges. After continuous iteration, I slowly added a lot of easy-to-understand examples, and gradually increased Introductory learning content on front-end engineering and TypeScript.

During the period, many readers spontaneously helped me to promote (eg PR #6075 ), so that the content I wrote was gradually seen by more people, so a total of three publishing houses contacted me about publishing matters, and only then did the following Publishing-related matters (Because the time span of invitations from different publishing houses is relatively large, I also chose editor Li Xiaobo and Machinery Industry Press who contacted me the first time. I am also very grateful to the editors of other publishing houses for their kindness to me. acknowledgment of the work!).

What kind of person am I?

Let me talk about myself, I am not a very pure programmer.

Friends who have known me for a long time also know that I have not been doing development since I graduated. I’m also quite ignorant, always hovering on the edge of failing a subject, often the teacher here has finished teaching the knowledge, and I return it to the teacher after a while, anyway, it’s the type of person whose grades are not very good), compared to doing development or operation Wei and other more technical positions. At that time, I preferred to play games, write some hang-up scripts in various forums and communities, and like to see how other people do product design, so after graduation, I went to the game industry to do product operations (I was in The two years in UC were product operations).

At first, I thought it was interesting to do operations, but later I found that my operation KPI largely relied on various activities and promotional cooperation pages at important nodes for promotion, but the thing of “not getting a schedule” is always It hindered me from reaching the KPI, and then I made a small request to my colleagues in the technical department: “I will write some simple requirements pages by myself. Can you review the code and arrange deployment for me when you are free?” , and then I started to write code during working hours. The data indicators of the operation business I was responsible for were basically able to run as expected because the demand could be launched as scheduled, and it has been out of control ever since.

But at that time, I didn’t dare to position myself as a programmer to change jobs. After all, the more I learned, the more I felt small. There are too many things in the computer world that I haven’t touched, so I switched from UC to Netease in 2015 During the game, I still went to the operation position and entered the business line of the big talk mobile game. At that time, the big talk mobile game was about to be launched. The demand 1234 is really a lot, but it is very popular. Scheduled”, so after I joined the job as an operator, the first task assigned to me was to write a clicker, and I just… (Here is Max’s question mark face.jpg )

Max's question mark face.jpg

In fact, my operation resume at that time also wrote that I could write pages. During the interview process of NetEase, I also talked about my experience in UC to meet my own needs, so the director of NetEase at that time also knew that I could write… After “constant demand After the stage of “Smoothly launched and always cool”, I set up my own technical group and product group in the department, and began to have my own front-end development and product planning. Writing code for a living, until 2023 this year, exactly 7 years.

Going around and going from technology major to product operation, and then returning from operation to technology, people often ask me if I don’t regret it after a few years, and some people are curious whether it is difficult for me to switch back to technology.

Let me talk about whether it is difficult or not first, I just want to say two words: “Love”! When you have enough love for one thing, there is really nothing difficult. The “love” here refers to the unchanging love that can be maintained for several years, rather than the three-minute enthusiasm of “I want to learn from the coach” blindly following the trend.

Let me talk about the matter of not regretting later, at least in the current 7 years, I have not regretted it. I have not been a step-by-step person since I was a child. I always follow my interests to do what I like. When I was a teenager, my classmates all I like watching football, listening to popular songs, and singing love songs. At that time, I was already a person who enjoyed being alone and indulging in my own world, listening to rock music. I never watched football or listened to love songs. Li may appear to be more independent and independent, and he doesn’t seem to care much about it since he was a child.

My family background is very average. Before I worked, my parents were busy supporting the family every day and just earning food and clothing, so I basically didn’t have such things as pocket money. Although I wanted to play in a band as early as middle school and high school, but guitar, bass, etc. The cost of musical instruments and piano lessons was really unaffordable at the time, but it didn’t stop me from maintaining my love for them. If I couldn’t afford them, I made them myself, drew patterns, sawed wood, painted them, and painted them myself. I made my favorite BEYOND band guitarist Paul’s Steinberg headless guitar model at the 1991 concert to satisfy my inner Rock’N Roll. This may be my earliest self-realization. a ha ha ha.

DIY guitar model

After working, people of the same age around me began to fall in love, get married, have children, learn to drive and take the driver’s license test. I did it completely the other way around, because I don’t like driving and rarely go out, so I haven’t thought about taking the driver’s license test until now. Instead, in the eyes of my parents, ” You are not too young (the second half of the sentence is that you should start a family…)” at the age when I started to teach myself to play the piano, and formed a band to play performances to fulfill my dream of being a musician. I borrowed the first piano back then, just thinking about it. , It turned out that I really couldn’t let it go, and later I also embarked on the road of no return to buy my favorite piano.

On the left is the first bass I borrowed, and on the right is my own piano

Later, some like-minded partners joined the band together, and were fortunate enough to be on the stage with more than 3,000 people a few times. In a harmonious atmosphere where everyone else sang pop songs, we played a relatively small new metal, even if Now my classmates and children are all grown up, and I am still obsessed with roaring music like “Snag Dog, Fake Eagle, Rotten Beast” every day (this is the opening of a live version of the song Psychosocial by Slipknot, especially dry live version)…

For the balance between hobbies and life, I especially admire Professor He Guangping of Sun Yat-sen University. He teaches in shirts during the day and performs with his head shaking at night. I am so envious of the double-faced life! (Possible: one side is quantum physics, the other side is extreme metal, CUHK professor interprets the perfect fusion of scientific research and music to understand Professor Ho).

It's been a long time since the band name "Chest Breaker"

My hair has never been cut since the beginning of 2018. From bald head to mohawk to waist-length hair now, I feel that I can continue to keep it…

"Miss Cheng" Hello...

The path of no return for me to “only live the life I like” is to make up my mind to get a tattoo. I have wanted to get a flower arm tattoo since I was less than 20 years old. One tattoo is my violin, then my cat, then music elements, and some meaningful pictures of adversity stages, some of which are sketches designed by myself, and then all of them will be handed over to me after the tacit understanding comes up. Tattoo artist Johnny, from 2016 to the present, is still adding patterns, each pattern has a different meaning in its own life stage.

my flower arm

After talking about these past events, I mainly want to go back to what I said earlier. As long as you maintain enough “love”, many difficulties are really not difficult, and because of love, you will naturally meet a group of like-minded friends. Thank you so much for so many years Play with me, grow up with me, and colleagues and friends who have helped me a lot during my career change!

If you are interested in more of my past, you can scan the code to view the records of my work and life in Netease for five years that I have compiled before.

Record the work and life in Netease for five years

How to develop expressive ability?

Finally, I would like to share a question that many programmers may be more concerned about, how to exercise their coding ability and expression ability. Although I am very homely and do not like to socialize, many readers gave me feedback after reading my text that it is easy to understand after reading it. There seems to be a contradiction between my personality and expression? actually not.

I wrote an article before called Markdown Engineer’s Week , and shared that I once wrote Markdown documents for about 25 hours a week, and I spent almost 5 hours a day coding.

Wrote 24+ hours of documentation in a week

Why don’t I feel that writing documents is a very strenuous thing? Because there are two main habits that I often maintain:

One is to maintain the habit of writing a diary every day, and record your emotions in the diary. When you are happy, you can record it and review it later. When you are unhappy, you can use words to output negative emotions. I will not bring bad emotions home or into work. I have written from a few words to two to three thousand words. There is no need to deliberately ask for more or less content. The important thing is that this day is for you For me, is it meaningful to live? It has been 4 years since I re-cultivated the habit of writing a diary in 2019. I have been writing a diary for 4 consecutive years without interruption.

Another habit is the Feynman learning method mentioned above. You can output what you have learned into blog articles or other carriers (for example, the following two PPTs are the speeches I gave at some sharing meetings before, which have been taken out. Min), when you start writing shared content, you may feel that you don’t know how to start, but if you can maintain the habit for a long time, what you write will start to become logical and organized over time.

Because of the above two habits, I later started to record the recipes I usually cook, and many people love to read them.

On the left is my Xiaohongshu account, and on the right is my diary with more than 2,000 words

write at the end

I can see that the friends here really love me. I hope that my book can also give you some help. I hope that you can achieve the goals you want to achieve on the way of continuing to study or changing careers!

Attach the link to buy the book again ☞Front -end engineering: design and practice based on Vue.js 3.0 .

If you want to ask me what will I do next? I also continue to keep learning hahahahahaha! I just changed to a new job in March this year, and I came to a very good team. The technical atmosphere is very good, and the abilities of the teammates are also very strong. In the future, there will be many things that I have not touched before, and I am still growing!

I told my friends before hahaha

Last but not least, I would like to share my secrets to keep my motivation and energy to study…

I thought that was the reason more than a year ago

I still think it's the reason

Thank you for your support!

This article is transferred from: https://www.inoreader.com/article/3a9c6e7517b5a638
This site is only for collection, and the copyright belongs to the original author.