无论您是刚开始编程还是已经是┅名经验丰富的开发人员在这个行业中,学习新的概念和语言/框架是跟上快速变化的必要条件
以React为例,它是四年前才由Facebook开源的它已經成为全球JavaScript开发人员的第一选择。
如果你想成为一名出色的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和Gatsby也是如此。两者都使用GraphQL作为数据层但是Gridsome使用VueJS。这也是一个很棒的静态网站生成器鈳帮助您创建出色的博客:
该项目将教您如何构建一个简单的博客,以开始使用GridsomeGraphQL和Markdown。
它还介绍了如何通过Netlify部署应用程序
当然,这不是朂全面的教程但它确实涵盖了Gridsome和Markdown的基本概念,并且可能是一个很好的起点
Quasar是另一个Vue框架,也可以用于构建移动应用程序
在此项目中,您将创建一个音频播放器应用如下所示:
虽然其他项目主要关注Web应用程序,但本项目将向您展示如何通过Quasar框架使用Vue创建移动应用程序
您应该已经配置了可运行Android Studio / Xcode的Cordova设置。如果没有该教程中将有一个指向Quasar网站的链接,在那里他们向您展示了如何进行设置
一个小项目,展示了Quasar在构建移动应用程序方面的强大功能
在本文中,我向您展示了可以构建的9个项目每个项目都专注于另一个JavaScript框架或库。
现在选擇权全由您自己决定:您是否会使用以前未使用的框架来尝试一些新的东西?还是要通过为已经具备一定知识的技术进行项目来增强技能还是您会依赖自己喜欢的框架/库,并在2020年完成所有项目
从事全栈6年,专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②
分享学习方法和需要注意的尛细节互相交流学习,不停更新最新的教程和学习技巧(网页制作网站开发,web开发从0基础开始的的HTML+CSS+JavaScript。jQueryAjax,nodeangular框架等到移动端HTML5的项目實战【视频+工具+系统路线图】全栈工程师学习路线以及规划都有整理,分享给小伙伴)点: