|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs2023/
课程评论：没有评论
课程名称：使用 Next.js (2023 年版本 13) 制作带动画的简单主页 课程概述： 本课程将引导学员使用 Next.js 框架，创建一座带有动画效果的简约主页。课程特别为已掌握 HTML 和 CSS 的初学者设计，适合那些正考虑学习 JavaScript 或 Ruby on Rails 的人。考虑到数据库等后端技术会增加学习负担，本课程将重点放在前端开发，同时教授开发过程中必不可少的工具，例如使用 npm 命令启动服务器、通过 GitHub 进行代码管理以及安装 VS Code 插件等。 尽管后端语言不限，但鉴于其丰富的资源和强大的应用潜力，课程推荐以 React 为基础的 Next.js。通过本课程，学员将可以构建基础应用。本课程使用的是 Next.js 13 版本，并采用 App Router 进行页面管理，操作十分简便。 本次课程内容侧重于前端视觉效果的实现，不涉及数据库或 API 等后端处理。然而，前端开发需要全面的技能，包括添加动画效果和实现响应式 CSS 布局。课程旨在帮助学员从熟悉开发流程开始，逐步掌握这些技能。 课程使用的主要技术栈包括：Next.js 13、Tailwind CSS、Framer Motion、React Icons、GitHub 和 Vercel，以及 JavaScript。
Next Jsを使ってアニメーションのある簡単なホームページを作成します。HTML、CSSを勉強した後の初学者向けに作りました。おそらくJavaScriptやrailsを学習しようか、、、という段階ではないでしょうか？ただ、まだ現段階ではデータベースを使うと情報量も覚える事も多いと思います。ですので、JavaScriptを学習しながら、npmコマンドでサーバーを起動したり、GitHubを使ってコードを管理できるようにしたり、vsコードの拡張子をインストールしたりと、開発に必須なツールを総合的に使うようなコースにしています。バックエンドを使う処理であればどの言語でも良いのですが、reactをベースに組み立てられているNEXTJSがおすすめだと考えています。情報も多いですし、応用も効きますし、基本的なアプリは全て作ることができます。そんな方に向けたコースとなっております！今回、NEXTJSはバージョン13を使っています。appを使ったルート設計でページの管理をするのですが、とても簡単です！今回はフロントの見た目に特化していて、データベースやapi等のバックエンドの処理はしていません。しかし、フロントエンドはアニメーションを入れたり、CSSもレスポンシブデザインにしたりと、総合力が必要となります。まずは開発に慣れるところから初めてみましょう。使用パッケージはnextjs13、tailwindcss、framer-motion、react-icons、GitHub、vercel、JavaScript
