web开发方法

做很多项目。 (Do lots of projects.)

I'm not kidding, it's really that simple. If you've internalized this, stop reading and go work.

我不是在开玩笑,这真的很简单。 如果您已将其内部化,请停止阅读并开始工作。

项目无处不在 (Projects Everywhere)

  • When you get the job, you'll do projects.

    当你找到工作时,你会做项目

  • When you find a better job, you'll lead projects.

    当您找到更好的工作时,您将领导项目

  • When you open that multi-million dollar consulting company you're dreaming of, you'll run many projects.

    当您打开梦you以求的数百万美元的咨询公司时,您将运行许多项目

So to become a distinguished developer you must—say it with me now—do lots of projects!

因此,要成为一名杰出的开发人员,您必须-现在与我一起说- 做很多项目

那么书籍和课程呢? (What About Books and Courses?)

In theory, they're great.

从理论上讲,它们很棒。

But in reality, they can be a brilliant source of procrastination.

但实际上,它们可以成为拖延的绝佳来源。

Of all your learning material, how much did you finish? Even better, how much of it directly impacted your career?

在所有学习材料中,您完成了多少? 更好的是,其中多少直接影响了您的职业?

Little to none? Trust me I've been there. My own physical and virtual libraries are packed with the same dusty volumes.

几乎没有? 相信我,我去过那里。 我自己的物理和虚拟库挤满了相同的尘土卷。

It's because we're doing it backwards.

这是因为我们正在倒退。

使用它们作为参考 (Use Them as References)

First tackle a problem or interesting idea, then maybe buy something. Because without action, books and courses are just interesting information.

首先解决问题或有趣的主意,然后也许买些东西。 因为没有行动,书籍和课程只是有趣的信息。

You'll sound very smart, but you won't be very useful.

您听起来会很聪明,但不会很有用。

In the context of a project, however, all of that information is invaluable to better understanding your problem space.

但是,在项目环境中,所有这些信息对于更好地理解您的问题空间都是无价的。

I love books! I'm not saying "Don't read".

我喜欢书! 我不是说“不读”。

I'm saying find a project that intimidates you a little. Try to complete it, then use your material as a reference when you inevitably get stuck.

我说的是找到一个使您感到有些恐惧的项目。 尝试完成它,然后在不可避免地卡住时将您的材料用作参考。

Do this and watch your gains fly to the moon.

这样做并观察您的收益飞向月球。

我是Web开发的新手,从哪里开始? (I'm New to Web Development, Where Do I Start?)

I can't emphasize this enough–pick a project!

我对此不够强调– 选择一个项目

After that, the process is simple:

之后,过程很简单:

  • Learn just enough to move forward

    掌握足够的前进

  • Get stuck卡住了
  • Learn just enough to move forward

    掌握足够的前进

Over and over again.

一遍又一遍地。

It's maddeningly simple, that's why hardly anyone does it. We look for a grand, overly-complex system that'll "drive us to success", while ignoring this timeless principle...

这非常简单,这就是为什么几乎没有人这样做。 我们正在寻找一个宏伟的,过于复杂的系统,它将“驱使我们走向成功”,而忽略了这一永恒的原则……

Find something you can't do, and figure out how to do it. Whatever it takes.

找到您无法做的事情,并找出解决方法。 不管付出什么代价。

终极入门项目 (The Ultimate Beginner Project)

In my opinion, TodoMVC is the ultimate beginner project. It's conceptually simple, yet has an interesting design and nice amount of functionality.

我认为TodoMVC是最终的初学者项目。 它在概念上很简单,但是却具有有趣的设计和丰富的功能。

  1. Add todos添加待办事项
  2. Edit todos by double-clicking双击编辑待办事项
  3. Delete todos删除待办事项
  4. Check/Uncheck todos选中/取消选中待办事项
  5. Filters for complete/active todos筛选完整/有效待办事项
  6. Counts how many todos are left计算剩余的待办事项数
  7. Todos are saved to LocalStorage待办事项已保存到LocalStorage

Code a pixel-perfect copy in HTML/CSS, then implement the functionality in JavaScript.

用HTML / CSS编写像素完美的副本,然后用JavaScript实现功能。

Do whatever it takes to get this done. If you buy a book or course, it's specifically to complete TodoMVC.

尽一切努力完成此任务。 如果您购买一本书或一门课程,则专门用来完成TodoMVC。

You shouldn't need any though. Google and FreeCodeCamp are perfect resources, and their total cost is $0.

您什么也不需要。 Google和FreeCodeCamp是完美的资源,它们的总成本为$ 0。

As a professional web developer, I've personally used TodoMVC to...

作为专业的Web开发人员,我亲自使用TodoMVC来...

  • Sharpen my HTML, CSS, and JavaScript skills.增强我HTML,CSS和JavaScript技能。
  • Learn React two weeks before starting my role as a Lead React developer.在开始担任Lead React开发人员的角色前两周,学习React。
  • Acquaint myself with a whole new programming language.熟悉一种全新的编程语言。

Wherever you are, whatever you're learning, TodoMVC is the perfect introductory project.

无论您在哪里,无论学习什么,TodoMVC都是一个完美的入门项目。

After that, pick something new or even a harder version TodoMVC.

在那之后,选择一些新的或更硬的版本的TodoMVC。

  • Allow users to sign in with GitHub允许用户使用GitHub登录
  • Save users' todos in a database将用户的待办事项保存在数据库中
  • Show them next time they log in下次登录时显示给他们
  • Fall back to LocalStorage if they don't want to sign in如果他们不想登录,请退回到LocalStorage

The complexity can scale almost indefinitely. If you hate todo lists for whatever reason, fine. My advice still stands—pick a project.

复杂性几乎可以无限扩展。 如果您出于任何原因讨厌待办事项清单,则可以。 我的建议仍然有效- 选择一个项目

那简历,GitHub等呢? (What About Resume, GitHub, etc?)

These are your finishing touches.

这些是您的最后润色。

First lay a strong foundation of quality projects, then feature them everywhere–on your GitHub, Resume, LinkedIn, personal website.

首先,为高质量项目打下坚实的基础,然后在GitHub,Resume,LinkedIn和个人网站上随处可见。

For extra credit, learn to use Git/GitHub as you're doing the project. The workflow will eventually feel comfortable, and you'll be simulating a work environment much closer.

要获得额外的荣誉,请在执行项目时学习使用Git / GitHub。 工作流程最终将使您感到舒适,并且您将更接近地模拟工作环境。

Whether it's open source, a meetup, or by yourself, just do lots of projects.

无论是开源,聚会还是您自己,都可以做很多项目。

需要免费辅导吗? (Want Free Coaching?)

If you'd like to schedule a free 15-30 minute call to discuss Front-End development questions regarding code, interviews, career, or anything else follow me on Twitter and DM me.

如果您想安排15-30分钟的免费电话来讨论有关代码,面试,职业或其他方面的前端开发问题,请在Twitter和DM me上关注我 。

After that if you enjoy our first meeting, we can discuss an ongoing coaching relationship that'll help you reach your Front-End development goals!

之后,如果您喜欢我们的第一次会议,我们可以讨论正在进行的教练关系,这将帮助您实现前端开发目标!

谢谢阅读 (Thanks for reading)

For more content like this, check out https://yazeedb.com!

有关更多内容,请访问https://yazeedb.com!

Until next time!

直到下一次!

翻译自: https://www.freecodecamp.org/news/the-guaranteed-fastest-way-to-break-into-web-development/

web开发方法

web开发方法_确保进入Web开发的最快方法相关推荐

  1. python web开发前景_【python web开发工程师就业前景怎么样|做python web开发工程师有前途吗】-看准网...

    python web开发工程师就业前景分析 这个数据对你 有帮助吗? 数据详情 该职位2016年3月招聘需求230个,涨幅0% 数据说明 图表中根据地区企业近一年发布的职位招聘信息统计所得,纵轴为职位 ...

  2. 渐进式web应用程序_为什么渐进式Web应用程序很棒,以及如何构建一个

    渐进式web应用程序 by Ankita Masand 通过Ankita Masand 为什么渐进式Web应用程序很棒,以及如何构建一个 (Why Progressive Web Apps are g ...

  3. python前端开发招聘_【天津前端开发招聘_最新天津前端开发招聘信息】-前程无忧...

    天津卓众信息技术有限公司天津-西青区0.6-1万/月11-23 学历要求:本科|工作经验:3-4年|公司性质:民营公司|公司规模:少于50人 1.根据产品设计实现产品的页面交互和数据逻辑展示,负责前端 ...

  4. java web应用程序_说说Java Web中的Web应用程序|乐字节

    大家好,我是乐字节的小乐,今天接着上期文章<Javaweb的概念与C/S.B/S体系结构>继续往下介绍Java Web ,这次要说的是web应用程序. 1. Web 应用程序的工作原理 W ...

  5. 重庆找Java开发工作_重庆【Java开发程序员】

    重庆[Java开发程序员],提倡一切为了学员就业的办学思想,教学过程中坚持以练习企业项目为主,让学员真正能学到技术,毕业就能适应工作岗位. 重庆[Java开发程序员], Java 编程开发.而且很多软 ...

  6. 渐进式web应用程序_通过渐进式Web应用程序吸引用户并增强他们的体验

    渐进式web应用程序 by Dave Gray 戴夫·格雷(Dave Gray) 通过渐进式Web应用程序吸引用户并增强他们的体验 (Engage your users and enhance the ...

  7. 生产环境和开发环境_环境部署:开发、测试和线上环境的区别

    点击蓝字 关注我们 软件开发环境(Software Development Environment,SDE)是指在基本硬件和宿主软件的基础上,为支持系统软件和应用软件的工程化开发和维护而使用的一组软件 ...

  8. python游戏开发引擎_你的游戏开发第0课

    电子游戏是许多人喜爱甚至沉迷的事情.尤其对于程序员来说,开发游戏是不少人最初学习编程的动力.在之前,我发过一些游戏开发的教程和案例: 爆款游戏<贪吃蛇大作战>的 Python 实现 如何用 ...

  9. python 物联网开发板_物联网学什么开发板好?

    可以试试我们的三明治开发板呀!比较容易上手,你可以使用它轻松创建一款通过智能音箱语音或者手机App控制的智能硬件产品,喜欢玩DIY的知友可以体验下. 配合我们的IoT开发平台,即可快速完成智能产品de ...

最新文章

  1. servlet的的生命周期和使用
  2. MSVCR80D.dll not found 问题(转)
  3. 小明学习Linux运维课后习题实战A
  4. 部署Django到云服务器(centos+nginx+mysql+uwsgi+python3)【操作篇(1)】
  5. 归并排序 java 迭代_经典排序算法之归并排序(示例代码)
  6. 辗转相除求最大公约数最小公倍数 扩展欧几里得算法
  7. Bootstrap 排版h1~h6标题
  8. 进阶08 Collections实现类、Comparator比较器接口
  9. 移动端布局,C3新增属性
  10. 苹果iOS系统源码思考:对象的引用计数存储在哪里?--从runtime源码得到的启示...
  11. 深度学习入门代码详解(附代码)
  12. C# ASP.NET WebApi入门
  13. 移动前端开发之viewport的深入理解
  14. 中兴笔试题,求子区间元素运算后结果为0
  15. mfs java_mFS文件系统 - java学者 - OSCHINA - 中文开源技术交流社区
  16. java 汉字拼音排序_[转]Java汉字按照拼音排序
  17. js实现倒计时广告效果
  18. 护卫神备份mysql_护卫神好备份系统数据库怎么备份?
  19. 股票市场量化分析matlab,(特价书)MATLAB金融算法分析实战:基于机器学习的股票量化分析...
  20. 如何修改数据表中的信息

热门文章

  1. 【今日CS 视觉论文速览】10 Jan 2019
  2. Nginx学习之十四-GDB调试Nginx初试
  3. 常见运行时异常 java 114982568
  4. c#winform演练 ktv项目 制作歌曲播放列表
  5. Laravel初探——安装
  6. 生成子集——二进制法
  7. mysqldump文件中有SET @@SESSION.SQL_LOG_BIN= 0;解决方法
  8. Nginx反向代理、动静分离、负载均衡及rewrite隐藏路径详解(Nginx Apache MySQL Redis)–第二部分...
  9. 政企多样化发力 社区半径引领智慧社区生态建设
  10. LFTP : 一个功能强大的命令行FTP程序