NEXT JSでイケてるホームページ制作!tailwindcssを駆使します(2023年)

TailwindCssをゴリゴリ駆使してレスポンスデザインまで作ってみましょう!

Ratings: 4.04 / 5.00




Description

Next JSを使ってアニメーションのあるイケてるホームページを作ります!

このコースができれば、Webサイトの見た目の部分はほぼ問題なく作れるようになります!


WordPressでWebサイトを作っている方はもちろん、JavaScriptを学習中の方にも勉強になるコースになっています!



今回使うNext JSですが初学者が学習するにはとても簡単で良い言語だと考えています!

JavaScriptも学習できるし、npmコマンドでサーバーを起動しますし、GitHubを使ってコードを管理もできます。

初学者の方でもできるようにサーバーの立て方やインストールの方法もしっかりコースの中に組み込んでいます。

reactをベースに組み立てられているので情報も多いですし、応用も効きますし、基本的なアプリは全て作ることができます。


言語特有の「ログインの機能」「データのやり取り」「apiが・・・」も大事ですが、まずは実際に使えるHPから作ってみてはいかがでしょうか?

言語に慣れるという事もできますし、開発したアプリの見た目自分の手によって変わっていくと、どんどんやる気が出てくるかと思います!


実践的な方法を身に付けたい方!アプリを作って公開するまでの総合力を身に付けたい方!

ぜひこのコースを受講してみてください!


まずは開発に慣れるところから初めてみましょう。


使用パッケージは

Nextjs、Tailwindcss、framer-motion、react-icons、GitHub、vercel、JavaScript、EmailJS、react-scroll、react-countUp

What You Will Learn!

  • NextJSの使い方が学べます(V14)
  • 作ったアプリを無料で一般公開(Vercel)する方法が学べます
  • WordPressのプラグインを使ったようなサイトを作れます
  • イケてるアニメーション(framer -motion)の使い方が学べます
  • 実践的なCSS(tailwindcss)の実装が学べます
  • tailwindcssを使ったレスポンシブデザインの作り方が学べます
  • アイコン(react-icon)の使い方が学べます
  • よくあるメール機能(EmailJS)を実装できます
  • 開発ツール(VSコード)の便利な拡張機能が学べます
  • この技術を応用してブログやホームページにもできます

Who Should Attend!

  • ドキュメントを見ながら開発を進めたい方
  • WordPress以外でWebサイトを作りたい方
  • アニメーションのあるWebサイトを作りたい方
  • Next JSを使った開発の総合力が欲しい方
  • Tailwindcssの実用的な使い方をしたい方
  • JavaScript初学者の方