3个助你提升自己&通过面试的实战项目

441

我写博客主要用来整理我还不懂的知识,那些我精通的东西,往往没有动力写。炫耀从来不是我的动机,好奇才是。—— 阮一峰

大家应该都有这种感觉,当你想找一个项目练手或者是计划做一个项目用到简历里面的时候,总是感觉早不到具有亮点的项目。

市面上能找到的项目太过雷同,”仿饿了么“项目早已烂大街,面试官见到此类项目出现在你的简历里面,反而对你的印象大打折扣。

下面推荐给大家我个人觉得还不错的3个实战项目:

使用React Hooks构建电影搜索app

从这个项目中你可以学到什么

通过该实战项目的学习,你会通过Hooks的使用从而提高你的React水平。

主要技术栈

  • React with Hooks
  • create-react-app
  • JSX
  • CSS

项目地址:使用React Hooks构建电影搜索app

使用VUE构建在线聊天app

开发完成的界面大概是这样子的:

从这个项目中你可以学到什么

通过本教程的实战你将学习到如何从头开始设置Vue应用,创建组件,处理状态,创建路由,连接到第三方服务,甚至处理身份验证。

主要技术栈

  • Vue
  • Vuex
  • Vue Router
  • Vue CLI
  • Pusher
  • CSS

这是个非常棒的项目,从该项目中你不但可以巩固你现有的知识,同时还能提高你的技能从而应对2020年的前端市场。

项目教程地址:使用VUE构建在线聊天app

使用Next.js构建电商购物车

Next.js是目前非常流程的框架,该项目将向你展示如何通过Next.js构建一个如下图所示的购物车:

从这个项目中你可以学到什么

你可以通过该项目学习如何去搭建Next.js开发环境,创建新的页面和组件,获取数据,设置样式并部署下一个应用程序。

主要技术栈

  • Next.js
  • Components and Pages
  • Data Fetching
  • Styling
  • Deployment
  • SSR and SPA

项目地址:使用Next.js构建电商购物车

告诫自己,即使再累也不要忘记学习,成功没有捷径可走,只有一步接着一步走下去。 共勉!