专栏首页加米谷大数据JavaScript前端学习有哪些项目可以练习

JavaScript前端学习有哪些项目可以练习

无论你是编程新手,还是经验丰富的开发人员,都需要不断学习新的概念和语言 / 框架,才能跟得上这个快速变化的行业。

01

使用React构建电影搜索应用

首先,可以使用React构建一个电影搜索应用。

你将学到什么内容:

构建这个应用时,你将使用相对较新的Hooks API来提升你的React技能。示例项目利用了React组件、许多Hooks、一个外部api,当然还有一些CSS样式。

技术栈和功能:

带Hooks的React

create-react-app

JSX

CSS

这个项目不使用任何类,为你提供了掌握函数式React编程的完美切入点。教程:

https://www.freecodecamp.org/news/how-to-build-a-movie-search-app-using-react-hooks-24eb72ddfaf7/

02

使用Vue构建聊天应用

你将学到什么内容:

在这个教程中,你将学习如何从头开始设置一款Vue应用,创建组件、处理状态、创建路由、连接到第三方服务,甚至处理身份验证。

技术栈和功能

Vue

Vuex

Vue路由

Vue CLI

Pusher

CSS

可以用来入门Vue。教程:

https://www.sitepoint.com/pusher-vue-real-time-chat-app/

03

使用Svelte构建待办事项应用

你将学到什么内容:

本教程将向你展示如何从头到尾使用Svelte 3制作应用。它利用了组件、样式和事件处理程序。

技术栈和功能:

Svelte 3

组件

CSS样式

ES6语法

教程:https://medium.com/codingthesmartway-com-blog/building-a-svelte-3-todo-app-from-start-to-deployment-1737f72c23a6

04

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

你将学到什么:

在这个项目中,你将学习如何设置Next.js开发环境、创建新页面和组件、获取数据和样式并部署一个next应用程序。

技术栈和功能:

Next.js

组件和页面

数据获取

样式

部署

SSR和SPA

教程:https://snipcart.com/blog/next-js-ecommerce-tutorial

05

使用Nuxt.js构建完整的多语言博客网站

你将学到什么内容:

这个示例项目将教你从初始设置到最终部署,使用Nuxt.js构建完整网站的全过程。它利用了Nuxt所提供的许多出色功能,如页面和组件以及SCSS样式。

技术栈和功能:

Nuxt.js

组件和页面

Storyblok模块

Mixins

用于状态管理的Vuex

SCSS样式

Nuxt中间件

教程:https://www.storyblok.com/tp/nuxt-js-multilanguage-website-tutorial

06

使用Gatsby建立博客

你将学到什么内容:

在本教程中,你将学习如何利用Gatsby构建出色的博客,可以很好地用来撰写自己的文章,同时利用React和GraphQL的能力。

技术栈和功能:

Gatsby

React

GraphQL

插件和主题

MDX/Markdown

引导CSS

教程:https://blog.bitsrc.io/how-to-build-a-blog-with-gatsby-and-boostrap-d1270212b3dc

本文分享自微信公众号 - 加米谷大数据(DtinoneBD)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 程序员面试:八大数据结构及相关面试题

    几乎所有的问题都需要面试者对数据结构有深刻的理解。无论你是初入职场的新兵(刚从大学或者编程培训班毕业),还是拥有几十年经验的职场老鸟。

    加米谷大数据
  • GitHub推出首款原生移动应用程序

    这款新的移动应用程序现在已经推出了 iOS 测试版,安卓版也即将到来,用户期待所有基本功能它都具备,他们就可以分享讨论反馈,查看代码并进行更改。第二个主要的新功...

    加米谷大数据
  • 距离2019年只剩下一个多月了,你学大数据了吗?

    大数据时代的到来,大数据也吸引了越来越多的关注,越来越多的人选择学习大数据在以云计算为代表的技术创新大幕的衬托下,这些原本很难收集和使用的数据开始容易被利用起来...

    加米谷大数据
  • Vue.js学习

    最近在看Vue.js相关的东西,比如说vue-router、vuex,还有基于Vue.js的前端UI框架Element-UI和iview

    ccf19881030
  • Meteor1.3七日谈 — Mantra核心简介

    时见疏星
  • Java生成艺术二维码也可以很简单

    现在二维码可以说非常常见了,当然我们见得多的一般是白底黑块,有的再中间加一个 logo,或者将二维码嵌在一张特定的背景中(比如微信、支付宝的收款码);偶尔也可能...

    一灰灰blog
  • mysql乱码设置

    MySQL默认字符编码的设置 MySQL的默认编码是Latin1,不支持中文,那么如何修改MySQL的默认编码呢,下面以UTF-8为例来说明  需...

    闵开慧
  • vue系列之面试总结

    答:Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue ...

    桃翁
  • error handling in Nodejs

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    Jerry Wang
  • 使用 CSS Checkbox Hack 技术制作一个手风琴组件

    在本篇文章里,我们一起学习下如何使用 CSS checkbox hack 技巧制作一个响应式的手风琴组件,这个组件完全基于CSS,没有JavaScript脚本,...

    前端达人

扫码关注云+社区

领取腾讯云代金券