web开发完全步骤_成为成功的Web开发人员的21个步骤

阳光穿透心脏的1/2处 2022-12-03 09:44 229阅读 0赞

web开发完全步骤

**With the web development industry [booming][], many are asking the question: How do I become a web developer? I think that’s the wrong question to ask. It should rather be: How do I become a *successful* web developer?**

**随着Web开发行业的[蓬勃发展][booming] ，许多人都在问一个问题：我如何成为Web开发人员？** **我认为这是一个错误的问题。** **应该是：如何成为一名*成功的* Web开发人员？**

This is important to ask, because so many people around the world are web developers, but how many of them are successful at it?

提出这一点很重要，因为全世界有很多人是Web开发人员，但是其中有多少人成功呢？

My goal for this article is to equip you with the mindset, knowledge and skills to stand out from the crowd and make a success of your web development career — whether that’s at a company or freelancing for yourself.

我在本文中的目标是使您具备从人群中脱颖而出的心态，知识和技能，并在您的Web开发事业中取得成功-无论是在公司还是为自己谋求自由。

This article is intended for aspiring web developers and web developers who are struggling to break through the “barrier of mediocrity.”

本文面向有志于突破“平庸之门”的有抱负的Web开发人员和Web开发人员。

These 21 steps will help you succeed in web development and beyond.

这21个步骤将帮助您成功进行Web开发及其他。

## 1.这是您真正感兴趣的事情吗？ **(**1. Is This Something You’re Truly Passionate About?**)** ##

“Passion” is a word so commonly used that the actual meaning gets distorted. It actually means “a strong and barely controllable emotion.”

“热情”是一个非常常用的词，其实际含义会失真。 它实际上意味着“强烈而几乎无法控制的情绪”。

Passion is not passive: it’s a pursuit to act. Most people [hate their 9–5 jobs][hate their 9_5 jobs], but few do jobs they love and are passionate about.

激情不是消极的：是对行动的追求。 大多数人[讨厌他们的9-5工作][hate their 9_5 jobs] ，但很少有人喜欢并热衷于工作。

It’s important to ask yourself these three questions:

问自己以下三个问题很重要：

1.  Does the thought of creating websites and web apps excite me?
    
    创建网站和Web应用程序的想法让我兴奋吗？
2.  Would this be an exciting career for me to do?
    
    这对我来说是一个令人兴奋的职业吗？
3.  Would becoming a web developer be in line with the lifestyle I’d like to have for myself (and my family)?
    
    成为一名Web开发人员是否符合我想为自己(和我的家人)拥有的生活方式？

If you answered yes to the above questions, you’re on the right path to becoming a web developer.

如果您对以上问题的回答是“是”，那么您正成为网络开发人员的正确之路。

## 2.您的“为什么”？ **(**2. What’s Your “Why?”**)** ##

This is one of the most important questions to ask yourself. Why would you like to become a (successful) web developer?

这是问自己最重要的问题之一。 您为什么要成为一名(成功的)Web开发人员？

*  To make a difference and change the lives of others?
    
    要有所作为并改变他人的生活？
 *  To build projects for others?
    
    为别人建造项目？
 *  To build your own projects?
    
    要建立自己的项目？
 *  To earn a good income?
    
    赚取好收入？

One of my “Whys” is to empower and equip others to make a positive difference in their lives as a whole, so that they can do the same for others.

我的“为什么”之一是赋权和装备他人，以对他们的整体生活产生积极的影响，以便他们可以为他人做同样的事情。

When you’re tired, distracted, upset or not motivated, your “Why” will get you to act if you really want to fulfill it.

当您感到疲倦，分心，沮丧或没有动力时，如果您真的想要实现目标，那么“为什么”会让您采取行动。

## 3.您感兴趣的是什么？ **(**3. What Interests You?**)** ##

Do you prefer logic and problem solving or design and visual?

您喜欢逻辑和问题解决方案还是设计和视觉效果？

If you prefer logic and problem solving, you’ll enjoy back-end web development.

如果您喜欢逻辑和问题解决方案，那么您将喜欢后端Web开发。

If you prefer design and visual, you’ll enjoy front-end web development.

如果您喜欢设计和视觉效果，则可以享受前端Web开发。

Backend programming is everything you can’t see on a website. Think of a server (a big hard drive with all the site’s information) in a location somewhere in the world, processing all the website data and then sending it to the browser.

后端编程是您在网站上看不到的一切。 考虑一下位于世界某处的服务器(包含所有站点信息的大硬盘)，处理所有网站数据，然后将其发送到浏览器。

Front-end programming is everything you can see, click and interact with on a website.

前端编程是您可以在网站上看到，单击并与之交互的所有内容。

Maybe you prefer [both][]?

也许[两者都][both]喜欢？

## 4.制定行动计划 **(**4. Create an Action Plan**)** ##

Once you figure out what interests you and what you will enjoy doing, it’s time to plan.

一旦确定了自己的兴趣以及您将享受的工作，就可以进行计划了。

How much time do you have available to study? How much are you willing to invest on learning?

您有多少时间可以学习？ 您愿意在学习上投入多少？

Create a plan that works for you. It may look something like this:

创建一个适合您的计划。 它可能看起来像这样：

> I only have 2 hours to study every day. My budget is under $500 and I’m interested in front-end web development.
> 
> 我每天只有2个小时的学习时间。 我的预算在$ 500美元以下，并且我对前端Web开发感兴趣。

After some research about what to learn and where, the outline should look something like this:

在研究了学习内容和学习位置之后，大纲看起来应该像这样：

*  Month 1: Learn HTML and CSS
    
    第1个月：学习HTML和CSS
 *  Month 2: Learn Bootstrap and design fundamentals
    
    第二个月：学习Bootstrap和设计基础
 *  Month 3: Create websites using HTML, CSS and Bootstrap
    
    第3个月：使用HTML，CSS和Bootstrap创建网站
 *  Month 4: Learn JavaScript
    
    第4个月：学习JavaScript
 *  Month 5: Learn more advanced JavaScript
    
    第5个月：了解更多高级JavaScript
 *  Month 6: Create websites using HTML, CSS and JavaScript
    
    第6个月：使用HTML，CSS和JavaScript创建网站
 *  Month 7: Focus on creating a personal portfolio website and building a personal brand
    
    第7个月：专注于创建个人投资组合网站并建立个人品牌
 *  Month 8: Reach out to businesses and organizations to create websites for them (for free to gain experience)
    
    第8个月：与企业和组织联系，为他们创建网站(免费获得经验)
 *  Month 9: Focus on improving knowledge and see what you need to work on
    
    第9个月：专注于提高知识并了解您需要从事的工作
 *  Month 10: Must have a minimum of five client websites on portfolio
    
    第10个月：投资组合中必须至少有五个客户网站
 *  Month 11: Learn freelancing fundamentals and business essentials
    
    第11个月：学习自由职业者的基础知识和业务要点
 *  Month 12: Reach out to prospective clients, promote your work and get paid clients or apply for a job.
    
    第12个月：与潜在客户联系，推广您的工作并获得有酬客户或申请工作。

*Note that this is just a general guideline for illustration purposes and not a definitive action plan.*

*请注意，这只是出于说明目的的一般指南，而不是最终的行动计划。*

## 5.行动 **(**5. Act**)** ##

If you want to do something great, it comes with compromise and sacrifice.

如果您想做点伟大的事情，那就需要妥协和牺牲。

If you want to be a successful web developer or freelancer and you’re complaining that you don’t have time, then just look at your daily/weekly/monthly routine to see what you can remove to free up more time so you can learn more, develop your skills and apply what you know.

如果您想成为一名成功的Web开发人员或自由职业者，并且抱怨自己没有时间，那么只需查看您的每日/每周/每月例行程序，看看可以删除哪些内容以腾出更多时间，以便学习更多，发展您的技能并运用您所知道的。

One of the biggest distractions I’ve eliminated in my life is watching TV: I’ve been “TV-free” for over 2 years now, and it feels great!

看电视是我一生中消除的最大干扰之一：两年多来，我一直“无电视”，感觉很棒！

I’m not the only strange one out there who does this. Seth Godin, one of the greatest marketers and thought leaders of our time, is also a big advocate for [not wasting time watching TV][].

我不是这样做的唯一奇怪的人。 塞思·戈丁(Seth Godin)是当今时代最伟大的营销人员和思想领袖之一，也是[不浪费时间看电视的坚定][not wasting time watching TV]倡导者。

How badly do you want your “Why”? Don’t procrastinate or make excuses. *Act* and do it!

您多么想“为什么”？ 不要拖延或找借口。 *行动*起来吧！

## 6.惩戒特朗普的动机 **(**6. Discipline Trumps Motivation**)** ##

Motivation is always good, but it can be temporary. Discipline will get you to act when you’re not feeling like doing anything or when you aren’t excited to carry on.

动机永远是好的，但也可能是暂时的。 纪律会让您在不想做任何事情或不热衷于继续时采取行动。

## 7.社交媒体 **(**7. Social Media**)** ##

It’s imperative to build your online presence, and social media is one avenue to grow it.

必须建立您的在线形象，社交媒体是发展它的一种途径。

Make sure you have a profile on LinkedIn, Twitter, Instagram and Facebook.

确保您在LinkedIn，Twitter，Instagram和Facebook上有个人资料。

## 8.创建投资组合网站 **(**8. Create a Portfolio Site**)** ##

Your portfolio is your online resume.

您的投资组合就是您的在线简历。

I always say that it’s more important to [show what you’ve done][show what you_ve done] than tell people what you can do.

我总是说， [展示自己的成就][show what you_ve done]比告诉别人你可以做[什么][show what you_ve done]更重要。

Three excellent portfolio examples are:

三个出色的投资组合示例是：

**[Robby Leonardi][]**

**[罗比·伦纳迪(Robby Leonardi)][Robby Leonardi]**

![robby-leonardi][]

**[Adam Dannaway][]**

**[亚当·丹纳威][Adam Dannaway]**

![Adam Dannaway's portfolio site][Adam Dannaway_s portfolio site]

**[Denise Chandler][]**

**[丹妮丝·钱德勒][Denise Chandler]**

![Denise Chandler's portfolio site][Denise Chandler_s portfolio site]

Look at these three websites above. They were beginners at some stage, but look how they showcase their work and expertise today.

看看上面的这三个网站。 他们是某个阶段的初学者，但请看看他们今天如何展示自己的工作和专业知识。

If your portfolio is good enough, clients and/or potential employers will come to you. Build up a good list of projects/websites — even if you have to work for free for a period of time.

如果您的投资组合足够好，那么客户和/或潜在的雇主就会来找您。 建立一个好的项目/网站列表-即使您必须免费工作一段时间。

## 9.为开源项目做贡献 **(**9. Contribute to Open-source Projects**)** ##

Contributing to open-source projects shows a number of things like:

对开源项目的贡献显示了很多东西，例如：

*  passion for what you’re doing
    
    对您正在做的事情充满热情
 *  team-building skills
    
    团队建设能力
 *  your skill set.
    
    你的技能

The best part about it is if you really do it well, you can become recognized within the community — and that boosts your overall credibility as well.

最好的部分是，如果您确实做得好，就可以在社区中获得认可-这也将提高您的整体信誉。

John Resig, the founder of jQuery, said something interesting:

jQuery的创始人John Resig说了一些有趣的话：

> When it comes to hiring, I’ll take a GitHub commit log over a resume any day.
> 
> 在招聘方面，我会每天在履历表上记录GitHub提交日志。

Here are five places to contribute to open-source projects:

以下是五个有助于开源项目的地方：

1.  [GitHub][] (read [this article][] on GitHub for beginners)
    
    [GitHub][] (为初学者在GitHub上阅读[本文][this article] )
2.  [freeCodeCamp][]
    
    [freeCodeCamp][]
3.  [Automattic][]
    
    [自动的][Automattic]
4.  [Angular][]
    
    [角度的][Angular]
5.  [Go][]
    
    [走][Go]

## 10.你固执己见吗？ **(**10. Are You Stubborn Enough?**)** ##

Why stubbornness?

为什么固执？

Web developers often face challenges along the way. If you have an error in your code, or if it’s not coming out how you planned, don’t just move on if you can’t find the solution, and don’t cut any corners. Be *stubborn* and figure it out.

Web开发人员通常在此过程中面临挑战。 如果您的代码中有错误，或者没有按照计划提出错误，请不要在找不到解决方案的情况下继续前进，也不要走捷径。 *固执己见* 。

Although it may take you longer to figure out, what you learn by being stubborn in this regard will remain with you, and you’ll be more efficient and effective in your future projects because of this.

尽管可能需要花费更长的时间才能弄清楚，但是在这方面固执的学习将永远存在，因此您将在以后的项目中变得更加高效。

## 11.聪明地工作 **(**11. Work Smart**)** ##

> Give me six hours to chop down a tree and I will spend the first four sharpening the axe.
> 
> 给我六个小时砍下一棵树，我会花前四个时间来削斧头。

Abraham Lincoln’s famous quote has really impacted me. It’s so easy to just focus on doing the technical side of coding or running a freelance business that one often neglects better and faster ways of doing things.

亚伯拉罕·林肯的名言确实对我产生了影响。 只专注于进行编码的技术方面或经营自由职业者是如此容易，以至于人们常常忽略了更好，更快的做事方式。

Successful developers work smart and achieve better results.

成功的开发人员会聪明地工作并取得更好的结果。

## 12.不仅仅是知道多少 **(**12. It’s Not Just About How Much You Know**)** ##

> I know more programming languages than you so I will be more successful.
> 
> 我比您了解更多的编程语言，所以我会更加成功。

It’s **not** just about how much you **know**, but rather what you **do** with what you know.

这**不**只是关于你**知道**多少，而是你与你所知道**做**什么。

If it came down to interviews, the person who knows the most would *always* get the job, right?

如果要面试，最了解的人*总能*找到工作，对吗？

If you live in the “real world”, we both know that this is far from the truth. It’s not *only* the skill set that guarantees you the job (or getting a freelance client), but also many other factors as well.

如果您生活在“现实世界”中，我们都知道这与事实相去甚远。 *不仅*是可以保证您工作(或获得自由客户)的技能，还包括许多其他因素。

## 13.成长 **(**13. Growth**)** ##

Experts in any industry are always learning to improve their knowledge and skill set. With web development, it’s even more important to keep learning.

任何行业的专家都在不断学习以提高他们的知识和技能水平。 通过Web开发，继续学习变得更加重要。

If you studied C++ 20 years ago, and didn’t keep up to date with the new releases, your knowledge is pretty much irrelevant today.

如果您20年前学习过C ++，并且没有及时了解最新版本，那么今天您所掌握的知识就已经无关紧要了。

No matter what your experience level is, stay relevant and always keep learning.

无论您的经验水平如何，都要保持相关性并始终保持学习。

## 14.经验 **(**14. Experience**)** ##

Who would you rather hire?

您想雇用谁？

*  a 35-year-old business coach who has just finished his/her MBA with distinction, or
    
    一个35岁的商业教练，刚刚以优异的成绩完成了MBA学位，或者
 *  a 30-year-old business coach who dropped out of high school with no certifications but has experience in running three multi-million-dollar businesses and has sold two of them for a profit?
    
    一个30岁的商业教练，他没有获得认证就从高中辍学，但是拥有经营三家价值数百万美元的企业的经验，并且已经出售了其中两家以牟取暴利？

Experience trumps Theory. Don’t just say “I can build \[insert thing here\]”: that’s what every average web developer does. **Show what you’ve done.**

经验胜过理论。 不要只是说“我可以在\[在这里插入东西\]”，这就是每个普通Web开发人员所做的。 **显示您所做的。**

## 15.定价 **(**15. Pricing**)** ##

Once you start becoming more confident and you build up more experience, you need to [price your services better][].

一旦开始变得更加自信并积累了更多的经验，就需要对[服务进行更好的定价][price your services better] 。

This can make or break you. Would you prefer a salary of $50K per year or $90K per year? How about creating websites for $500 or $5000?

这可以使你成败。 您希望年薪是$ 50K还是年薪$ 90K？ 如何以500美元或5000美元的价格创建网站？

If I were selling you a bottle of wine and I told you that I have two bottles, one priced at $5 and the other at $55, you would probably think something is wrong with the $5 bottle, wouldn’t you?

如果我卖给你一瓶酒，而我告诉你我有两瓶，一瓶标价5美元，另一瓶标价55美元，你可能会认为这5美元瓶有问题，不是吗？

The same pricing principle applies for your services.

相同的定价原则适用于您的服务。

Although this mainly applies to freelancing, the principle applies with negotiating your salary as well.

尽管这主要适用于自由职业，但该原则也适用于谈判您的薪水。

## 16.生产力 **(**16. Productivity**)** ##

Being highly focused for 1.5 hours with no distractions is far better than 4 hours of being distracted by messages or YouTube or funny GIFs with some work in between.

专注于1.5个小时而不会分心的情况要好于4个小时因消息或YouTube或有趣的GIF而分心的时间，而两者之间需要一些工作。

Eliminate all distractions as much as possible and be productive for a highly focused time frame.

尽可能消除所有干扰，并在高度集中的时间框架内保持工作效率。

Check out the [Pomodoro Technique][] for this.

请查看[番茄技巧][Pomodoro Technique] 。

## 17.技能 **(**17. Skills**)** ##

Limiting yourself to just learning “X” programming language is not the right way to go.

限制自己只学习“ X”编程语言不是正确的方法。

To improve your chance of being successful, it’s important to learn other skills like basic marketing, negotiation, communication and social skills as well.

为了提高成功的机会，重要的是要学习其他技能，例如基本的营销，谈判，沟通和社交技能。

Look at the most successful developers out there: they’re well rounded, talented individuals who have not just focused on coding.

看看那里最成功的开发人员：他们是全面，有才华的人，他们不仅专注于编码。

## 18.与他人在线互动 **(**18. Interact with Others Online**)** ##

Join coding communities, Facebook groups, Twitter chats and other platforms and don’t be afraid to ask (“stupid”) questions.

加入编码社区，Facebook团体，Twitter聊天和其他平台，不要害怕问(“愚蠢”)问题。

Ask and answer questions on places like Stack Overflow, Reddit, Quora and blogs as well.

在Stack Overflow，Reddit，Quora和博客等地方提问并回答问题。

## 19.参加聚会和社交 **(**19. Go to Meetups and Socialize**)** ##

This is where it comes to getting out there and connecting with others.

这就是走到那里并与他人建立联系的地方。

I am a huge introvert. Seriously. People call me a hermit crab. Guess where I’d be in a group setting? Yep, in the corner…

我性格内向。 说真的 人们称我为寄居蟹。 猜猜我会在哪里分组？ 是的，在角落里...

If you’re an introvert (like I am), you need to realize that, at some point, you need to get out of your comfort zone and engage with others.

如果您是一个性格内向的人(例如我)，则需要意识到，在某个时候，您需要离开自己的舒适区并与他人互动。

View meetups near you, using services like [Meetup][].

使用[Meetup之类的][Meetup]服务来查看您附近的聚会。

PS. don’t just go to meetups and events for developers. If you’re a freelancer, go to business events as well. After all, how often do developers hire other developers?

PS。 不要只是去参加开发人员的聚会和活动。 如果您是自由职业者，还可以参加商务活动。 毕竟，开发人员多久雇用一次其他开发人员？

## 20.人格分裂 **(**20. Have a Split Personality**)** ##

You need to think like a site visitor and as the business owner (of the website).

您需要像网站访问者一样思考(作为网站的业务所有者)。

As the site visitor, you need to be thinking: What is going through my mind at every stage I’m on this website? Am I getting the answers I came here for? Is the site fulfilling what I wanted? Do I trust this business? etc.

作为站点访问者，您需要思考：在我访问此网站的每个阶段，我的想法是什么？ 我得到我来这里的答案了吗？ 该网站符合我的要求吗？ 我信任这个生意吗？ 等等

As the “owner” of the website, you need to be thinking: Is my website answering the questions and doubts my site visitor is thinking at this moment? What can I do to answer their questions? What can I do on my website to convince the site visitor to perform the action I’d like them to take?

作为网站的“所有者”，您需要思考：我的网站现在是否正在回答网站访问者正在思考的问题和疑问？ 我该怎么回答他们的问题？ 我该如何在网站上说服网站访问者执行我希望他们采取的行动？

## 21.永不放弃 **(**21. Never Give Up**)** ##

Successful people fail regularly, but one undeniable trait they have is they never give up and find new and better ways of doing things.

成功的人经常失败，但是他们拥有的一个不可否认的特征是他们从不放弃并找到新的更好的做事方法。

Sometimes the only thing separating you from success or failure is the willingness to continue.

有时，将您与成功或失败区分开的唯一原因是继续的意愿。

Never give up on your dreams, aspirations and your purpose.

永远不要放弃梦想，抱负和目标。

## 结论 **(**Conclusion**)** ##

Don’t ever think you can’t do something and be successful at it. If you need someone who believes in you, I do!

永远不要认为您不能做某事并成功。 如果您需要一个相信您的人，我会的！

I hope this short article has influenced you in a positive way. I’d love to hear from you in the comments below.

我希望这篇短文对您有积极的影响。 我希望在下面的评论中收到您的来信。

> 翻译自: [https://www.sitepoint.com/21-steps-to-becoming-a-successful-web-developer/][https_www.sitepoint.com_21-steps-to-becoming-a-successful-web-developer]

web开发完全步骤

[booming]: https://www.fastcompany.com/3060883/the-future-of-work/why-coding-is-the-job-skill-of-the-future-for-everyone
[hate their 9_5 jobs]: http://www.forbes.com/sites/lizryan/2016/11/29/the-top-ten-reasons-people-hate-their-jobs/
[both]: https://www.sitepoint.com/full-stack-developer/
[not wasting time watching TV]: http://sethgodin.typepad.com/seths_blog/2010/03/but-its-better-than-tv.html
[show what you_ve done]: http://www.forbes.com/sites/laurencebradford/2017/01/09/7-job-hunting-tips-for-tech-newbies-from-the-experts/
[Robby Leonardi]: http://www.rleonardi.com/interactive-resume/
[robby-leonardi]: /images/20221123/c1cbe39656034e35b64e76a40a9dae73.png
[Adam Dannaway]: http://www.adhamdannaway.com/
[Adam Dannaway_s portfolio site]: /images/20221123/9949f6dc466d4c33adb30e2d2e95055e.png
[Denise Chandler]: http://www.denisechandler.com/
[Denise Chandler_s portfolio site]: /images/20221123/5377211b8dc44130ac2907870e03bf45.png
[GitHub]: https://github.com/open-source
[this article]: https://www.sitepoint.com/screencast-difference-git-github/
[freeCodeCamp]: https://github.com/freeCodeCamp/how-to-contribute-to-open-source
[Automattic]: https://github.com/Automattic
[Angular]: https://angular.io/contribute.html
[Go]: https://golang.org/project/
[price your services better]: https://studywebdevelopment.com/how-to-charge-for-a-website.html
[Pomodoro Technique]: https://www.focusboosterapp.com/the-pomodoro-technique
[Meetup]: https://www.meetup.com/topics/web-development/
[https_www.sitepoint.com_21-steps-to-becoming-a-successful-web-developer]: https://www.sitepoint.com/21-steps-to-becoming-a-successful-web-developer/