【目標】 Next.js × TypeScript でwebアプリケーションのフロントエンド開発

Laten we beginnen. Het is Gratis
of registreren met je e-mailadres
【目標】 Next.js × TypeScript でwebアプリケーションのフロントエンド開発 Door Mind Map: 【目標】 Next.js × TypeScript でwebアプリケーションのフロントエンド開発

1. 【必須条件】: 開発環境にReactを用いていること

2. 【具体例】

2.1. ①ECサイトの管理画面の構築

2.2. ②ブログサイトの構築

2.3. ③SNSの投稿機能の実装

2.4. ④予約システムの構築

3. 【課題】Reactの実務経験がない

4. 【NG】 ①ランディングページのコーディング ②wordpressの開発

4.1. スキルアップが望めないため

5. スキルセット

5.1. JavaScript

5.1.1. ライブラリー

5.1.1.1. jQuery 実務

5.1.1.1.1. アニメーション・ライブラリ

5.1.1.2. GSAP 実務

5.1.1.2.1. tween

5.1.1.2.2. timeline

5.1.1.2.3. scrollTrigger

5.1.1.3. Axios

5.1.1.3.1. API/非同期処理

5.1.1.4. three.js

5.1.2. フレームワーク

5.1.2.1. React

5.1.2.1.1. Next.js

5.1.2.1.2. Hooks

5.1.2.1.3. JSX

5.1.2.1.4. CSS

5.1.2.1.5. 状態管理

5.1.2.1.6. テストツール

5.1.2.2. Vue

5.1.2.3. Node.js バック

5.1.2.3.1. Express

5.1.2.3.2. npm

5.1.3. TypeScript

5.1.3.1. 型宣言

5.1.3.2. ジェネリクス

5.1.4. web API

5.1.4.1. 非同期通信

5.1.4.1.1. fetch

5.1.4.1.2. Promise

5.1.4.1.3. async / await

5.1.4.2. IntersectionObeserve 実務

5.1.4.3. canvas

5.1.4.3.1. ブラウザーゲーム

5.2. PHP

5.2.1. wordpress 実務

5.2.1.1. テンプレート開発

5.2.2. フォーム

5.2.2.1. header情報

5.2.2.1.1. $_POST

5.2.2.1.2. $_COOKIE

5.2.2.1.3. $_SESSION

5.2.3. DB操作 個人開発

5.2.3.1. MySQL

5.2.3.1.1. CRUD

5.3. CSS

5.3.1. 設計

5.3.1.1. BEM

5.3.1.2. sass

5.3.2. FW

5.3.2.1. Bootstrap

5.3.2.2. tailwind

5.3.2.3. Material UI

5.3.3. レスポンシヴデザイン 実務

5.4. バックエンド

5.4.1. クラウド

5.4.1.1. AWS

5.4.1.2. GCP

5.4.2. Firebase

5.4.2.1. Authentication

5.4.2.2. DB

5.4.3. supabase

5.4.4. ORM

5.4.4.1. Prisma

5.5. その他

5.5.1. APIモック・テストツール

5.5.1.1. postman

5.5.2. CLI

5.5.2.1. bash

5.5.2.2. コマンドライン

5.5.3. version管理

5.5.3.1. git

5.5.4. ビルドツール

5.5.4.1. vite

5.5.4.2. webpack

5.5.5. Google Tag Manager

5.5.6. Google Analytics

5.5.7. マーケティング

5.5.7.1. LP制作

5.5.7.2. サイト制作

5.5.7.3. ABテスト

5.5.8. デザイン

5.5.8.1. Photoshop

5.5.8.2. Illustrator

5.5.8.3. XD