成为专业 React 开发人员的 31 个步骤因此,如果您是一名业余爱好者,想知道成为一名专业前端开发人员需要付出多少努力:这篇文章适合您。

2025-06-07

成为专业 React 开发人员的 31 个步骤

因此,如果您是一名业余爱好者,想知道成为一名专业的前端开发人员需要付出多少努力:这篇文章适合您。

图片来源:[Matylda](https://www.flickr.com/photos/hackny/6890140478)

我参加的每一个项目和课程都是为了达到可聘用的水平

在我学习编码之前,我常常问开发人员他们花了多长时间来学习他们的技术,以及他们是如何做到的。

他们会回答诸如一年半学士学位,或者我刚开始尝试之类的问题——这些都无法真正满足我的好奇心。我想知道他们具体付出了多少努力,因为我怀疑自己是否真的能做到(我对此表示怀疑,因为这几乎是不可能的)。

几年过去了,我已经从一个业余程序员转型为专业的 React 开发者。现在,我想我能够给出我一直在寻找的答案了。

因此,如果您是一名业余爱好者,想知道成为一名专业的前端开发人员需要付出多少努力:这篇文章适合您。

然而,我并不是说我的路是最高效的。我花了很长时间才意识到自己想用 React,直到参加了一个编程训练营,我才下定决心要达到一个可以雇佣的水平。

如果您正在寻找绝对最快的路线,我会大胆地推荐我们的React 入门课程即将推出的高级课程,因为它们都是以这个目标为目标而构建的。

现在,让我们回顾一下我自开始以来所参加的所有课程和项目,以及我在途中获得的一些建议。

第一阶段:介绍

我将我的学习历程分为三个阶段:入门爱好训练营

我的入门阶段始于2012年,持续了大约两年。进展缓慢,一切都很零散,没有适当的结构或目标。现在回想起来,我真希望自己一开始能更认真一些,希望自己能每天投入30分钟来编程。这让我想到了给有志于成为开发者的第一条建议:

记住,认真学习永远不会太早。未来的你会感谢你。

Codecademy

和许多人一样,我一开始学习的是 Codecademy,完成了四个方向:Javascript、HTML&CSS、jQuery、PHP。这让我对编程有了初步的理解。如果你之前从未写过一行代码,Codecademy 是一个绝佳的起点。它几乎和 Scrimba 一样好用 ;)

儿童互动应用

在 Codecademy 毕业后,我掌握了一些简单的交互技巧,可以帮我的初创公司开发一些儿童图书应用。这些应用由一些简单的网页动画组成:点击

标签和图像在触发声音的同时淡入淡出。

30天学习jQuery

时间快进到2013年底。我参加了TutsPlusJeffrey Way开设的30天jQuery学习课程。他是一位非常优秀的导师,带你完成了许多有趣的小项目。

如果您想学习如何创建交互式网站,我建议您从 jQuery 而不是 Vanilla Javascript 开始,因为它更容易学习。

第二阶段:爱好

除了TutsPlus课程之外,2013年我几乎没怎么写代码,因为我把所有时间都花在了创业上。而且,我当时真的不相信自己能成为一名专业的开发者。

然而,在 2014 年初发现 Udacity 后,我又重新开始了。这一次,我更加认真,并设定了每天至少自学一小时的目标。

我发现基于过程的目标比基于结果的目标更有效。它不会让人感到不知所措,而且结果总是自然而然地出现。

Udacity——计算机科学入门

Udacity上的 CS101 课程是Dave Evans制作的,是计算机科学和 Python 的精彩入门课程。虽然我只完成了 80%,但我还是通过这门课程认真学习了数据类型、函数、条件语句和其他内容。说实话,我从来没有完成过一门 MOOC,因为一旦感到无聊就会放弃。

别因为退课而感到难过——你已经不在学校了。要注意无聊,它会扼杀你的学习动力。

Udacity——Web开发

我接着学习了 Reddit 联合创始人 Steve Huffman 创建的 CS253。它指导你如何创建博客,是 CS101 之后的自然选择。

简单的 Javascript 游戏

2014年初的某个时候,我开始对创建JavaScript游戏产生了兴趣。我从这个教程开始,它指导你创建一个非常简单的JS游戏,游戏中你使用方向键控制角色捕捉妖精。

Javascript 中的扫雷

我按照教程里的步骤玩了经典的扫雷游戏。这游戏有点难,我记得当时有点被其中的逻辑搞晕了。不过我喜欢坚持下去,即使有时不太明白是怎么回事(我在这里写了更多)。

Javascript 中的蛇

我还做过一个贪吃蛇游戏。记不清具体是哪个教程了,可能是下面这个。

jQuery 游戏 — 儿童购物

2014年东部时间,我为一款儿童教育应用开发了一个演示版本,因为我们的初创公司接到了一家公司的委托,他们想把他们的Flash游戏转换成HTML5版本。虽然我们没接这份活儿,但我想看看自己是否具备足够的编程技能来完成这份理论上能拿到报酬的工作。

令人惊讶的是,你只需要很少的知识就能开始利用你的编程技能赚点小钱。尽快尝试做到这一点吧。

Udemy——企业家编程

初夏时节,我学习了Justin Mitchel《创业者编程》教程,这门课很棒。它完全基于项目,遵循“边做边学”的教学方法。它对 Django Python 框架的入门指导也很棒。

Udacity 的课程会为你提供计算机科学概念的基础知识,而这门课程则能让你运用所学技能。将这些课程结合起来至关重要。

House Of Fam 网站

我作为开发者的第一份有偿工作是为一位挪威时装设计师编写一个简单的网站(我的联合创始人设计的)。终于能靠自己的爱好赚钱了,感觉很棒,因为你意识到自己可以资助自己进一步提升技能。尽管与我们投入的时间相比,我们赚的钱微不足道。

不要担心第一份工作的时薪低于最低工资标准。它仍然比你上一个项目的报酬高得多。

Disco Fingers 网站

我还为我们的音乐创作应用程序Disco Fingers构建了一个简单的登陆页面,该应用程序是我们初创公司于 2014 年底推出的。

Disco Fingers 热门歌曲爬虫

Disco Fingers 上线后,我编写了一个 Python 脚本,用来抓取 Disco Fingers 内部的节拍列表,并每天在 Twitter 上发布最热门节拍的链接。这段经历让我学到了很多关于 API、cron 作业和数据抓取的知识。

创建一个节省时间的脚本感觉很有力量。我推荐你尝试一下。

Udacity——监督学习(ML)

2014年底,我开始对机器学习着迷,所以选修了这门课程。如果你想了解机器学习的本质,我推荐你学习这门课程。但它不涉及任何编程,这有点令人失望。

CoderByte 挑战

为了提高我的基本技能(您可以在此处阅读更多相关信息),我解决了CoderByte上的许多挑战

CodeByte 有很多小任务可以提高你的算法技能。

Javascript 中的井字游戏

我还开发了一款井字游戏作为我向各种编码训练营申请的一部分。

第三阶段:训练营

当时,我已经能够编写简单的脚本,并且如果按照“创业者编程”的公式,也知道如何部署一个 Django 网站。但我仍然远远达不到成为一名开发人员的水平。在我们创业失败后,这成了我的目标,所以我申请了一系列编程训练营,最终选择了伦敦的Founders and Coders(FAC)。

FAC 以每周完成的项目为基础。构建这些项目需要阅读大量教程并参加一些小型在线课程——但我记不清所有课程了。所以除了作业之外,我还添加了 Github 仓库的链接。我还记录了我们从每个任务中学到的技能。

第一周:团队博客

使用 Github Pages 搭建的简单博客源代码可在此repo获取,作业可在此处查看。技能:Github Pages、CSS、jQuery、Jekyll。

第 2 周:《卫报》API

一个从 Guardian API 获取内容的网站。源代码在此repo中,作业在此。技能:Web API、Ajax、JSON。

第 3 周:附近的东西

显示附近推文的社交墙。任务仓库。技能:服务器、Node.js。

第四周:Instagram 和 Twitter 搜索

一款可以搜索推文和 Instagram 帖子的应用。RepoAssignment。技能:Heroku、MongoDB

第 5 周:D3 推文可视化

这是 FAC 的 D3.js 周。我们尝试了如何创建可视化。作业回购

事实上,本周我大部分时间都花在了 Keyword King(下文)上,所以我很少使用 D3,因此图像上的结果很稀疏。

第 6 周:笔记应用

我们第一次接触 React.js,我很快就喜欢上了它。作业仓库

第七周:博客 1.0

一个带身份验证的简单博客。技能:服务器端渲染、Cookie。作业代码库

第 8 周:博客 2.0

这次我们添加了更多身份验证方法,例如 Twitter、Facebook 和电子邮件注册,并使用了 Hapi.js 框架。作业代码库。技能:Hapi.js

第九周:关键词之王

第九周,我们开始构建我们想要的一切。我们的团队搭建了一个网站,可以分析你的 App Store 关键词,并告诉你哪些关键词毫无价值。Repo就在这里。技能:jQuery、Heroku、API。

预言家爵士

第十周,我们开始为客户做项目,赚了一点钱。我们的第一个项目是一个类似 Tinder 的新闻预测应用的原型。Repo

儿童拼图

一款儿童拼图,取材于挪威儿童系列丛书《Troll-Olav》。回购

评价我的东西

一个基于图片评分的社交网络。(很遗憾,我没有这个的图片。)Repo

挤压

帮助学生复述和记住所学内容的工具。Repo

Coursera——机器学习简介

在FAC期间的某个时候,我开始学习这门课程。和往常一样,我没有完成,但仍然学到了很多东西。

机器学习周

我还参加了为期一周的机器学习特技练习,尽可能多地学习机器学习。这涉及一系列教程和反复试验,您可以在本文中了解更多详情。

找工作

FAC 结束后,我搬回了家,大约一个月后,我在Xeneta找到了一份 React 开发人员的工作。希望本文能帮助您了解成为一名开发人员需要付出的努力。

如果你想成为一名 React 开发者,我强烈推荐你考虑我们的 Scrimba 课程。先从免费学习 React课程开始,然后注册我们即将推出的高级 React 课程的候补名单。

祝你好运 :)

文章来源:https://dev.to/scrimba/31-steps-to-become-a-professional-react-developer-mjh
PREV
5分钟学会Bootstrap 4
NEXT
你的 Django 应用运行缓慢吗?像数据科学家一样思考,而不是工程师