Web Development Practice Projects

言語: English · 简体中文 · 日本語 · Español · Français · Deutsch · Русский · 한국어 · Português

初心者向けに設計されたこの包括的な学習パスで、ウェブ開発を学びましょう。これらの体系的なウェブ開発コースは、HTML、CSS、JavaScript などの基礎から人気のあるフレームワークまで、フロントエンドとバックエンドの両方のテクノロジーを習得するための明確なロードマップを提供します。動画ではない実践的なモジュールとコーディング演習を通じて、インタラクティブな環境で実際のウェブサイトやウェブアプリケーションを構築します。

LabEx でプロジェクトを見る

プロジェクト

初心者向けの 100 個の Web Development プロジェクトで、言語の重要な概念を小さく完成したプログラムに変えて学べます。各プロジェクトは LabEx のすぐ使える環境で開くため、構築に集中できます。

インデックス	プロジェクト	難易度	練習
001	初心者向け HTML	初級	プロジェクトを開始
002	初心者向け JavaScript	初級	プロジェクトを開始
003	初心者向け CSS	初級	プロジェクトを開始
004	初心者向け React	初級	プロジェクトを開始
005	三目並べウェブアプリを作成する	初級	プロジェクトを開始
006	Web 脆弱性マスター	初級	プロジェクトを開始
007	React を使用したノートアプリの作成	初級	プロジェクトを開始
008	Web 開発のインタラクティブなチャレンジ	初級	プロジェクトを開始
009	モグラたたき Web ゲームの作成	初級	プロジェクトを開始
010	HTTP 列挙とディレクトリトラバーサル	初級	プロジェクトを開始
011	Flask で SQLite を使った REST API を構築する	初級	プロジェクトを開始
012	Flask と MySQL を使ったシンプルな URL 短縮サービスの構築	上級	プロジェクトを開始
013	React でクリスマスウィッシュリストビルダーを構築する	中級	プロジェクトを開始
014	タスクタイマーWeb アプリの作成	初級	プロジェクトを開始
015	React を使ったドラッグアンドドロップパズルゲームの作成	初級	プロジェクトを開始
016	最新の経費分割 Web アプリの構築	初級	プロジェクトを開始
017	Flask を使用したシンプルなオンラインチャットルームの開発	初級	プロジェクトを開始
018	Google Translate API を使用したシンプルな翻訳ツールの構築	初級	プロジェクトを開始
019	Python と Flask を使った URL ショートナーの作成	初級	プロジェクトを開始
020	シンプルで美しいホームページデザイン	初級	プロジェクトを開始
021	Python でポートスキャナーを構築する	初級	プロジェクトを開始
022	描画ボード Web アプリの作成	初級	プロジェクトを開始
023	React で GitHub のコントリビューションヒートマップを作成する	中級	プロジェクトを開始
024	Swiper カルーセル Web アプリを作成する	初級	プロジェクトを開始
025	カスタム React Hook を使用したレスポンシブナビゲーション	中級	プロジェクトを開始
026	Node.js を使用したユーザー管理 RESTful API の構築	初級	プロジェクトを開始
027	JavaScript でスライドパズルゲームを作成する	初級	プロジェクトを開始
028	jQuery を使用した 2048 Web ゲーム	初級	プロジェクトを開始
029	映画館の座席配置	初級	プロジェクトを開始
030	React テーマ切り替えアプリケーション	中級	プロジェクトを開始
031	インタラクティブな React コンポーネントを構築する	初級	プロジェクトを開始
032	React を使ってレスポンシブな名刺を作成する	中級	プロジェクトを開始
033	ウェブ上のブロック回避ゲームの作成	中級	プロジェクトを開始
034	React を使ってピクセルアートアニメーターを作成する	初級	プロジェクトを開始
035	JavaScript でマインスイーパーゲームを作成する	初級	プロジェクトを開始
036	動的な固定タブバーの実装	初級	プロジェクトを開始
037	Flexbox を使用したレスポンシブなサイコロレイアウト	初級	プロジェクトを開始
038	すべての画面サイズに対応したレスポンシブウェブデザイン	初級	プロジェクトを開始
039	ライトモードとダークモードの切り替え	初級	プロジェクトを開始
040	Node.js を使用したニュース API の構築	初級	プロジェクトを開始
041	Node.js リバースプロキシの構築	初級	プロジェクトを開始
042	jQuery フリップパズルゲーム	初級	プロジェクトを開始
043	ライブプレビュー付きのシンプルな Markdown エディタを構築する	初級	プロジェクトを開始
044	Vue.js を使ったリアルタイム文章検索	初級	プロジェクトを開始
045	Vue.js 検索機能の開発	初級	プロジェクトを開始
046	ウェブサイトの表示問題の修正	初級	プロジェクトを開始
047	Vanished Into Thin Air	初級	プロジェクトを開始
048	React ナビゲーション機能の実装	中級	プロジェクトを開始
049	スクラッチカードのウェブゲームを作成する	初級	プロジェクトを開始
050	住所管理 Web アプリケーション	初級	プロジェクトを開始
051	映画チケット予約システム	初級	プロジェクトを開始
052	レスポンシブなニュースウェブサイトのホームページを構築する	初級	プロジェクトを開始
053	木質テクスチャを用いたクリエイティブなビルボードデザイン	初級	プロジェクトを開始
054	CSS を使った地球の公転アニメーションの作成	初級	プロジェクトを開始
055	Flexbox を使った野菜レイアウトデザイン	初級	プロジェクトを開始
056	ページをリニューアルしよう	初級	プロジェクトを開始
057	React カラーフィルタアプリケーション	中級	プロジェクトを開始
058	HTML、CSS、JavaScript を使ったフルーツマッチングゲーム	中級	プロジェクトを開始
059	モンティ・ホール問題シミュレーション Web アプリ	初級	プロジェクトを開始
060	CSS による扇状のホバーアニメーションエフェクト	初級	プロジェクトを開始
061	テイクアウトの良いレビュー	初級	プロジェクトを開始
062	ビン・ドゥエン・ドゥエン ムードスケール	初級	プロジェクトを開始
063	JavaScript で信号機システムを構築する	中級	プロジェクトを開始
064	レスポンシブなモーダルボックスを作成する	初級	プロジェクトを開始
065	未来を紡ぐ	初級	プロジェクトを開始
066	Web ベースの HTML プレゼンテーションビルダー	初級	プロジェクトを開始
067	レスポンシブなフレキシブルカードレイアウト	初級	プロジェクトを開始
068	CSS Flexbox を使ったフルーツアレンジメント	初級	プロジェクトを開始
069	視覚的に魅力的なフルーツ盛り合わせ	初級	プロジェクトを開始
070	西天への西遊	初級	プロジェクトを開始
071	携帯電話番号による認証	初級	プロジェクトを開始
072	Echarts と JSON を用いたデータ可視化	初級	プロジェクトを開始
073	JavaScript を使用したユーザー権限管理システム	初級	プロジェクトを開始
074	Canvas を使用して拡大鏡エフェクトを実装する	初級	プロジェクトを開始
075	白いタイルに踏まないで	初級	プロジェクトを開始
076	学びの無限の海	初級	プロジェクトを開始
077	ランダムな挨拶カード生成器	初級	プロジェクトを開始
078	Vue.js を使用したカスタムフォームバリデーション	初級	プロジェクトを開始
079	正しいパス計算のための空の pathMatch	初級	プロジェクトを開始
080	レイアウト切り替え機能付き商品リスト	初級	プロジェクトを開始
081	Vue.js のボタンと値の更新	初級	プロジェクトを開始
082	Vue.js を使用した効率的な仮想スクロールの実装	初級	プロジェクトを開始
083	CSS を使用したアトミック・フレックス・レイアウトの実装	初級	プロジェクトを開始
084	画像における被写界深度	初級	プロジェクトを開始
085	CSS Grid を使ってコアラの顔を作成する	初級	プロジェクトを開始
086	Gulp を使ったレスポンシブウェブデザイン	初級	プロジェクトを開始
087	視覚的に魅力的な名刺を作成する	初級	プロジェクトを開始
088	Vue.js を使ったデータ整形と視覚化	初級	プロジェクトを開始
089	v-slot の誤った使用方法を正しく警告する	初級	プロジェクトを開始
090	Vue.js と Vuex を使ったログイン機能の構築	初級	プロジェクトを開始
091	インタラクティブ映画コレクション Web アプリ	初級	プロジェクトを開始
092	スマホを使っている時間	初級	プロジェクトを開始
093	Vue と Echarts を使った天気トレンドチャート	初級	プロジェクトを開始
094	Druid データベース接続プールのアクセス	初級	プロジェクトを開始
095	MyBatis データベース統合プロジェクト	初級	プロジェクトを開始
096	コールバックベースの非同期関数を Promise 化する	初級	プロジェクトを開始
097	HTML5 を使った画像切り抜きツールの作成	初級	プロジェクトを開始
098	シンプルな検索機能の構築	初級	プロジェクトを開始
099	Axios を使用したページネーションの実装	初級	プロジェクトを開始
100	二重ベクトルフォイルからの脱出	初級	プロジェクトを開始

LabEx でもっと見る

About LabEx