inflearn logo
知識共有
inflearn logo

1万円で学ぶHTML + CSS

私たちは果たしてHTMLとCSSを正しく活用できているでしょうか? 複雑なフレームワークやJavaScriptのロジックに囚われる前に、ウェブの本質であるマークアップとスタイリングだけで、モグラ叩きから脱出ゲームまでを直接実装してみます。 4年目の現役エンジニアが教える「ツールに振り回されない基礎力」の力を体験してください。

17名 が受講中です。

難易度 入門

受講期間 無制限

HTML/CSS
HTML/CSS
html5
html5
css3
css3
css-flexbox
css-flexbox
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
html5
html5
css3
css3
css-flexbox
css-flexbox
Responsive Web
Responsive Web

受講後に得られること

  • 単にタグを羅列するだけでなく、SEOとウェブアクセシビリティを考慮したセマンティックタグの真の価値を理解し、ページの大きな骨組みを構築することができます。

  • もぐら叩きゲームのスコアボードのエラー事例を通じて、コードが上から下へと読み込まれるブラウザの実行フローと、display: noneが要素の存在感に及ぼす実質的な影響を実感することになります。

  • HTMLとCSSだけで100匹のモグラを作るために必要な「オニオンスキン技法」などを自ら考えながら、逆説的にJavaScriptという「脳」がなぜ必要なのか、その本質的な理由を体得します。

現役エンジニアが伝えるHTML/CSSの真髄!単なる文法を超え、Flex、GridレイアウトとレスポンシブWebの実務の核心を学びます。
特にJavaScriptを使わず、100% CSSだけでモグラ叩きや脱出ゲームを自ら組み立てることで、Webのレンダリング原理とマークアップの強力な可能性を体験できます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web開発の道を歩み始めた初心者

  • 基礎が不安定なジュニアフロントエンド開発者

こんにちは
kamjaaaaaaaです。

キャリア認証

45

受講生

3

受講レビュー

5.0

講座評価

3

講座

こんにちは、4年目のフロントエンドエンジニアのジャガイモ(カムジャ)です。

現在はグローバルモビリティサービスを開発しています。多言語サービスの構築を通じて実務経験を積み、世界中の開発者が使用するオープンソースライブラリreact-hook-formのグローバルTop 30コントリビューターでもあります。

ですが、私も最初からこうだったわけではありません。

JSを初めて学んだ時、YouTubeの講義を見ながらコードを写している時はすべて理解したつもりでしたが、いざ空のエディタを開くと頭が真っ白になる経験を何度もしました。最初はただググって見つけたコードをコピー&ペーストするのに精一杯で、エラーが出ればどこから手をつければいいのか分からず、徹夜をしながら数日間挫折することもありました。

その過程で本当にたくさん迷いました。DOMが何かも分からないままコードを書き、イベントがなぜ2回実行されるのか分からず数時間を無駄にすることもありました。当時の私に最も必要だったのは、膨大な文法の暗記ではありませんでした。「このコードがなぜ動くのか」を説明してくれる誰かでした。

4年間の実務を通じて積み上げてきたもの、そして私が初心者時代に最も迷った部分を整理して、この講義を作りました。私のように遠回りする必要はありません。私が先に経験してきたからです。

もっと見る

カリキュラム

全体

6件

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

kamjaaaaaaaの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

新規会員登録で25%OFF

¥945

25%

¥1,265