我尝试使用Udemy来制定成为前端工程师的路线图

2 年 ago
清, 宇
1 minute

首先

Udemy是一个可以通过视频学习的在线学习平台。许多课程都采用实践操作的形式，并且经常被用于培训。

 

个人而言，在学习时经常利用Udemy，并且随着学习方法的多样化，我故意限制在Udemy这一个平台上，制定了一个简略的学习路线图。

这次我从众多课程中挑选了一门我认为学习了这个课程将会获得成为前端工程师所需最低限度技能的课程。

请注意，
这仅仅是我的个人观点，请谨慎参考。
我不是Udemy的代言人或推广者。

路线图

我已经制定了一个简易的路线图，如下所示。

我选择React而不是Vue.js的原因是，在Udemy上发布的课程中，个人认为React的质量更高的课程较多。

首先应该参加的课程是什么？

以下是高度推荐的首个课程。在质量和数量上都是最强的选择。
【全球有70万人参加】2023年Web开发者培训营（日文版）。

 

在这门课程中，您可以广泛学习Web开发的基础知识。从前端到后端，安全性和应用程序部署，这一切都能够用这个课程涵盖。

具体而言，

    1. 网页入门

 

    1. HTML基础

 

    1. CSS基础

 

    1. JavaScript基础

 

    1. DOM介绍

 

    1. API

 

    1. Node.js

 

    1. 数据库

 

    1. 错误处理

 

    1. 路由

 

    1. 认证

 

    1. 图片上传

 

    部署

…真的可以学到很多东西。

这门课程是非常推荐给想要成为Web工程师的人，不止限于前端（我自己也正在努力学习中）。然而，由于它能够广泛地学习，所以内容的量也非常庞大。我觉得要学完可能需要大约一个月的时间（笑）。对于初学者来说，可能会有一些挫折，即使一口气学完也不可能完全理解。但是，这真的是一门非常棒的课程，所以一旦开始了这个课程，就要避免走弯路，每天坚持学习，以及反复回顾是非常重要的。

这也是我推荐的一个选择。

对于想进一步深入学习JavaScript的人来说，这里也是推荐的。

【JS】为真正想要学习的人设计的JavaScript机制

 

对于对 JavaScript 有一些概念或者已经入门的人来说，这是一个非常适合的课程。本课程深入挖掘了 JavaScript 的本质和工作原理，并使用了框架和库来应对开发越来越复杂的现状，因此现在正是学习的最佳时机。

在课程的最后阶段，将这些技术和知识汇总，创造出独特的框架。

下一个我想学习的课程是什么？

在广泛学习了Web开发的基础知识之后，我强烈推荐你阅读这些内容。

从现代JavaScript的基础开始，掌握React入门的方法，避免挫折。

 

在最初的课程中，我们可以系统地学习Web开发。但是，我们没有涵盖现代前端的部分。从现在开始，我们将学习React和Vue.js等现代前端技术。

在这门课程中，你可以学习到使用React和Vue所需了解的现代JS的概念，这是它的推荐点。通过使用纯JS和React两种方式创建TODO应用程序，你可以亲身体验它们之间的区别，并在学习为何要使用React或Vue的同时产生内心的满足感。

学习完React后

使用Next.js + Tailwind CSS + Django REST Framework进行现代React开发的学习。

 

在这个课程中，你可以通过创建两个项目来学习使用React构建的Next.js框架。

    • スタイリングで有名なライブラリであるTailwind Css

PythonのフレームワークであるDjango REST Framework

推荐的亮点是可以在实际工作中学习到如样式设计、与后端的协作等接近实战水平的技能。

在这门课程中，后端使用Python进行构建，但在实际工作中，后端可能会使用各种不同的语言。通过这门课程，我们可以学习到这一点，这是非常好的。

如果只想学习Next.js，请

【Next.js入门】通过React框架Next.js构建微博，并学习基础和本质的课程。

 

必须使用TypeScript

“是否需要使用 TypeScript？”有些人可能会这样问，但它非常重要。在最近的前端开发中，无法想象不采用 TypeScript，所以有必要掌握它。
因此，我推荐在第四个选项中选择它。

【全球7万人报名参加】理解TypeScript日文版

 

这是一个能够巩固TypeScript基础的课程。

在讲座的最后，会出现“Node.js + Express & TypeScript”和“React & TypeScript”这两个部分。通过学习第一和第二门课程中所学的Node.js、React和TypeScript，你也可以学习如何将它们进行协同合作，因此我推荐作为复习的同时也推荐参加。

最后是这边

如果您參加過之前的課程，最後我們將進行前端測試的學習。

React软件测试（Hooks+ReduxToolkit时代的现代测试方法）

 

在寻找最佳课程时，我没有找到绝对合适的，但我会向你介绍上述内容。在应用开发中，前端同时也非常重要，并且测试也是不可或缺的。

在这个课程中，我们解释了React Testing Library。React Testing Library是React官方推荐的工具，它可以执行更接近用户行为的测试。

此外，在講座中我們也會涉及一些相對複雜的內容，但我建議你將這作為一個總結和整合以便對之前的學習有更好的理解。

最后

我在Udemy上根据个人的偏见和看法选择了几门课程，但还有很多其他好的课程可供选择。请记住，这只是我的个人选择。

此外有一点需要注意的是，请不要忘记完成所有这些工作并不一定就能成为一位前端工程师。这是因为作为工程师，还有很多其他要学习的事情。

Git和GitHub都是如此，对基础设施的最基本知识、SEO、Web可访问性等，需要非常广泛的知识。

此外，不仅输入，输出也非常重要。希望您不要忘记利用在此次介绍的课程中所获得的知识，进一步尝试制作一些自己的东西。

额外的东西

如果能说英语就太好了，我也找到了一个如果有日语版就会很高兴的课程，我来分享一下！

    Next.js & React – The Complete Guide (incl. Two Paths!)

 

    React Testing Library and Jest: The Complete Guide

 

bannerAds