Learn4 プログラミング学習 コンテンツ

このページは、Learn4 プログラミング学習コースにおける学習コンテンツの一覧を掲載しています。

Level1

目的: Webの技術でできること・できないことを理解し、アイデア実現や業務改善などのために簡単なWebアプリケーションを作れるようになる。

Level 1.1

HTML, CSS, JavaScript の基礎を理解する。

• 基本的なHTMLの構文
• HTMLの基本的な要素
• 文字コードはなぜ必要なのか
• CSSをゼロから学ぶ
• CSSでサイズや色、境界線を指定する
• CSSによるレイアウトの基本
• CSSのデバッグ
• フレックスボックスとグリッドレイアウト
• ゼロから学ぶJavaScript
• JavaScriptのトラブルシューティング
• DOMとイベント
• JavaScriptの変数と基本的な型
• JavaScriptの条件分岐とループ処理
• JavaScriptの関数について

Level 1.2

Webサイトの構築や、Google App Script を用いた自動化を行うためのスキルを身につける。

• HTMLのアクセシビリティとセマンティクス (有料会員のみ)
• レスポンシブWebデザイン (有料会員のみ)
• CSSのpositionによる位置指定 (有料会員のみ)
• 様々なリンクの書き方 (有料会員のみ)
• CSSの擬似クラスと擬似要素 (有料会員のみ)
• 入力フォームを作るHTMLの要素 (有料会員のみ)
• HTTPの基本とフォーム (有料会員のみ)
• Google Apps Scriptの基本 (有料会員のみ)

Level 1.3

API呼び出しやライブラリの利用、Webストレージへのデータ保存を扱うスキルを身につける。

• JavaScriptのエラーハンドリング (有料会員のみ)
• 非同期処理とFetch (有料会員のみ)
• HTTPによるAPI呼び出し (有料会員のみ)
• テキストとバイナリ、そしてMarkdownについて (有料会員のみ)
• JavaScriptのライブラリを使用する (有料会員のみ)
• JavaScriptで日付と時刻を扱う (有料会員のみ)
• Webアプリケーションにおけるデータの保存 (有料会員のみ)

Level2

目的: Webプロダクト開発の最前線で利用されている技術を学び、Webに専門性を持つソフトウェアエンジニアに準じる知識・スキルを習得するとともに、本格的なWebアプリケーションを作れるようになる。

Level 2.1

npm パッケージや React を扱うスキルを身につける。

• ターミナル・シェル入門 (有料会員のみ)
• JavaScript のモジュールと import, export (有料会員のみ)
• Webフロントエンド開発における Node.js, npm の役割と利用方法 (有料会員のみ)
• React入門 (有料会員のみ)
• ReactでUIを記述する (有料会員のみ)
• React でインタラクティブな操作を行う (有料会員のみ)
• React の Reducer と Context (有料会員のみ)
• React Router の基本 (有料会員のみ)
• React のエフェクトで副作用に対処する (有料会員のみ)

Level 2.2

TypeScript を扱うスキルを身につける。

• TypeScriptの基本と型システム (有料会員のみ)
• TypeScriptとモジュール、外部ライブラリ (有料会員のみ)
• さまざまな型とアサーション (有料会員のみ)
• 関数の型 (有料会員のみ)
• ジェネリクスとユーティリティ型 (有料会員のみ)
• 型の絞り込みと型ガード (有料会員のみ)
• 型の再利用と高度なパターン (有料会員のみ)

Level 2.3

Next.js, TailwindCSSやUIコンポーネントを扱うスキル、サービスを利用して簡単なデータベースやログイン機能を扱うスキルを身につける。

• Next.js の基礎 (有料会員のみ)
• Tailwind CSS の基礎 (有料会員のみ)
• UIコンポーネントを使う (有料会員のみ)
• データベースとは何か (有料会員のみ)
• Supabase を使う (有料会員のみ)
• ログイン機能を実装するために知っておくと良いこと (有料会員のみ)