加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

9个项目助你在2020年成为前端大神!

发布时间:2019-11-05 16:52:55 所属栏目:建站 来源:刘小夕
导读:DEV的年度热文,读完认为不错,以是翻译出来供各人参考,小我私人程度有限,文中也许会有一些翻译错误,可以在评述区指正。 本篇文章一共涉及了9个风行的框架/库,没有详细的先容行使要领,而是给了一些很是棒的拭魅战教程。 初学者(大概一些有履历的开拓者也是

Gatsby是一个精彩的静态站点天生器,它应承行使React作为渲染引擎引擎来搭建一个静态站点,它真正具有当代web应用措施所祈望的全部利益。该项目如下:

9个项目助你在2020年成为前端大神!

你将学到什么?

在本教程中,你将进修怎样操作 Gatsby 构建精彩的博客。

技能栈/点

  1. Gatsby
  2. React
  3. GraphQL
  4. Plugins & Themes
  5. MDX / Markdown
  6. Bootstrap CSS
  7. Templates

假如你想建设博客,这个示例教你怎样操作 React 和 GraphQL 来搭建。并不是说 Wordpress 是一个欠好的选择,可是有了 Gatsby ,你可以在行使 React 的同时建设高机能站点!

blog.bitsrc.io/how-to-buil…

8. 行使 Gridsome 构建一个博客

Gridsome 和 Vue的相关与 Gatsby 和 React 的相关一样。Gridsome 和 Gatsby 都行使 GraphQL 作为数据层,可是 Gridsome 行使的是 VueJS。这也是一个很棒的静态站点天生器,它将辅佐您建设精彩的博客:

9个项目助你在2020年成为前端大神!

你将学到什么?

该项目将教你怎样行使 Gridsome,GraphQL 和 Markdown 构建一个简朴的博客,它还先容了怎样通过Netlify 陈设应用措施。

技能栈/点

  1. Gridsome
  2. Vue
  3. GraphQL
  4. Markdown
  5. Netlify

虽然,这不是最全面的教程,但涵盖了 Gridsome 和 Markdown 的根基观念,也许是一个很好的出发点。

www.telerik.com/blogs/build…

9.行使 Quasar 构建一个相同 SoundCloud 的音频播放器

Quasar 是另一个 Vue 框架,也可以用于构建移动应用措施。 在这个项目中,你将建设一个音频播放器应用措施,如下所示:

9个项目助你在2020年成为前端大神!

你将学到什么?

不少项目首要存眷Web应用措施,但这个项目展示了怎样通过 Quasar 框架建设移动应用措施。你应该已经设置了可事变的 Cordova 配置,并设置了 android studio / xcode。 假如没有,在教程中有一个指向quasar 网站的链接,在哪里你可以进修怎样举办配置。

技能栈/点

  1. Quasar
  2. Vue
  3. Cordova
  4. Wavesurfer
  5. UI Components

一个展示了Quasar在构建移动应用措施方面的强盛成果的小项目:www.learningsomethingnew.com/how-to-buil…

总结

本文展示了你可以构建的9个项目,每个项目专注于一个JavaScript框架或库。此刻,你可以自行抉择:行使早年未行使的框架来实行一些新的对象或是通过做一个项目来晋升已有的手艺,可能在2020年完成全部项目?

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读