当前位置: 首页 > 科技观察

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

时间:2023-03-11 20:45:25 科技观察

技术栈/要点VueVuexVueRouterVueCLIPusherCSS这真是一个很棒的项目,无论是用来学习Vue还是提高现有技能来应对2020年的发展。可以看看这个教程:www.sitepoint.com/pusher-vue-…3.使用Angular8构建一个美丽的天气应用程序这个例子将帮助您使用Google的Angular8构建一个美丽的天气应用程序:您将学到什么?该计划将教授您宝贵的技能,例如从头开始创建应用程序,从设计到开发,一直到生产就绪部署。TechStack/PointAngular8FirebaseSSRWebLayout&FlexboxMobileFriendly&&ResponsiveLayoutDarkModeBeautifulUI我真正喜欢这个综合项目的地方是你不是孤立地学习东西,而是从设计到最终部署的整个开发过程.medium.com/@hamedbaato…4.使用Svelte构建To-Do应用程序与React、Vue和Angular相比,Svelte是相当新的,但仍然是最热门的应用程序之一。好吧,待办事项应用程序不一定是最热门的项目,但这确实可以帮助您提高Svelte技能,如下所示:您将学到什么?本教程将向您展示如何从头到尾使用Svelte3制作应用程序。它利用组件、样式和事件处理程序。技术栈/要点Svelte3ComponentsCSSES6语法Svelte没有太多优秀的入门项目,这个是我入门的好项目:medium.com/codingthesm...5.使用Next.js搭建购物车Next.js是一个轻量级的大型React服务器端渲染应用程序框架,这个项目将向您展示如何构建一个购物车,它看起来像这样:你将学到什么?在此项目中,您将学习如何设置Next.js开发环境、创建新页面和组件、获取数据、设置样式以及部署下一个应用程序。技术栈/要点Next.js组件和页面数据获取样式部署SSR和SPA你可以在这里找到教程:snipcart.com/blog/next-j...6。使用Nuxt.js构建多语言博客站点Nuxt。js是一个Vue服务器端渲染应用程序框架。您可以创建一个如下所示的应用程序:您将学到什么?此示例项目将引导您逐步了解如何使用Nuxt.js构建一个完整的网站,从初始设置到最终部署。它使用了Nuxt提供的许多强大功能,例如页面和组件以及SCSS样式。Stack/PointNuxt.js组件和页面Storyblok模块MixinsVuexSCSSNuxt中间件该项目包含许多涵盖Nuxt.js的强大功能。我个人喜欢用Nuxt开发,你应该试试,它会让你成为更好的Vue开发者!www.storyblok.com/tp/nuxt-js-...除此之外,我还找到了一个B站的视频:www.bilibili.com/video/av211...7.使用Gatsby构建博客Gatsby是一个优秀的静态站点生成器,它允许使用React作为渲染引擎来构建静态站点,它确实具有现代Web应用程序所期望的所有好处。项目如下:你会学到什么?在本教程中,您将学习如何使用Gatsby构建出色的博客。技术栈/点GatsbyReactGraphQLPlugins&ThemesMDX/MarkdownBootstrapCSSTemplates如果你想创建一个博客,这个例子教你如何使用React和GraphQL来构建。并不是说Wordpress是一个糟糕的选择,而是有了Gatsby,您可以在使用React的同时创建高性能网站!blog.bitsrc.io/how-to-build...8.用Gridsome搭建博客Gridsome和VueGatsby和React的关系是一样的。