微软todo使用教程_Todo教程可能很有趣-但是，这是从头开始构建自己的项目的方法...

微软todo使用教程

There are many great tutorials that walk you through creating apps, from simple todo lists to fully working web apps. But how do you start your own projects from scratch? Without the safety net of a tutorial, you might feel a bit lost on what to build, or even how to get started.

从简单的待办事项列表到可以正常运行的Web应用程序，都有许多很棒的教程指导您完成应用程序的创建。 但是，如何从头开始自己的项目呢？ 没有教程的安全网，您可能会对构建什么甚至入门感到有些迷茫。

These are the steps I followed that helped me create my own projects when I was a junior developer — and also set me up with the skills I needed to become a software team lead. But first…

这些是我初级开发人员时遵循的步骤，可帮助我创建自己的项目，同时还使我具备了成为软件团队负责人所需的技能。 但首先…

当我可以按照教程学习时，为什么还要构建自己的项目？ (Why build my own projects when I can follow tutorials?)

Good question, curious reader! Tutorials are great up to a point, but creating your own projects gives sooo many other benefits:

好问题，好奇的读者！ 教程虽然很好，但是创建自己的项目还有很多其他好处：

这让你想 (It makes you think)

When sitting down and starting your own project, there are many things to think about.

坐下来开始自己的项目时，有很多事情要考虑。

• How do I start?
  我该如何开始？
• What will it look like?
  看起来像什么？
• What technologies do I need?
  我需要什么技术？

And other stuff like that (we’ll talk about how to get started in a minute). This is exactly what your job as a developer will entail — designing a solution and seeing it through to the finish. Creating your own projects allows you to practice these skills, and will set you up for the start of your career.

以及其他类似的内容(我们将在一分钟内讨论如何开始使用)。 这正是您作为开发人员所要做的工作-设计解决方案并彻底解决问题。 创建自己的项目使您可以练习这些技能，并为您的职业生涯做好准备 。

您将遇到从未存在的问题 (You’ll encounter problems you never knew existed)

Often when following a tutorial, you are exposed to the happy path — which is basically;

通常，在学习教程时，您会遇到快乐的路 -基本上是这样；

“OK we’re building a thing, here’s the steps to get the thing working, it works! Hurray! The End”

“好，我们正在构建一个东西，这是使它工作的步骤，它可以工作！ 欢呼！ 结束”

Which is great if you’re learning a new technology — plus it would be a pretty terrible tutorial if the thing you are building didn’t work at the end.

如果您正在学习一项新技术，那就太好了；而且，如果所构建的东西最后没有用，那将是一个非常糟糕的教程。

Unfortunately, the lives of web developer’s are not as straightforward as this. When you’re writing code, you will hit issues at some point. Plain and simple.

不幸的是，Web开发人员的生活并非如此简单。 在编写代码时，有时会遇到问题。 干净利落。

By creating your own projects, you’ll encounter problems naturally and it gives you a chance to practice overcoming them. This what developers do every day and practicing will make this a lot easier.

通过创建自己的项目，您自然会遇到问题，并且有机会练习克服这些问题。 开发人员每天要做的和实践的操作将使此操作变得容易得多。

很好玩，您将永远学到一些东西 (It’s fun & you’ll always learn something)

We’re a lucky bunch, we developers. We can sit down to a laptop, and build whatever we want, using whatever technology we want. We can also do it more or less for free. I doubt Bill the Aerospace engineer would get a good response from his boss if he asked, “to borrow that Boeing 747 for the weekend because he wants to try out a new jet engine he made at home”.

我们是开发人员，是一群幸运儿。 我们可以坐在笔记本电脑上，使用所需的任何技术构建所需的任何东西。 我们也可以或多或少地免费这样做。 我怀疑航空航天工程师比尔是否会得到老板的好评，如果他要求“周末借用那架波音747飞机，是因为他想试用自己在家制造的新型喷气发动机”。

It’s fun to build your own projects. Something you can use, show off to friends and family, or learn from. And it’s a pretty safe hobby. It might work, it might not. You might like it, you might f*** the whole thing up. But it’s not a big deal, just throw the project files in the virtual trashcan and start again. Easy!

构建自己的项目很有趣。 您可以使用的东西，向亲朋好友炫耀或学习的东西。 这是一个非常安全的爱好。 它可能会起作用，但可能不会起作用。 您可能会喜欢，您可能会整个搞砸。 但这没什么大不了的，只需将项目文件放入虚拟垃圾桶中，然后重新启动即可。 简单！

谈到好东西... (On to the good stuff…)

Ok! Now we’re happy that creating our own project’s is a great way to learn and have fun. Let’s look at how to get started creating your very own projects.

好！ 现在，我们很高兴创建自己的项目是学习和娱乐的好方法。 让我们看看如何开始创建自己的项目。

扩展您的教程项目 (Expand on your tutorial projects)

There is something intimidating about starting a brand new piece of work. You’ll sit down to a new file, and think, “what do I do first?” The nicer way to start building your own projects is to build upon your existing tutorial apps and coding exercises. This gives you a bit of a head start, as opposed to starting from a blank slate.

开始全新的作品有些令人生畏。 您将坐下来查看一个新文件，然后思考：“我首先要做什么？” 开始构建自己的项目的更好的方法是在现有的教程应用程序和编码练习的基础上进行构建。 相对于从空白开始，这为您提供了一些先机。

So, if you have completed a todo app tutorial (if you haven’t, where have you been?!), you could build upon it in whatever way you want. For example, you could:

因此，如果您已经完成了todo应用程序教程(如果尚未完成，您去哪儿了！！)，则可以按照您想要的任何方式来构建它。 例如，您可以：

• Allow saving the todo list (to a database, localStorage, etc) so the user can come back it later
  允许保存待办事项列表(保存到数据库，localStorage等)，以便用户稍后再返回
• Give the user some customization options (change the color of todo items)
  为用户提供一些自定义选项(更改待办事项的颜色)
• Add login ability
  添加登录功能

You get the idea — basically, use your imagination! The possibilities are endless, so throw caution to the wind and build whatever you feel like!

您知道了-基本上，请发挥您的想象力！ 可能性是无止境的，因此请谨慎对待并建立自己想要的任何东西！

构建您将使用的东西 (Build stuff you’ll use)

Everyone has their own ideas for a web app. Use your newly found web development skills to build your own! Write down some ideas for an app that you’ve had over the years, specifically those that you would actually use. It doesn’t have to be an overly complex app and can be as simple as a todo list.

每个人对于Web应用程序都有自己的想法。 使用您新发现的Web开发技能来构建自己的技能！ 写下您多年来使用过的应用程序的一些想法，尤其是您实际使用的想法。 它不必是一个过于复杂的应用程序，并且可以像待办事项列表一样简单。

By creating an app that you’ll use, it’ll keep you interested enough to see the project through to completion. Also, by using the app once it’s finished, you’ll naturally find ways to make it better, which gives you another project to complete— and the circle of (coding) life repeats!

通过创建您将要使用的应用程序，它可以使您足够有兴趣来观看项目直至完成。 此外，通过在应用程序完成后使用它，您自然会找到使其变得更好的方法，这使您可以完成另一个项目-重复(编码)生活的整个过程！

Another similar approach, is to replicate a popular app that you use. You don’t have to go into the same level of detail as the app you are replicating, but see if you can get the basic functionality working. For example:

另一种类似的方法是复制您使用的流行应用程序。 您不必进入与要复制的应用程序相同的详细程度，但是请查看是否可以使基本功能正常运行。 例如：

• Use the GitHub API to create your own GitHub dashboard
  使用GitHub API创建自己的GitHub仪表板
• Use the Twitter API and make your own Twitter feed
  使用Twitter API并创建自己的Twitter feed
• A web app that allows you to manage your budget
  一个网络应用程序，可让您管理预算

从小开始 (Start small)

A sure fire way to get overwhelmed when starting your own projects is to go all out and try to create massive projects. While the ambition is good, you might find yourself getting stuck and frustrated at your progress.

在开始自己的项目时，不知所措的肯定方法是全力以赴并尝试创建大型项目。 虽然雄心壮志不错，但您可能会发现自己对进度感到困惑和沮丧。

Start small for your first few projects. Instead of making a fully fledged scientific calculator, create a basic one that does simple additions and subtractions, for example. Then as you become more comfortable, add new features. Before you know it, your small project will have turned into a fully fledged app.

从头几个项目开始。 例如，与其制作一个成熟的科学计算器，不如创建一个基本的计算器，该计算器可以进行简单的加法和减法。 然后，当您变得更舒适时，添加新功能。 在不知不觉中，您的小型项目将变成一个成熟的应用程序。

This also gives you the added benefit of practicing how software is built in the real world. Small features will often be developed, tested, and deployed in increments. This is typically called Agile Development (have a nosey at freeCodeCamp.org for more info about this).

这也为您提供了练习如何在现实世界中构建软件的额外好处。 小型功能通常会逐步开发，测试和部署。 这通常被称为敏捷开发 (在freeCodeCamp.org上有些麻烦 有关此的更多信息)。

有一个目标 (Have a goal in mind)

There is a popular quote by Leonardo da Vinci:

达芬奇(Leonardo da Vinci)的一句话很流行：

Art is never finished, only abandoned.

艺术永远不会完成，只会被放弃。

The same can be said for software. Once you’ve started your own project, it can often be difficult to know when to keep going, and when to stop and move onto the next one. If you start with a goal in mind, it will give you something to aim for, as opposed to feeling like you are aimlessly wandering the desert.

对于软件也可以这样说。 一旦开始自己的项目，通常很难知道何时继续进行，何时停止并继续进行下一个项目。 如果您以目标为出发点，那么它会为您提供目标，而不是像您在漫无目的的沙漠中徘徊。

So what do I mean by a goal? A goal in this sense is basically what you want to achieve with your project. Instead of simply aiming to build a GitHub dashboard you could say:

那么，目标是什么意思？ 从这个意义上说，目标基本上就是您要在项目中实现的目标。 除了简单地旨在构建GitHub仪表板外，您还可以说：

“I am going to build a dashboard that shows how many commits I’ve made to my own repositories last month.”

“我将建立一个仪表板，以显示上个月我对自己的存储库进行了多少次提交。”

This gives you a clear direction in which to work. Once you have reached that goal, you could add more features, or move onto another project. A goal can be anything you want:

这为您提供了明确的工作方向。 一旦达到该目标，就可以添加更多功能或移至另一个项目。 目标可以是您想要的任何东西：

• “I want to learn how to write clean code”

  “我想学习如何编写简洁的代码”

• “I want to learn CSS Grid”
  “我想学习CSS网格”
• “I want to be able to call an API using React”
  “我希望能够使用React来调用API”
• “I want to learn how to write tests in Python”
  “我想学习如何用Python编写测试”

BONUS TIP — remember to put everything onto your own GitHub repository, and state the goal in the description (you should put projects on your CV/Resume as well!). This will show employers that you are passionate about learning, and will also be good motivation for yourself when you look back on old projects!

奖励提示—记住将所有内容放到您自己的GitHub存储库中，并在描述中说明目标( 您也应将项目放到CV / Resume中 ！)。 这将向雇主表明您对学习充满热情，并且当您回顾旧项目时也将成为您的良好动力！

示例项目尝试 (Example projects to try)

Here’s some example projects to get your creative flow going.

这是一些示例项目，可以使您的创意流程不断发展。

(Quick note: I will be creating these projects myself, along with articles on how I did each one, how/why I made the decisions I made, and my general thought process. As well as completed code, of course. Make sure to subscribe to my blog to get updated when these articles are available!)

(快速说明：我将自己创建这些项目，以及有关如何做每个项目，如何/为什么做出决定以及总体思考过程的文章。当然，还要完成代码。请确保当这些文章可用时，请订阅我的博客以获取更新！)

计算器网络应用 (Calculator web app)

Create a calculator that allows the user to perform basic operations: Add, subtract, multiply & divide. When you have got that far, you can build upon it:

创建一个允许用户执行基本操作的计算器：加，减，乘和除。 当您走到这一步时，您可以在此基础上：

• Add more scientific calculations (modulus etc)
  添加更多科学计算(模量等)
• Improve the UI (HINT: CSS Grid will be your friend here)
  改善用户界面(提示：CSS Grid将是您的朋友)

• Create “undo” functionality (HINT: the react tutorial has a good example of this)

  创建“撤消”功能(提示： react教程中有一个很好的例子)

GitHub仪表板 (GitHub dashboard)

Use the GitHub API to create your own dashboard. This dashboard can be anything you want. A possible starting point would be to display information about your own GitHub account.

使用GitHub API创建自己的仪表板。 该仪表板可以是您想要的任何东西。 一个可能的起点是显示有关您自己的GitHub帐户的信息。

• Total commits over the past month
  过去一个月的总提交次数
• Total number of repositories
  储存库总数
• Displays your most used/favourite language
  显示您最常用/最喜欢的语言

HINT: Even though this is a client-side project, you will have to interact with an API. Use Postman or similar to get a feel for how the API works, how to authenticate requests and things like that.

提示：即使这是一个客户端项目，您也必须与API交互。 使用Postman或类似工具来了解API的工作方式，如何验证请求以及类似的事情。

测验应用 (A Quiz app)

Create a quiz app that randomly displays a question with a multiple choice of answers to the user. If the user gets the answer correct, display a “hurray!” message, update their score, you get the idea. I like this app as the possibilities are endless when it comes to expanding on it:

创建一个测验应用程序，该应用程序将向用户随机显示一个带有多种选择答案的问题。 如果用户正确回答，则显示“欢呼！” 消息，更新他们的分数，您就知道了。 我喜欢这个应用程序，因为扩展它的可能性是无限的：

• Add categories
  添加类别
• Add high scores
  增加高分
• Add a countdown
  添加倒计时

• Allow multiple players (HINT: You could go really advanced and use Socket.io to allow online play!)

  允许多个玩家(提示：您可以真正进阶，并使用Socket.io允许在线游戏！)

HINT: Remember not to go overboard at the beginning! Set your goal for the initial project, and get to that point first. Then, see if you want to add more stuff or move onto something else.

提示：切记不要一开始就太过分！ 为初始项目设定目标 ，并首先达到目标。 然后，查看是否要添加更多内容或移至其他内容。

实时天气应用 (A Real Time weather app)

Use something like Open Weather Map to create an app that displays the latest weather for a certain location in real time.

使用“ 打开天气地图”之类的工具来创建可实时显示特定位置最新天气的应用。

HINT: Try not to be put off by the term real-time. At its simplest level, this could be writing some logic that calls the api every 5 seconds and displays the data.

提示：尽量不要被“实时”一词推迟。 在最简单的层次上，这可能是编写一些逻辑，该逻辑每5秒调用一次api并显示数据。

We all know how shopping carts work, but can you build one? Display a list of products to the user, and let them add it to their cart. As a starting point, you could create functionality that:

我们都知道购物车是如何工作的，但是您能制造一辆吗？ 向用户显示产品列表，然后让他们将其添加到购物车中。 首先，您可以创建以下功能：

• Let’s the user add an item from the product page to their cart
  让我们将产品页面中的商品添加到购物车中
• Shows the items in the cart
  显示购物车中的物品
• Show’s the total cost of the items in the cart
  显示购物车中物品的总费用

HINT — You can simply hardcode the products that appear on the product’s page as a first step to get going.

提示—您可以简单地对出现在产品页面上的产品进行硬编码，作为开始操作的第一步。

更多项目！ (More projects!)

If you’re looking to get your hands on more projects, check out this GitHub repo . There are projects for different levels that will keep you busy for a while!

如果您希望获得更多项目，请查看此GitHub存储库 。 有不同级别的项目会让您忙一阵子！

Thanks for reading!

谢谢阅读！

To get the latest guides, tips, and courses for junior developers straight to your inbox (as well as some exclusive stuff!), make sure to join the mailing list at www.chrisblakely.dev!

要直接为初级开发人员获取最新的指南，技巧和课程(以及一些独家的东西！)，请确保加入www.chrisblakely.dev的邮件列表！

Originally published at www.chrisblakely.dev on April 7, 2019.

最初于2019年4月7日发布在www.chrisblakely.dev 。

翻译自: https://www.freecodecamp.org/news/todo-tutorials-can-be-fun-but-heres-how-to-build-your-own-projects-from-scratch-de6838fa9f23/

微软todo使用教程