9个项目助你在2020年成为前端大神！
|
副问题[/!--empirenews.page--]
DEV的年度热文，读完认为不错，以是翻译出来供各人参考，小我私人程度有限，文中也许会有一些翻译错误，可以在评述区指正。
本篇文章一共涉及了9个风行的框架/库，没有详细的先容行使要领，而是给了一些很是棒的拭魅战教程。 初学者(大概一些有履历的开拓者也是一样)在读完官方文档，想写一个项目练手的时辰不知道做什么项目好，或是有设法，可是无从动手。那么这篇文章将会给你带来很大的辅佐。 导读无论你是编程新手照旧履历富厚的开拓职员。在这个行业中，我们不得纷歧直进修新观念和新说话或是框架，才气跟上快速变革。以React为例 —— FaceBook 四年前开源，此刻它已经成为了环球JS开拓者的首选。可是与此同时，Vue 和 Angular 也有本身的追求者。然后是 Svelte，Next 和 Nuxt.js，Gatsby，Gridsome,quasar 等等，假如你想成为专业的 JavaScript 开拓职员，你在行使本身认识的框架举办开拓的同时，还必要对差异的框架和库有一些相识。 为了辅佐你在2020年成为一个前端大神，我网络了9个行使了差异JS框架/库的项目，你可以去构建可能将他们插手到本身将来的开拓打算中。记着，没什么比现实开拓一个项目更有辅佐。以是，不要踌躇，试着去开拓一下。 1. 行使React(with hooks)构建一个影戏搜刮应用 起首，你可以行使React构建一个影戏搜刮应用。展示如下：
你将学到什么? 构建这个项目，你可以行使较新的 Hook API 来晋升你的 React 手艺。示例项目行使了React组件，许多 hooks 以及一些外部的 API，虽然尚有一些CSS样式。 技能栈/点
你可以在这里看到这个示例项目：www.freecodecamp.org/news/how-to… 2.行使Vue构建一个谈天应用其它一个要先容给你的很棒的项目是行使Vue构建的谈天应用措施。展示如下：  你将学到什么? 您将进修到怎样从新开始配置Vue应用，建设组件，处理赏罚状态，建设路由，毗连到第三方处事，乃至是处理赏罚身份验证。 技能栈/点
这真的是一个很是棒的项目，不管是用来进修Vue可能是晋升现有的手艺，以应对2020年的成长。你可以查察这个教程： www.sitepoint.com/pusher-vue-… 3. 行使Augular8构建一款大度的气候应用此示例将辅佐你行使 Google 的 Angular 8 来构建一块大度的气候应用措施：
你将学到什么? 该项目将教你一些名贵的手艺，譬喻从新开始建设应用，从计划到开拓，一向到出产停当陈设。 技能栈/点
对付这个综合项目，我真正喜好的是，不是孤独地进修对象，而是从计划到最终陈设的整个开拓进程。 medium.com/@hamedbaato… 4. 行使 Svelte 构建一个 To-Do 应用与React，Vue和Angular对比，Svelte 还很新，但还是热点之一。好的，To-Do应用不必然是哪里最热点的项目，但这确实可以辅佐你进步Svelte手艺，如下：
你将学到什么? 本教程将向你展示怎样从新到尾行使Svelte3建造应用。 它操作了组件，样式和变乱处理赏罚措施。 技能栈/点
Svelte 没有太多优越的入门项目，这个是我认为不错的一个上手项目：medium.com/codingthesm… 5. 行使 Next.js 构建购物车Next.js 是一个轻量级的 React 处事端渲染应用框架，该项目将向你展示怎样构建一个如下所示的购物车：
你将学到什么? 在这个项目中，你将进修怎样配置 Next.js 的开拓情形，建设新页面和组件，获取数据，配置样式并陈设一个 next 应用。 技能栈/点
你可以在此处找到该教程：snipcart.com/blog/next-j… 6. 行使 Nuxt.js 构建一个多说话博客网站Nuxt.js 是 Vue 处事端渲染应用框架。你可以建设一个如下所示的应用措施：
你将学到什么? 这个示例项目从初始配置到最终陈设一步一步教你怎样行使 Nuxt.js 构建一个完备的网站。它行使了 Nuxt 提供的很多精彩成果，如页面和组件以及SCSS样式。 技能栈/点
这个项目包括了涵盖了 Nuxt.js 的很多精彩成果。我小我私人很喜好行使 Nuxt 举办开拓，你应该实行行使它，这将使你成为更好的 Vue 开拓职员!www.storyblok.com/tp/nuxt-js-… 除此之外，我还找到了一个B站的视频：www.bilibili.com/video/av211… 7. 行使 Gatsby 构建一个博客（编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
