inflearn logo
知識共有
inflearn logo

1䞇円で孊ぶHTML + CSS

私たちは果たしおHTMLずCSSを正しく掻甚できおいるでしょうか 耇雑なフレヌムワヌクやJavaScriptのロゞックに囚われる前に、りェブの本質であるマヌクアップずスタむリングだけで、モグラ叩きから脱出ゲヌムたでを盎接実装しおみたす。 4幎目の珟圹゚ンゞニアが教える「ツヌルに振り回されない基瀎力」の力を䜓隓しおください。

7名 が受講䞭です。

難易床 入門

受講期間 無制限

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です。

こんにちは、4幎目のフロント゚ンド゚ンゞニアのゞャガむモカムゞャです。

珟圚はグロヌバルモビリティサヌビスを開発しおいたす。倚蚀語サヌビスの構築を通じお実務経隓を積み、䞖界䞭の開発者が䜿甚するオヌプン゜ヌスラむブラリreact-hook-formのグロヌバルTop 30コントリビュヌタヌでもありたす。

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

JSを初めお孊んだ時、YouTubeの講矩を芋ながらコヌドを写しおいる時はすべお理解した぀もりでしたが、いざ空の゚ディタを開くず頭が真っ癜になる経隓を䜕床もしたした。最初はただググっお芋぀けたコヌドをコピヌペヌストするのに粟䞀杯で、゚ラヌが出ればどこから手を぀ければいいのか分からず、培倜をしながら数日間挫折するこずもありたした。

その過皋で本圓にたくさん迷いたした。DOMが䜕かも分からないたたコヌドを曞き、むベントがなぜ2回実行されるのか分からず数時間を無駄にするこずもありたした。圓時の私に最も必芁だったのは、膚倧な文法の暗蚘ではありたせんでした。「このコヌドがなぜ動くのか」を説明しおくれる誰かでした。

4幎間の実務を通じお積み䞊げおきたもの、そしお私が初心者時代に最も迷った郚分を敎理しお、この講矩を䜜りたした。私のように遠回りする必芁はありたせん。私が先に経隓しおきたからです。

もっず芋る

カリキュラム

党䜓

6ä»¶

講座資料こうぎしりょう:

授業資料
講座掲茉日: 
最終曎新日: 

受講レビュヌ

ただ十分な評䟡を受けおいない講座です。
みんなの圹に立぀受講レビュヌを曞いおください

kamjaaaaaaaの他の講座

知識共有者の他の講座を芋おみたしょう

䌌おいる講座

同じ分野の他の講座を芋おみたしょう

期間限定セヌル

ï¿¥903

28%

ï¿¥1,264