web开发 学习_是否想学习Web开发但不知道从哪里开始？

web开发 学习

by Rick West

由里克·韦斯特(Rick West)

是否想学习Web开发但不知道从哪里开始？ (Want to learn web development but don’t know where to start?)

So, you’re interested in learning web development and becoming a web developer? First of all, congratulations. You’ve made a great choice.

因此，您有兴趣学习Web开发并成为Web开发人员吗？ 首先，恭喜你。 您做出了很棒的选择。

And since you’re reading this, you may already be an active member of a Facebook group, subreddit, or other online coding community. Which is a great place to start, and to find support throughout your chosen pursuit.

而且，由于您正在阅读本文，因此您可能已经是Facebook组，subreddit或其他在线编码社区的活跃成员。 这是一个很好的起点，可以在您选择的追求中找到支持。

Again, you’re doing great so far.

同样，到目前为止，您的表现很棒。

So depending on your background, you might be wondering where to start learning web development. If you’ve mainly been Googling around, you may feel just a tad bit overwhelmed by all the languages, frameworks, and learning resources out there.

因此，根据您的背景，您可能想知道从哪里开始学习Web开发。 如果您主要是在Google上搜索，那么您可能会觉得有点被所有语言，框架和学习资源所淹没。

Well, don’t worry. You’re not alone. Google can be your best friend or your worst enemy. It just depends on how you use it.

好吧，别担心。 你不是一个人。 Google可以是您最好的朋友，也可以是您最大的敌人。 这仅取决于您如何使用它。

从结局开始。 (Start with the end in mind.)

One of the first things I recommend doing when starting out learning web development is to decide upon a clear end goal, and keep it in mind.

我建议在开始学习Web开发时首先要做的一件事是确定明确的最终目标，并牢记这一目标。

Maybe you want to make a career change. Maybe you have a wicked idea for an app. Or maybe you just want to learn for fun.

也许您想改变职业。 也许您对应用程序有一个邪恶的想法。 或者，也许您只是想学习娱乐。

Whatever your goal, it’s important to understand why you are doing this. This understanding will help you be more productive with your learning time. It will also help encourage you through those times when you feel like giving up.

无论您的目标是什么，了解为什么要这样做都是很重要的。 这种理解将帮助您提高学习时间的生产力。 当您想放弃时，它也将帮助您度过这段时光。

Remember, no matter how elaborate and far away the end goal may seem now, you can achieve it with hard work and perseverance.

请记住，无论最终目标看起来多么复杂和遥远，您都可以通过努力和毅力实现。

Assuming you have no previous experience, it’s a good idea in the beginning to also decide if your interest lies in back end or front end development. Let me briefly explain the difference.

假设您没有经验，那么一开始就决定您的兴趣在于后端还是前端开发是个好主意。 让我简要解释一下区别。

Frontend — this is what the end user see’s and interacts with on the page. Its all the design, fancy effects, layout and imagery that creates the user experience.

前端 -这是最终用户在页面上看到并与之交互的内容。 创造用户体验的所有设计，精美效果，布局和图像。

Generally front end developers will be visual creatives with excellent design skills and a passion for accessibility and user experience. Technologies often associated with front end web development are HTML, CSS, jQuery and JavaScript.

通常，前端开发人员将是具有出色设计技能并对访问和用户体验充满热情的视觉创意。 通常与前端Web开发相关的技术是HTML，CSS，jQuery和JavaScript。

Backend — this is the part that typically processes, stores, and manipulates data. It’s how the website or application works. Back-end developers are generally good problem solvers, logical thinkers who are interested in the functionality of a website or application. Back-end development is usually associated with server side languages such as PHP, Python, and Ruby.

后端 -这是通常处理，存储和处理数据的部分。 它的网站或应用程序是如何工作的。 后端开发人员通常是很好的问题解决者，是对网站或应用程序的功能感兴趣的逻辑思想家。 后端开发通常与服务器端语言(例如PHP，Python和Ruby)相关联。

I knew right from the off that I just didn’t have that flair for visual design that draws many developers to front-end development. I probably found this decision easier than most as, due to my background in engineering and construction. I am naturally more akin to problem solving, and figuring out how things work, than making things look pretty!

我从一开始就知道我没有视觉设计的才能，吸引了许多开发人员进行前端开发。 由于我的工程和施工背景，我可能发现这个决定比大多数人容易。 我自然更喜欢解决问题，弄清楚事物是如何工作的，而不是使事物看起来漂亮！

Either way, wherever your interest lies, I still think that the best place to start is by learning some basic HTML and CSS. After all, it doesn’t matter what area of development that you ultimately want to work in, you still need to be able to display it on a webpage in some kind of mildly presentable form.

无论哪种方式，无论您感兴趣的是什么，我仍然认为最好的起点是学习一些基本HTML和CSS。 毕竟，最终要从事的开发领域无关紧要，您仍然需要能够以某种适度呈现的形式将其显示在网页上。

First things first, head straight over to freeCodeCamp or Codecademy and take their “HTML & CSS” courses. This should give you a feel for what these technologies are all about.

首先，直接前往freeCodeCamp或Codecademy并参加其“ HTML＆CSS”课程。 这应该使您了解这些技术的全部含义。

Also, due to their interactive learning environments, they will also get you started writing code straight away, rather than having to figure out how to setup a local development environment first. Nothing will build up your confidence more than writing some code and passing some tests straight away.

同样，由于他们的交互式学习环境，他们还可以帮助您立即开始编写代码，而不必首先弄清楚如何设置本地开发环境。 无需编写任何代码并立即通过一些测试，就可以增强您的信心。

完成后，恭喜！ 您已开始进行Web开发。 (Once you have done that, congratulations! You have started on your web development journey.)

Its now time to practice. This may seem hard at first. It’s hard to find time when you have a full time job, school, a partner, or kids all demanding your attention.

现在该练习了。 起初这似乎很难。 当您有一份全职工作，学校，伴侣或所有需要您注意的孩子时，很难找到时间。

But consistency is key. You’ll learn much more by coding for an hour every day, rather than spending seven hours coding on a Saturday.

但是一致性是关键 。 通过每天编码一个小时，而不是在星期六花费七个小时进行编码，您将学到更多。

Humans are creatures of habit, so make coding part of your daily routine. Make time and keep going.

人类是习惯性的动物，因此应将编码作为日常工作的一部分。 抽出时间并继续前进。

学习编码就像试图成为世界上最强的人。 (Learning to code is like trying to become the Worlds Strongest Man.)

If you’ve ever watched the “Worlds Strongest Man” competition, learning to code is very much like the truck pull event. It’s so hard to get going at the start. It seems like an impossible task. You are just taking baby steps.

如果您曾经看过“世界最强人”比赛，那么学习编码就很像卡车拉动比赛。 一开始很难走。 这似乎是不可能完成的任务。 您只是在迈着婴儿的脚步。

But once you get that truck rolling, it gets easier and easier, until you find yourself running towards the end! Ok…maybe not running! :-)

但是，一旦您使卡车开始滚动，它将变得越来越容易，直到您发现自己快要驶向终点了！ 好吧……也许没有运行！ :-)

If your learning style is more suited towards video tutorials then also check out some of the HTML and CSS courses that can be found on YouTube.

如果您的学习方式更适合视频教程，那么还请查看一些可以在YouTube上找到HTML和CSS课程。

I can personally recommend these two free Udemy courses by Edwin Diaz and Brad Hussey. Both are great instructors (if not a little quirky). And both courses will cover setting up your development environment, downloading a text editor (I like Sublime and Brackets), and building an actual project.

我可以亲自推荐Edwin Diaz和Brad Hussey开设的这两个免费的Udemy课程。 两位都是很棒的教练(即使有点古怪)。 这两个课程都将涵盖如何设置开发环境，下载文本编辑器(我喜欢Sublime和Brackets)以及构建实际项目。

A quick word of warning: while Udemy is great, don’t getting sucked in to buying loads of courses. At this early stage, there is no need to be spending any money on learning resources. There’s no shortage of awesome stuff that is available completely free. And this early on, you probably aren’t 100% sure what you want to learn anyway.

一个简短的警告：Udemy很棒，但不要沉迷于购买大量课程。 在此早期阶段，无需花任何钱在学习资源上。 不乏完全免费提供的超棒产品。 而且，从一开始，您可能还不确定100％想要学习什么。

Amazing communities like freeCodeCamp are making education for the masses completely free. And seriously, if you apply yourself correctly, you really don’t need to spend anything.

像freeCodeCamp这样令人惊叹的社区正在使大众的教育完全免费。 认真地说，如果您正确地运用自己，那么您真的不需要花费任何东西。

One of the beautiful things about both web development and the web development community is that it doesn’t discriminate. There are no barriers to entry. And most of the more-experienced members of the community are willing to help, advise, and give their time for others.

关于Web开发和Web开发社区的美丽之处之一是它没有歧视性。 没有进入障碍。 而且，大多数经验丰富的社区成员都愿意为他人提供帮助，建议和时间。

在开始构建东西之前，您不必是HTML或CSS专家。 (You don’t have to be a HTML or CSS expert before you can start building things.)

One thing I want to stress before signing off on this: you don’t in any way need to be a HTML and CSS expert before you can start building things, or moving on to learning a server side language.

我想在退出之前强调一件事：在开始构建东西或继续学习服务器端语言之前，您完全不需要成为HTML和CSS专家。

You don’t have to spend months and months doing tutorial after tutorial. Don’t get stuck in the coding tutorial rut. Once you have the fundamentals down, you can learn as you build.

您不必花数月的时间来逐个教程地学习。 不要卡在编码教程rut中 。 一旦掌握了基础知识，就可以在构建过程中学习。

模板不是敌人。 (Templates aren’t the enemy.)

Something else I found useful when starting out is to work with templates. Now don’t hate on me just yet — hear me out!

在开始时，我发现其他有用的方法是使用模板。 现在，不要恨我-听我说！

Just a few weeks after I first opened a code editor, I was able to launch a professional-looking website for my brother-in-law’s business. This website was based on a $12 template, but there are plenty out there that you can pick up for free.

在我第一次打开代码编辑器后仅几周，我就能够为我的姐夫生意创建一个看起来专业的网站。 该网站基于$ 12的模板，但是您可以免费选择大量网站。

I know some people will raise eyebrows at what I just said. But as a beginner, I could work with code that was already well-structured and formatted. This also enabled me to build better projects, which boosted my confidence and enthusiasm for web development.

我知道有些人会对我刚才所说的感到震惊。 但是，作为一个初学者，我可以使用已经具有良好结构和格式的代码。 这也使我能够建立更好的项目，从而增强了我对Web开发的信心和热情。

This experience taught me how to read documentation (which is a very important part of being a developer). It also introduced me to technologies such as jQuery, and gave me a chance to work with JavaScript.

这种经验教会了我如何阅读文档(这对成为开发人员来说是非常重要的一部分)。 它还向我介绍了jQuery等技术，并给了我使用JavaScript的机会。

Another point that I should make is that a lot of web design agencies and software companies use templates on a day-to-day basis.

我应该指出的另一点是，许多Web设计机构和软件公司每天都使用模板。

A template doesn’t build an amazing website, but it does provide a framework upon which you can build a fantastic website. I work at a product-based software company, and we use templates on the frontend of our products. This means we can concentrate our time on the functionality of our product and not waste valuable time re-inventing the wheel.

模板并不能构建出色的网站，但是它确实提供了一个框架，您可以在该框架上构建出色的网站。 我在一家基于产品的软件公司工作，我们在产品的前端使用模板。 这意味着我们可以将时间集中在产品的功能上，而不会浪费宝贵的时间来重新发明轮子。

That being said, if your end goal is to become a great front-end web developer, then you need to spend time mastering these skills. What I’m saying is, don’t let it hold you back, don’t get bogged down doing tutorial after tutorial. Get building!

话虽如此，如果您的最终目标是成为一名出色的前端Web开发人员，那么您需要花费时间来掌握这些技能。 我的意思是，不要让它阻碍您，不要因为教程而陷入困境。 开始建造！

If you’ve found this post helpful and you are interested in similar content then please give me a follow or share. Your support is really appreciated!

如果您发现这篇文章很有帮助，并且对类似内容感兴趣，请给我关注或分享。 非常感谢您的支持！

Also, I’m always happy to help people out where possible, so feel free to say hello :-)

另外，我总是很乐意在可能的情况下帮助别人，所以随时问好 :-)

翻译自: https://www.freecodecamp.org/news/want-to-learn-web-development-but-dont-know-where-to-start-478ed62e0e55/

web开发 学习