AIウェブ開発実践プロジェクト (Stitch · Figma Make · React)

この講義を通じて、ウェブページを構成する3大言語であるHTML、CSS、JavaScriptのうち、HTML言語の基礎をしっかりと固めることができます。検索に最適化され、ウェブアクセシビリティとウェブ標準を遵守するHTMLを正しく学習してみましょう。

生成AIを活用し、企画からデザイン、実装、デプロイまでを一度に完成させる実践的なウェブ開発プロジェクト講座です。 StitchとFigma Makeを活用してデザインを作成し、AI Studioでコードを生成して実際のサービスとしてデプロイします。 コードに詳しくなくても、AIと共に開発する方法を学びながら、自分だけのAIウェブアプリを完成させます。 さあ、あなたもAIと協業する開発者になりましょう。

CSSの基礎からアニメーション、レスポンシブまで学習します。 実践的な例題を通じて学習内容を復習しながら、確実に基礎を固めます。

ReactとFirebaseを活用して、ログイン、投稿管理、ファイルアップロード、プロフィール管理など、実際のサービスで使用されるコア機能を実装するウェブアプリケーションを作成する講座です。 Firebase Authenticationを利用したメールログインとソーシャルログイン、Firestoreベースのデータ保存およびリアルタイムデータ処理、Firebase Storageを活用したファイルアップロード機能、そしてプロフィール管理機能まで段階的に実装しながら、一つの完成されたウェブサービスを作ることができます。 フロントエンド開発を学んでいる方が、複雑なサーバー構築なしにFirebaseを活用して素早くウェブサービスを実装する方法を理解できるように構成された講座です。

React + TypeScriptを活用し、実務感覚で「ToDoリスト（ToDo List）」を自ら作成するプロジェクト中心のカリキュラムです。単に文法を学ぶだけでなく、コンポーネント構造の設計 → 状態管理 → 型の適用 → 機能実装 → ローカルストレージ連携 → デプロイまで、実際のサービス形式で完成させることで、TypeScriptの活用感覚を身につけることができます。

型安全性とコードの可読性を高めるTypeScriptの核心文法を、実習中心に習得する入門コースです。プロジェクトの環境設定からインターフェース、ジェネリック、ユーティリティ型まで、実際のコード例を通して学習します。

パブリッシャーのためのReact第一歩！ 基礎文法からレスポンシブ対応のショッピングモールサイトの制作・デプロイまで、一度に学習します。 断片的なReactの例題をまとめるのではなく、実際のウェブページ制作に必要な核心的な文法を学び、適用します。

この講座は、Figmaのデザインをウェブページとして実装するプロセスについて、ステップバイステップで説明します。画像の保存からHTML、CSSの作成、Javascriptの作成まで、ウェブパブリッシングの実務全般を扱います。初心者の方でも簡単に進められるよう、体系的に構成されています。実習中心の学習を通じて、ウェブデザインを効率的にコードへ変換する方法を学ぶことができます。

CSS Gridは、複雑なレイアウトも簡単かつ直感的に実装できる強力なツールです。今回の講義では、CSS Gridの核心的な概念から実践的な活用法まで、段階を追って簡単に学べるように構成しました。もう複雑なfloatやflexboxに縛られることなく、効率的なレイアウト設計の定石を学びましょう！今すぐ始めてください！

全世界のウェブサイトの75%以上で使用されているJavaScriptライブラリ、jQuery！派手なエフェクトよりも原理を理解し、基礎を固められるように構成しました。jQueryの基礎から活用までを学習して、自分だけのポートフォリオを完成させたり、現場ですぐに活用してみてください。

ウェブ開発の第一歩を踏み出しましたか？HTML、CSS、JavaScriptを始めたばかりの方に特別なご提案です！ モバイル時代に合わせてモバイルウェブサイトを作りたいけれど、どこから始めればいいか迷っていませんか？ご心配はいりません。 Figmaモバイルデザインを直接分析し実装しながら、自然にレスポンシブウェブ開発の核心を学んでみましょう。洗練されたモバイルデザインを基に、ユーザーの心を掴む繊細なインタラクションから、様々な画面サイズに完璧に適応する技術まで、全てを一緒に学んでいくことができます。 さあ、あなたのウェブサイトが全てのデバイスで輝くように、ノウハウを共有します。一緒に始めてみませんか？

HTML、CSS、JavaScript(jQuery)の基礎はありますか？でも、ウェブサイト全体をどう作ればいいのかよくわからないですか？それなら、デザインを参考にしてショッピングモールのメインページの実装に挑戦してみてください。完成されたデザインを参考に、企画意図やデザインの詳細な事項を把握し、ウェブサイトを実装するノウハウをお教えします。

JavaScriptを通じてHTML要素を選択し、さまざまなイベントに応じて要素のスタイルを変更したり、アニメーション効果を実装したりします。JavaScriptの基本文法からスタイルの変更、イベントの設定、およびウェブページ制作時に頻繁に使用される効果の実装を行います。

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

完全なエンドツーエンド開発者ジャーニー — FastAPI、React、そしてVibe Coding技術を使用して、超高速API、モダンフロントエンドインターフェース、実際のプロジェクト、認証システム、ダッシュボード、そして完全なデプロイメントを構築する。

AI時代にMacBookを購入したものの、何から手をつければいいか分からず困っていませんか？ macOS歴15年の元エンジニアが「デバイスの初期化」からサポートします。 ✅ アプリインストール ・ macOS必須テクニック ・ ターミナル ・ Homebrew ・ 開発環境構築 ✅ Claude Code & Agentic CodingでAIが代わりにコーディングする環境まで 👉 今すぐ始めれば今日中に開発環境が完成 — MacBookを使いこなす最高の一日が始まります。

この講義を通してデザインシステムを構築し、私のデザインワークが持つ爆発的な相乗効果を感じてください。

ReactとThree.jsを一度に！3Dの基礎から実務で使えるプロジェクト、そして最適化のヒントまで！

説明隊長ヤルコの濃厚で充実した講座で、最も簡単に、最も速くReactを学びましょう！

最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

Web開発の経験が最低1年以上の学生および実務者のための、上級フロントエンド講座です。実務で2〜3年以上の経験があり、スキルの停滞期を感じている方や、大企業で考慮すべき製品構造について学びたい方に最適な内容となっています。

Spring Boot + React.js ログイン（+ソーシャル）サービスを理解するとは、 JWTベース認証およびソーシャルログイン(Kakao/Google)を含む実践型ログインシステムを直接実装しながら、 フロントエンドとバックエンドの認証フローを深く理解できるように設計された講座です。 フロントエンドはReact.js、バックエンドはSpring Bootをベースに構成されており、実際のサービス環境で使われる Access Token + Refresh Token方式、HttpOnly Cookie、Reduxを活用したユーザー状態管理、 Roleベース権限処理、ソーシャルログイン連携まで一つずつ実践しながら習得できます。

一つのプラットフォームで議事録の作成からアプリ開発、動画制作まで。 Google AI StudioでAIマルチプレイヤーになりましょう！

生成AIを活用し、企画からデザイン、実装、デプロイまでを一度に完成させる実践的なウェブ開発プロジェクト講座です。 StitchとFigma Makeを活用してデザインを作成し、AI Studioでコードを生成して実際のサービスとしてデプロイします。 コードに詳しくなくても、AIと共に開発する方法を学びながら、自分だけのAIウェブアプリを完成させます。 さあ、あなたもAIと協業する開発者になりましょう。

コーダー（パブリッシャー）への就職や実務において、最も競争力となるモバイルウェブ制作能力を向上させることができます。コーダーとしてモバイルウェブを制作するための、ほぼすべての制作手法とノウハウを固めることができます。特に、最近のコーダーや開発者に求められるデザイン能力をフィグマ（Figma）の学習で大幅にカバーできるよう、FigmaによるモバイルウェブUIデザイン作業のプロセスも詳細に説明しました。モバイルウェブパブリッシング授業の最大の強みであるHTMLワイヤーフレームの詳細な作成法を、すべてのページ一つひとつ丁寧に解説します。講義を通じて、HTMLワイヤーフレームの制作能力が大きく向上するはずです。モバイルウェブパブリッシングは、CSS変数（Var）を活用してモバイルやタブレットに最適化したレイアウトを完璧に合わせる学習を通じ、実務とほぼ遜色のないレベルの作業能力を身につけることができます。Flexレイアウトを中心に、中上級のCSS実践能力を十分に備えることができます。

コンピュータービジョンの最も基本的なデータセットであるMNISTに関する理論的概念を整理し、TorchvisionのAPIを通じた実装および直接カスタムデータセットクラスを実装する方法を学びます。

理論ばかりのAI講義はもうやめましょう。KT AI優秀賞を受賞した現役CEOが、テキストから映像、ゲーム制作まで「今日学んで明日すぐ成果を出す」実戦ノウハウをすべてお教えします。Wadizで1,640万ウォンのファンディング達成！数百人が熱狂したあの講義。非専攻者でもすぐにウェブ小説と映像を作り出せる「本物の実務型」生成AIチートキーをお届けします。企画から高クオリティ映像制作まで、専門家に任せれば一週間かかることをAIでサクッと終わらせる方法。試行錯誤なしで成果物を作る最速ルートを公開します。

コーディングなしのフルスタックシステム構築：韓国語のプロンプト（バイブコーディング）だけで、データ収集からAI・ML分析、ウェブダッシュボードまで、パイプライン全体を自ら完成させます。 100%自動化パイプラインの所有：毎朝テレグラムでS&P 500のスクリーニングおよび投資意見を受信する、独立した株式分析ツールを確保します。 実践データに基づいた投資フレームワークの習得：実際に運用されているソースコードを基に、機関レベルのデータ分析およびリスク管理能力を自分のものにします。

: "環境構築から7つの実務プロジェクトまで、データドメインを横断するディープラーニング・フルスタックの旅（全35講）" 単にサンプルコードをなぞるレベルを超え、実際の現場で扱う多様な形態のデータをディープラーニングで料理する方法を学びます。CPU/GPU開発環境の構築から始まり、ゴミの分別（画像）、株価予測（時系列）、心電図の異常検知（AE）、アニメーション化（GAN）、医療画像セグメンテーション（U-Net）、サウンド分類（オーディオ）まで！ディープラーニングの核心アルゴリズムを、実践プロジェクトを通じて体系的に攻略します。

電子政府フレームワーク | 韓国政府デザインシステム（KRDS）に関する基礎を理解し、 韓国政府デザインシステム（KRDS）を活用して、兵務庁サイトのリニューアルを進めます。

1時間で終えるReactベースのGPT AIサービス 講義受講後、自分だけのAI GPT SASSソリューションを構築してみましょう。

3千人の受講生が選んだ講義！GPT-5バージョンにアップデート！ ChatGPTでどこまでできるの？ 株式自動売買アプリケーションとWeb投資レポート制作！

CSS Gridは、複雑なレイアウトも簡単かつ直感的に実装できる強力なツールです。今回の講義では、CSS Gridの核心的な概念から実践的な活用法まで、段階を追って簡単に学べるように構成しました。もう複雑なfloatやflexboxに縛られることなく、効率的なレイアウト設計の定石を学びましょう！今すぐ始めてください！