无论您是刚开始编程还是已经是一名经验丰富的开发人员，在这个行业中，学习新的概念和语言/框架是跟上快速变化的必要条件。
以React为例，它是四年前才由Facebook开源的，它已经成为全球JavaScript开发人员的第一选择。
当然，Vue和Angular也有其合法的追随者群体。然后是Svelte和通用框架，例如Next.js或Nuxt.js。还有Gatsby 和 Gridsome 和 Quasar …。
如果你想成为一名出色的JavaScript开发专家，你至少应该在不同的框架和库中有一些经验。
为了帮助你在2020年成为前端大师，我收集了9个不同的项目，每个项目都有不同的主题和不同的JavaScript框架或库作为技术栈，您可以构建它们并将它们添加到学习计划中。记住，没有什么比实际构建东西更有帮助的了，所以勇往直前，让你的头脑变得敏锐，让它成为现实。
首先，您可以使用React构建电影搜索应用程序。下图显示了最终应用的外观：
您将学到什么
在构建此应用程序时，您将使用相对较新的Hooks API来提高React技能。该示例项目利用了React组件，许多hook，一个外部API，当然还有一些CSS样式。
技术栈和功能
在不使用任何类的情况下，这个项目为你提供了一个完美的入门到实战的机会，并且肯定会在2020年为您提供帮助。
您可以在此处找到示例项目。按照教程进行操作，或者自己动手做。
对您来说，另一个很棒的项目是使用我最喜欢的JavaScript库：VueJS构建聊天应用程序。
该应用程序将如下所示：
学习本教程后，您将学习如何从头开始设置Vue应用-创建组件，处理状态，创建路由，连接到第三方服务，甚至处理身份验证。
这真的是一个很棒的项目，开始使用Vue或提高您的现有技能，以应对2020年的发展。
您可以在此处找到该教程。
此示例将帮助您使用Google的Angular 8构建美观的天气应用程序：
这个项目将教您从头开始创建应用程序的宝贵技能，从设计到开发，再到生产就绪部署。
我真的非常喜欢这个综合项目，因为您不会孤立地学习东西。相反，您将学习整个开发过程——从设计到最终部署。
你真的应该做这个。
Svelte有点像一个新来的孩子，至少与React, Vue和Angular相比是这样。尽管如此，它仍然是2020年的热门之一。
待办事项不一定是最热门的话题，但这确实可以帮助您提高Svelte技能。看起来像这样：
本教程将向您展示如何使用svelte3制作一个应用程序，从开始到结束。它使用组件、样式和事件处理程序。
市面上并没有那么多好的的Svelte入门项目，所以我觉得这是一个不错的开始。
Next.js是最流行的框架，用于创建支持应用程序开箱即用的React应用程序。
该项目将向您展示如何构建一个如下所示的电子商务购物车：
在这个项目中，您将学习如何设置一个Next.js开发环境——创建新页面和组件、获取数据、设置样式并部署下一个应用程序。
有一个真实的例子（例如电子商务展示柜）来学习新的东西总是很高兴。您可以在此处找到该教程。
Nuxt.js代表Vue，Next.js代表React：一个很好的框架，结合了服务器端渲染和单页面应用程序的功能。
您可以创建的最终应用程序将如下所示：
这个示例项目将教您如何使用Nuxt.js构建完整的网站——从初始设置到最终部署。
它利用了Nuxt必须提供的许多很酷的功能，例如页面和组件以及SCSS的样式。
这对您来说是一个非常酷的项目，涵盖了Nuxt.js的许多出色功能。我个人很喜欢与Nuxt合作，因此您应该真正尝试使用它，因为它也会使您成为更好的Vue开发人员。
Gatsby是一个很棒的静态站点生成器，它在后台使用React和GraphQL。这是该项目的结果：
在本教程中，您将学习如何利用Gatsby构建出色的博客，以便在使用React和GraphQL的同时编写自己的文章。
如果您想创建博客，这是一个很好的示例，说明如何利用React和GraphQL做到这一点。
我并不是说WordPress总是一个不好的选择，但是使用Gatsby，您可以在使用React的同时创建高性能网站——这是一个了不起的组合。
Gridsome是Vue的……好吧，我们已经在Next / Nuxt中有了它。
但是对于Gridsome和Gatsby也是如此。两者都使用GraphQL作为数据层，但是Gridsome使用VueJS。这也是一个很棒的静态网站生成器，可帮助您创建出色的博客：
该项目将教您如何构建一个简单的博客，以开始使用Gridsome，GraphQL和Markdown。
它还介绍了如何通过Netlify部署应用程序。
当然，这不是最全面的教程，但它确实涵盖了Gridsome和Markdown的基本概念，并且可能是一个很好的起点。
Quasar是另一个Vue框架，也可以用于构建移动应用程序。
在此项目中，您将创建一个音频播放器应用，如下所示：
虽然其他项目主要关注Web应用程序，但本项目将向您展示如何通过Quasar框架使用Vue创建移动应用程序。
您应该已经配置了可运行Android Studio / Xcode的Cordova设置。如果没有，该教程中将有一个指向Quasar网站的链接，在那里他们向您展示了如何进行设置。
一个小项目，展示了Quasar在构建移动应用程序方面的强大功能。
在本文中，我向您展示了可以构建的9个项目，每个项目都专注于另一个JavaScript框架或库。
现在，选择权全由您自己决定：您是否会使用以前未使用的框架来尝试一些新的东西？还是要通过为已经具备一定知识的技术进行项目来增强技能？还是您会依赖自己喜欢的框架/库，并在2020年完成所有项目？
更多文章推荐阅读 【 学习企鹅圈：731771211 】 ：
2020年Web前端开发工程师市场怎么样？学会什么技术才能拿到高薪
微信关注我们
转载内容版权归作者及来源网站所有！
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。
为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。
Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。
Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
扫码在手机上查看文章
扫描二维码，手机阅读更方便
有任何问题或合作意向欢迎联系我们
Email: 99873273@qq.com
QQ: 99873273