preface

Writing an article is a matter of low short-term gain and high long-term gain. People tend to overestimate short-term gain and underestimate long-term gain. Often, many people cannot stick to it, especially in the early stage of writing an article. There will be a sense of frustration when no one reads the article after finishing it, which affects the later creation.

In a sense, blog is my best study notes and personal card. A tech blog is one of the best ways to get to know a developer in the IT industry, especially if you don’t have a decent degree or a stellar career track record. The past should not be remonstrated, but the future can be pursued. Getting into the tech blogging habit right now could play a major role in your career.

As someone with more than a year of work experience, I’m not trying to brag about how good I am at blogging, at least I never thought I was! Instead, I want to share a few things from my own experience about how to write a tech blog, how to promote your articles, and how to build a personal brand.

1. What tech blogging has taught you

By the end of the day, I’ve been blogging for 15 months now, with 50 posts on Nuggets, 11W + views and 6000+ likes, 39 posts on SegmentFault, 5W + views and 3800+ likes, 50 posts on Github, 800+ stars, 150+ Watch, the article has also been strange dance weekly, front-end daquan, front-end top and other well-known public number reprinted, here is not to show off this insignificant achievement, just want to encourage and I silently insist on paying friends —- don’t donate.

At the beginning of writing articles, like most people, there are two main purposes: first, to record their phased learning achievements; Second, I want to meet more like-minded people. No matter what purpose you started with, as long as you keep writing, you will gradually feel the benefits of this thing:

1. Test your learning results and deepen your understanding of the technology

If something cannot be said or written in plain, simple language, it is a sign that you do not have a full or deep grasp of it. Only through knowledge sharing can we better find our shortcomings in knowledge understanding and mastery.

2. Improve your writing skills

With the increase of my reading amount, I have higher and higher requirements on my articles. I will pay attention to both the quality of articles and the reading experience for readers. I often ask myself repeatedly in the writing process, such as “how can readers absorb what I write more easily? “How can I make it more memorable?” In addition, I will use mind mapping tool XMind and dynamic graph generation tool ScreenToGif, because images are stronger than text memory, visual memory can give full play to its advantages.

3. Make more friends with good people and get more opportunities to push

Happy mo happy xi new friends, through the article to make new friends is not a happy thing! Besides, sharing knowledge can also help others and bring people a sense of achievement! This is a great way to communicate with technical people from all over the world while replying to readers’ comments. It’s a cool thing to know each other for a long time.

4. Build personal brand and improve influence in the industry

In the age of “we media”, information is highly circulating, and even a joke player may gain a career. Knowledge sharing can help you find more valuable friends and partners to build your personal brand. “Let others know you know”, build your personal brand and make others more willing to work with you — passing on and sharing your knowledge is the easiest way to promote people’s understanding and trust in you and break new ground for personal development. When you’re famous enough, you’ll get web ads, (paid) speaking engagements, video recordings, book deals, etc.

5. Get paid (for stories/tips/advertising, etc.)

Consistently writing good articles will result in royalties or rewards, which may be small amounts of money, but are a form of positive feedback that will motivate you to keep producing. By the time your blog has helped you build your personal brand, it will be just as valuable as your day job, if not more so than your day job.

How to write a popular technical article?

1. Go all out to find a good headline

The title acts as a portal, a sign that lets readers know the main idea of the article. If the headline is not well written, it will be hard to get people interested, let alone read, even if the content is of good quality.

Title sure down, want to look for more information, because different people may have different opinions for the same things, so through reading and individual descriptions of the same event can make you more deeper, more angles to understand the problem, and then combining with their own understanding, will understand very quickly, also more thoroughly.

2. Identify your target and audience

Once you have the title, you need to identify your target audience. Understanding your audience, who they are, what background knowledge they have (or what knowledge you want your audience to need), and how they think is an extremely important step. This is a very important step, and it is best to write what you want from the reader at the beginning of the article, so that it will benefit both you and the reader. Knowing your target audience is like a product manager knowing the needs of your target audience.

3. Have a good beginning and end and be informative

As the saying goes, one cannot make bricks without straw. In fact, if one wants to write a informative article, high-quality reference articles are essential! Here is a list of some front-end information that I think is good:

  • JavaScript Weekly, this is one of the most popular English Weekly newspapers with high quality articles. If you only want to subscribe to one Weekly newspaper, this is it.

  • 33 Concepts Every JavaScript Developer Should Know, this guide explains 33 Concepts you must Know for front-end development. The content is in English and available online in Chinese.

  • Front-end Intensive Reading Weekly, a weekly collection of good front-end articles, has been updated 84 articles so far.

  • Front End Performance checklist, this is a front end performance checklist that you can check one by one if you need to optimize an item.

  • 30-seconds-of-code series, very short code snippets to make you understand a point.

  • 30-seconds-of-CSS, 30 seconds series, short code snippets to give you an idea of CSS

  • Must-watch-javascript, this resource contains many high quality front-end videos that are worth checking out.

  • Css-protips, you can learn a lot of tips to improve your CSS skills.

  • Qiwu Weekly puts together a good collection of Chinese articles every week.

If you want to know more excellent front-end information, it is recommended to collect the front-end English website summary this website, including some high-quality foreign blogs and video materials.

4. Get feedback and iterate

I have a baseless theory that I believe in: good writing is slowly honed. When there is a certain amount of reading, interaction with readers after communication, will find the shortcomings of the article, at this time should be timely revised over. After a period of time, the article written should also often take out review, at this time may be able to progress before, look at the problem more profound, feel not satisfied with the old article should also be iterative! In this way, your writing skills will improve quickly!

5. Add the finishing touches: packaging, release and publicity

Three, a few questions about blogging

1. When does it start

Everyone’s heart, how long a list, these lists write how many good things, but, they are always postponed, be shelved, rotting in the attic of time.

Writing technical articles is also difficult at first, and many people spend a lot of time getting started. You may be wondering: How skilled are developers to start their own blog? The best time to plant a tree was 10 years ago, the second best time is now, and the same is true for a tech blog. In fact, I started to write those articles a year ago. Looking back now, I feel that I did a very poor job at that time. For those articles that I am not satisfied with, I can delete them and start again when you improve your ability. So you have to be a technical genius to be qualified to write articles. Instead, you can write articles to document your growth and build your personal brand while sharing articles. Why not?

2. How do YOU get started?

  • Start by imitating and rewriting

For a novice who wants to write a high-quality article from the beginning, it is often difficult to start. My advice is to start with copying and rewriting. You may not have started writing, but you’ve probably read some of the best blog posts. Learn how to title a post, write an opening line, state their point, and summarize. By imitating and rewriting, you will develop a sense of writing and get better at it.

  • It is recommended to determine the topic first and then search for relevant information based on the topic

Search by subject, not by subject. Reading by topic, you’ll find that instead of reading from one book to the next, you’ll jump from book to book, from source to source, very often, to get what multiple people have to say about the same topic. Through the comparison of different data, take its essence, remove the dregs, summed up written.

  • Develop a habit of thinking

Liu Weipeng said in his book Dark Time: “Walking, shopping, washing your face and hands, taking the bus, shopping, traveling, eating, sleeping, all these hours can be called dark time. We can use this time to think, ruminate and digest what we normally watch and read, taking our knowledge away from the scripted.”

When thinking and summarizing become habitual, it becomes natural to think further by writing and by writing, a “you have to write because you are thinking and summarizing” thing, and blogging becomes a by-product.

3. Blogging takes time. How do you balance work and study?

It takes time to write a high-quality article. In order to make readers gain something, they need to work on content, wording, illustration, typesetting and other aspects, which take time.

In fact, the first draft of most of my blog is my study notes, which mainly consists of watching videos or taking notes from books. With such a first draft, writing a blog is half the battle. The next thing you need to do is how to extend the depth and breadth of your knowledge, and finally explain it to others easily. So if you don’t keep learning, it’s hard to be productive.

Programmers can be one of the most overworked professions. For working office workers, blogging should be good at making use of small pieces of time, also known as “time waste” in “Strange Life”, such as using the lunch break, according to the topic of some information, to prepare. I usually write one article a week, never for a few hours at a time. Instead, I just write part of it when I have time. Blogging is an enjoyable process for me.

4. Which platform to write on

There are so many places to write these days, so there are so many choices, and it’s confusing to know where the tech people really gather. I found that many people love writing technique, the first in a platform to write articles, slowly after the platform has accumulated some fame, various editing will be invited or is for promotion purposes, in various popular platform on synchronous his own articles, and then drainage to their own blog, finally opened his public number.

If you are new to writing, I suggest you choose a platform to understand the rules and technical atmosphere of the platform. If all aspects are more appropriate to you, you can choose it to write and publish articles. After the platform has accumulated some fame, you can choose to open your own blog. As for which platform to choose, I think IT’s best to choose one that supports Markdown syntax, so that you don’t have to bother to adjust the format of your article. Among IT platforms, I like Nuggets and SegmentFault most, both of which have good technology atmosphere, but the former gets more views than the latter!

  • The Denver nuggets
  • SegmentFault
  • Github issues

5. How to promote your article?

Good wine is afraid of the deep alley. Nowadays, there are too many people who write technical articles and write well. If they do not pay much attention to promotion, the articles will soon be drowned in the ocean of knowledge, and the reading volume will be very small, which will affect the motivation and passion of writing articles. Personally, the greatest pleasure of writing an article is the interaction with readers and the feedback they bring. If I read less, I will question whether my article is helpful to others and whether it is of poor quality.

How to promote it in the end? First, we need to study the rules of the platform clearly and be familiar with the rules to play the rules! Next, using the SegmentFault community as an example, you should take a closer look at our improved push to the front page article, which details some of the conditions for getting on the front page:

When one of the above conditions is met, the article will be pushed to the timeline of all users who subscribe to the relevant hashtag. This brings up another issue, which is the use of tags when writing articles. We suggest that in order to expand your potential audience, the first tag should be one of the broader technical tags.

6. Why should blog rather than cloud note

As mentioned above, blogs are written from your own notes. Many of you may be wondering why you don’t write your notes directly on Evernote instead of putting effort into writing a blog. I think the limitations of cloud note-taking are as follows:

  • Record in the notes, more for their own view, unable to carry out in-depth understanding and research
  • Unable to share with the majority of peers, is not conducive to finding their own view of the problem and more insights
  • You can’t reap the benefits of knowledge realization, reputation enhancement, let alone personal brand building

Iv. List of Articles in 2018 (50)

In the past year, I insisted on writing blog, and I wrote more than 50 articles, no lack of some good articles, which were reprinted by some well-known public accounts in the front, and received recognition and praise from others, which made me in writing blog this road out of control, and got deeper and deeper! Now all articles are summarized as follows, I hope to be of some help to you.

Vue buckets

1.Learn Vuex from scratch

2.Learn vue-Router from scratch

3.Vue2.0 communication between parent and child components

4.Attributes and methods of Vue2.0 custom instructions and instances

5.Vue2.0 data communication details

6.Inheritance and extension of Vue2.0 components

Page performance optimization

1.Page performance optimization method what

2.Lazy loading and preloading

3.Function throttling and anti – shake

Javascript

1.Let’s get to the JavaScript runtime mechanism

2.JavaScript pre-interpretation is an unscrupulous mechanism

3.JavaScript data types and their detection

4.JavaScript creates objects in several forms

5.We’ll go into the common way arrays are traversed

6.Shallow copy and deep copy

7.Simple Javascript closures

8.You still don’t understand this?

9.Prototype and prototype chain details

10.Nine Cross-domain Implementation Principles (Full version)

11.Dom event mechanism

12.There are six common ways to inherit JavaScript

13.JavaScript data type conversion

14.JavaScript threading versus event mechanisms

15.Front-end Modular Details (Full version)

16.What is the difference between browser and Node Event loops?

ES6

1.ES6 core features

2.Extensions to ES6 arrays — array.from () and array.of ()

3.Asynchronous solutions –Promise and Await

4.JS asynchronous programming six schemes

5.ES6 iterators and generators

CSS

1.Several ways to achieve a three-column layout

2.In-depth understanding of BFC

3.How to clear the float

4.LESS means to learn

5.How to center an element (Final)

6.Several common CSS layouts

7.Here’s what you need to know about responsive layouts

Http protocol and data request

1.Here’s what you need to know about the Http protocol

2.Some important concepts about the Http protocol

3.Here is how HTTPS works

4.One article on Ajax principles is enough

5.Ajax requests background data

6.How does FETCH request data

Browser dependent

1.What happens when you go from URL input to page presentation?

2.Browser storage

3.Simple browser rendering principles

4.Have an in-depth understanding of the browser caching mechanism

Web security

1.Six common Web security attacks and defenses are analyzed

tool

1.How do I preview GitHub projects online

In actual combat

1.Vue Whole family barrel makes an exquisite Meituan project

V. Plan of articles to be written in 2019 (tentative)

This part of the writing plan refers to the advanced series catalogue of The Great God of Wood Yi Yang. Currently, the following themes are tentatively determined. Personally, I think these are the key and difficult points at the front, and it is necessary to have a thorough understanding of them.

  • Vue in-depth series
  • React Series
  • Node Introduction series
  • Webpack configuration and Principles series
  • The call stack
  • Prototype and prototype chain
  • Bind, call, apply implementation principle
  • Higher-order functions
  • JavaScript Design pattern
  • Promise principle and handwritten Promise
  • Overview of Computer Networks
  • TCP/UDP protocol
  • Http2 agreement
  • websocket
  • The front-end monitoring
  • Performance optimization
  • Skeleton screen implementation
  • Vue3.0 new features
  • Vue vs. React
  • MVVM framework implementation principle
  • The Diff algorithm
  • Virtual principle of Dom
  • Front-end data structures and algorithms

Six, afterword.

In fact, it is not difficult to understand something, but how to share it with others in a popular way and let others learn something. I have a habit of reading my previous articles and revising them if I feel unsatisfied. This is my attitude: the quality of articles is much more important than quantity. Every article is like my child, so take it seriously!

As a programmer, I think the most important thing is the ability to type code and solve problems at work. Don’t put the cart before the horse and lose the horse.

To recommend a good BUG monitoring toolFundebug, welcome free trial!

Finally hit a small advertisement, if you want to understand the front-end heavy and difficult, often test interview questions and new knowledge and so on, you can pay attention to my public number “front-end craftsman”, two original quality articles a week, aimed at using popular language to take you into the door!

Refer to articles and books

  • How to write a great tech blog post
  • What have I learned from blogging about technology? – J_Knight_
  • Tech blog stuff
  • You can also write a great tech blog
  • How to start a tech blog, and how to choose?
  • Why should programmers try blogging
  • The way of the front-end interview
  • The dark time
  • Your knowledge needs to be managed