JavaScriptの次はTypeScript！フロントエンドのためのTypeScript入門

HTML/CSSを学んだなら、次はJavaScriptでウェブページを動かしてみましょう。変数・関数・配列・条件文・繰り返し文などプログラミングの基礎から、DOM要素の操作やイベント、タブ・アコーディオンのようなUIの実装までを学び、Reactなどのフロントエンド学習へとつながるJavaScriptの基礎力をしっかり身につけていきましょう。

HTML/CSSの次のステップからReact商品検索アプリの完成まで、実際にコードを書きながら学ぶJavaScript・React入門講座です。動画を見ながら自分で実装する方法と、学習ノートのプロンプトを使ってAIから提案を受け、必要な部分だけを選んで取り入れる方法の2通りで学習できます。全30レッスン（約13時間30分）を通して、JavaScriptの基本構文、DOM・イベント、Reactのコンポーネント・props・stateを一連の流れで学び、テストとビルドによって成果を自分で検証します。

これ以上JavaScriptとES6を別々に勉強する必要はありません。 このレッスンは、JavaScriptプログラミング言語を最新のES6文法で学習するように計画されたコースです。

型アノテーションは付けているのに、誤ったデータが依然として実行時になって初めてエラーになっていませんか？ この講義では、誤った状態がそもそもコンパイルされないようにドメインを設計する方法から、型チェッカー内で動作するプログラムの書き方まで、TypeScript 7を基準に扱います。CLIを5つ自分で作り、最後には自分だけの小さな言語をJavaScriptにコンパイルするコンパイラを完成させます。

Reactを学んだら、次はTypeScriptを実際のプロジェクトに適用してみましょう。TodoListアプリを自分で作りながら、コンポーネントや状態に型を適用し、CRUD機能からLocalStorageへのデータ保存、デプロイまでを経験して、実務で活用できるReact + TypeScript開発の感覚を身につけていきます。

TypeScriptを始める方のための講義です。最新のJavaScript文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。難しく感じられるTypeScriptを初心者の視点から簡単で楽しく学んでいきましょう😄

文法を超えて、動作原理や概念まで学んでも学んでも混乱しがちなTypeScriptを、今こそきちんと学んでみましょう！皆さんをTypeScriptの魔法使い🧙🏻‍♀️にします。

私が好きなユーチューバーのグルメマップを作成しながら、フロントエンド、バックエンド、Kakao Map API の使用方法、公開までを一度に学べるフルスタックグルメマップの講義です。

3年目のフロントエンドエンジニアが最も分かりやすく教える、TodoList作成講座です。

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

React Nativeでアバターベースのコミュニティアプリを開発します。記事作成だけでなく、コメント・返信、いいね、投票、アバター作成など、完成度の高いコミュニティアプリを作る過程を学ぶことができます。

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

済州（チェジュ）で開催されるブートキャンプをオンラインで！素早く自分だけのサービスを作ってみてください！ :)

このコースは単にExpress.jsを使用するだけではありません。その内部エンジンを最初から最後まで再構築し、サーバーがどのように動作するかの真の原理を実践的に体験できます。ルーティング、ミドルウェア、リクエスト・レスポンスオブジェクト、静的ファイル処理、テンプレートレンダリングなど、Expressの各コンポーネントを直接作成することで、サーバー開発者として成長し、フレームワークがコアでどのように動作するかを真に理解できるようになります。

アプリは私たちの日常生活で重要な役割を果たしています。しかし、ネイティブアプリを開発し、維持・保守する過程は長く複雑で、多くのコストがかかることもあります。 本講義では、2024年9月現在注目されている代替案であるプログレッシブウェブアプリ（Progressive Web App、PWA）を紹介します。PWAはウェブ技術とネイティブアプリの長所を組み合わせた方式で、より速く効率的なアプリ開発と維持管理を可能にします。 実習と共にPWAの概念、長所、実装方法を段階的に学習し、実務にすぐに適用できる能力を身につけることができます。

"2026年度 UIUXデザイナー | コーディングするデザイナー エージェンシー合格ポートフォリオ公開" 面接官の目を引くUIUXウェブポートフォリオを制作する実践講義です。 単なるポートフォリオ制作ではなく、インタラクションを活用した差別化された成果物で、 UIUXデザイナーとしての就職競争力を高められるよう設計されたカリキュラムです。

AIにやらせているのに、なぜ何度も壊れてしまうのかわからないなら、問題はコーディングではなく、'何が起きているのか'を知らないまま指示していることです。ログインと決済機能を備えたウェブサービスをゼロから完成させ、自分のドメインでのリリースや検索エンジンへの掲載まで実現しながら、各段階で "今、何が起きたの？"という文脈を理解して先へ進むバイブコーディングをお教えします。

クリックしながら学べる、簡単で楽しい授業です。ポートフォリオの方向性をご参考いただけます。

Reactのような最新技術が普及した現在でも、jQueryは既存Webサイトの運用・保守やWebパブリッシングの現場で、いまだに触れる機会の多い技術です。単に華やかなエフェクトを真似して作るのではなく、jQueryの動作原理と基礎を理解し、イベントやアニメーションからさまざまなUIインタラクションまで、段階的に学習します。実習を通してポートフォリオを完成させ、実務でも活用できる実践的なWebパブリッシングスキルを身につけましょう。

思考を扱います。JavaScriptの核心と根本を論理的に整理できます。JavaScriptの経験や考えを自ら整理できるようになります。JavaScriptの技術論理を確立できます。JavaScript全体を見渡す視野を広げることができます。JavaScriptの技術面接対策ができます。