skillpath

テストユーザー

Lv.1

HTML

タスク

HTMLファイルの基本構造を作成
<html>, <head>, <body>タグの使い方と、HTML文書の基本構成を理解する
テキストと見出しの作成
見出しタグ(<h1>〜<h6>)と段落タグ(<p>)の使い方を学び、文章構成を整える
リンクの挿入
<a>タグで外部リンクやページ内リンクの設定方法を理解する
画像の挿入
<img>タグで画像の挿入方法を学び、レイアウトに活かす
CSSのディスプレイプロパティを理解する
要素の表示方法を制御するために、display: inline, block, inline-blockの違いを学ぶ
リストの作成
<ul>, <ol>, <li>タグを使って箇条書きリストと番号付きリストを作成する
テーブルの作成
<table>, <tr>, <th>, <td>タグを使って表組みを作成し、データを整理する
フォームの作成
<form>, <input>, <textarea>, <select>タグを使ってフォームを作成し、ユーザー入力を受け付ける

書籍

1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
ほんの一手間で劇的に変わるHTML ＆ CSSとWebデザイン実践講座
HTML解体新書

リンク

HTML: ハイパーテキストマークアップ言語
catnoseさんの初心者向けHTMLリファレンス

学習プラットフォーム

Progate HTML & CSS
ドットインストール HTML入門基本タグ編

CSS

タスク

CSSセレクタの基本を理解
基本的なセレクタの使い方を学び、要素を選択する。
ボックスモデルの理解
ボックスモデルの各部分（マージン、ボーダー、パディング、コンテンツ）の役割を学ぶ。
Flexboxの導入
Flexboxを使ったレイアウトの作成方法を学ぶ。
Gridレイアウトの基礎
CSS Gridを使用して複雑なレイアウトを構築する方法を学ぶ。
レスポンシブデザインの実装
メディアクエリを使用してレスポンシブデザインを作成する方法を学ぶ。

学習プラットフォーム

Progate CSS

JavaScript

タスク

変数とデータ型の理解
変数の宣言とデータ型の基本を学ぶ。
関数の作成
関数の定義と呼び出し方を学ぶ。
DOM操作の基本
JavaScriptを使用してDOMを操作する方法を学ぶ。
イベント処理の理解
ユーザーのアクションに基づいてイベントを処理する方法を学ぶ。
非同期処理の理解
Promiseとasync/awaitを使用して非同期処理を扱う方法を学ぶ。

書籍

JavaScript本格入門

リンク

JavaScript Primer
JavaScript Promiseの本

Node.js

タスク

Node.jsのインストール
Node.jsのインストール方法を学ぶ。
Node.jsの基本
Node.jsの基本的な概念を理解する。
npmの使い方
npmを使用してパッケージを管理する方法を学ぶ。
Expressフレームワークの使用
Expressを使用してWebアプリケーションを構築する方法を学ぶ。

書籍

実践Node.js入門―基礎・開発・運用

学習プラットフォーム

Progate Node.js

TypeScript

タスク

TypeScriptのセットアップ
プロジェクトにTypeScriptを導入する方法を学ぶ。
基本的なデータ型の理解
TypeScriptの基本的なデータ型を学ぶ。
関数と型注釈
関数に型注釈を追加する方法を学ぶ。
インターフェースの使用
TypeScriptでインターフェースを定義して使用する方法を学ぶ。
ジェネリクスの理解
TypeScriptでジェネリクスを使用して汎用的な関数やクラスを作成する方法を学ぶ。

書籍

プロを目指す人のためのTypeScript入門

リンク

サバイバルTypeScript

学習プラットフォーム

mosya<TC>

React

タスク

Reactのセットアップ
Reactプロジェクトを作成する方法を学ぶ。
コンポーネントの理解
Reactのコンポーネントの概念を学ぶ。
状態管理の基本
コンポーネントの状態を管理する方法を学ぶ。
プロパティの使用
コンポーネント間でデータを渡す方法を学ぶ。
Hooksの導入
React Hooksを使って関数コンポーネントで状態を管理する方法を学ぶ。

リンク

React 公式ドキュメント

学習プラットフォーム

mosya React

Next.js

Progress

0%

Coming soon ...

Ruby

Progress

0%

Coming soon ...

Ruby on Rails

Progress

0%

Coming soon ...

PHP

Progress

0%

Coming soon ...

Docker

Progress

0%

Coming soon ...

HTTP

Progress

0%

Coming soon ...

セキュリティ

Progress

0%

Coming soon ...

SQL

Progress

0%

Coming soon ...

AWS

Progress

0%

Coming soon ...

GCP

Progress

0%

Coming soon ...

Kubernetes

Progress

0%

Coming soon ...

CI/CD

Progress

0%

Coming soon ...

レベルアップ！

Lv. 0

→

Lv. 1