NEXT JSでキレイなホームページ作ります!tailwindcssを駆使します(2023年)

TailwindCssをガチガチに使って、簡単なアニメーションをフル活用したホームページを作ります

Ratings 3.00 / 5.00
NEXT JSでキレイなホームページ作ります!tailwindcssを駆使します(2023年)

What You Will Learn!

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

Description

Next JSを使ってキレイなホームページを作ります!

今回のアニメーションはAOSというパッケージを使って実装しています。

非常に簡単でわかりやすくなっていますのでとてもおすすめです!


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


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



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

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

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

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


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

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

ライブラリを読み込んで使うというスキルも次第に慣れてきてできるようになると思います!


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

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


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


使用パッケージは

Nextjs、Tailwindcss、AOS、react-icons、GitHub、vercel、JavaScript、 Swiper

Who Should Attend!

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

TAKE THIS COURSE

Tags

Subscribers

24

Lectures

80

TAKE THIS COURSE