강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

[CSS&JS Master] - トレンドの感情記録日記を作成する

最新の CSS プロパティと実用的な Javascript をプロジェクトを進めながら楽しく学ぶことができます。

실습 중심
HTML/CSS
JavaScript
vanilla-javascript

こんなことが学べます

  • 最新の CSS と実用的な適用方法

  • 実用的なJavascriptと応用法

  • トレンドのダッシュボード日記プロジェクトを作成する

コーディング基礎を打つ最後の章。
🔥 CSS & Javascript Master 🔥

Project-Based-Learning
トレンディなダッシュボード感情日記帳を作る

CSSとJavascriptの粘り強い組み合わせ
実践的なCSSとJavascriptを学び、実力を深めることができる質の高い講義

待って、
より高いスキル向上を計画していますか?

[CSSとJavascript Master]コースの次の段階である[完璧なフロントエンドブートキャンプコース]講義を購入すると、
CSS&Javasriptコースは無料で含まれています。

カバーイメージ

【完璧なフロントエンドブートカムコース】は、

ジュニア開発者レベルまでのスキルを向上させるために、React.jsとNext.jsを活用したWeb開発ブートキャンプコースと、React.NativeとExpoを活用したハイブリッドアプリ開発ブートキャンプコースまでを含む完全なフロントエンドコースを提供し、あります!

💥 Attention!
この講義の購入後に「完璧なフロントエンドブートキャンプ」講義を購入しても、別途割引を提供しないため、より集中的なフロントエンド学習を計画している場合、このコースが無料で含まれる「完璧なフロントエンドブートキャンプ」コースを最初から購入することをお勧めします😃

[CSS&JS Master]はよ
入念なカリキュラムを持っています。

CSSとJavascriptを別々に学ばず、関連性のある同じテーマにまとめてセクションごとに一緒に学習する効率的でありながら実用的な講義です。一番下のカリキュラムで入念な目次をチェックしてください😀

最新のアップデートを含む60以上のプロパティとCSSの重要な概念の両方をまとめました。

[padding vs margin]、[px vs rem]、[flex vs grid]

実務では、さまざまなCSS特性の中で、状況に応じて何を書くのがより効率的かを決めます。

toggle, dropdown, modal

深化UIをライブラリなしで直接作成し、CSSの詳細まで学習できます。

CSSと一緒に書かなければならないJavascriptの基礎から深化内容まですべて集めました。

[scrope & hoisting & TDZ]、[スロットリング&デバウンス]

重要で関連性のあるJavascriptの内容をまとめて、一度に理解できるようにしました。

[function vs 式 vs 矢印関数], [for vs map vs forEach]

実務では、状況に応じてどのJavascript文法を使用するのが良いかを決めます。

pagination, infinite-scroll, マイロケーションを検索

深化 Javascript 機能をライブラリなしで純粋なバニラ Javascript で直接作成し、原理を理解します。

このプロセスの重要なポイントはあります
30時間以上の実践的な講義と課題を提供します。


学習内容に集中できるよう、細かく講義のテーマを分けて分類し、素早く成長できるように企画された細心の講義と課題を提供していますよ😃


1つのセクションでは、

同じ文脈のCSSとJavascriptが片思いで構成していますよ! CSSとJSがどのようにつながるべきかを明確に理解できます!

(学習資料提供)

1つのセクションを完了した後、

その内容に進む課題を提供しています。
課題をしてみると、自分だけの日記帳を完成できますよ!

(リファレンスコード提供)

こんな方には
それ以上に最適です。

完全さっと草川の修了後
繰り返される基礎内容はスキップされています。
本物のプロジェクトを完成したいです。

React..?
専門コースに進むための
必須の学習をしたい。

え?禁止〜
本当に注意深く教えてください
自分だけの射手が必要です。

A to Z 歩くように従うと
いつの間にか自分の日記帳のウェブサイトが織られました! 🎁

トレンディなダッシュボードデザインの感情記録日記帳を一緒に作ってみてください。
必要に応じて高度化し、より品質の良いプロジェクトにアップデートできます。

この講義の受講生が自分で作ったプロジェクトを紹介します😁

様々なデザインと機能を備えた感情記録日記帳

レスポンシブデザイン - 登録

レスポンシブデザイン - 検索

[CSS&JS Master]受講後
このような入門者になることができます。 💪🏻

もし
質問がありますか?

Q. 何の知識もなく受講してもいいですか?

いいえ。完全に塩基礎のための講義ではありません。少なくともHTMLが何であるか、CSS属性が何であるか、Javascriptの条件文が何であるかという程度の知識は必要です。 Inflearnで提供される無料入門講義や、YouTubeで提供される無料講義を聞いたことがある場合は受講可能です🙂


Q. 別途教材が必要ですか?

いいえ。授業に必要な学習資料と課題のためのデザインをそれぞれノッションとピグマで提供しています。講義を聞き、学習資料を見て、復習後に課題を進める順番で講義に従いに来れば、多くの役に立ちます。


Q. 講義受講前、インストールすべきプログラムはありますか?

はい。 Web開発の学習に必要な基本的な無料プログラムをインストールしておく必要があるので、講義をより簡単にすることができます。
1. Chromeブラウザ
2. VSコード
3. ノッション(学習資料用)
4. ピグマアカウント(プロジェクトデザイン確認用)


Q. [CSS&Javascript Master] 受講後、どの講義をお勧めしますか?

このコースの次に適切な講義は、実務フレームワークを活用したReact講義をお勧めします。私たちが提供するコースは、なんと150時間ほどの密度の高いコースである「完璧なフロントエンドブートキャンプ」コースをお勧めします。

待って!すでに次のコースまで考えている場合は、この講義をおすすめせずに[ワンプ]講義を選択することをお勧めします。 [完璧なフロントエンドブートキャンプ]では、このコースを無料で含んでいます😀

チームコードキャンプ
紹介します。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web 開発に興味のある方

  • ミニプロジェクトを完成させたい方

  • Web 開発の知識を習得したい方

前提知識、
必要でしょうか?

  • 基礎HTML

こんにちは
です。

13,497

受講生

384

受講レビュー

200

回答

4.8

講座評価

12

講座

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

カリキュラム

全体

124件 ∙ (30時間 49分)

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

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

受講レビュー

全体

1件

5.0

1件の受講レビュー

  • style252님의 프로필 이미지
    style252

    受講レビュー 6

    平均評価 4.2

    修正済み

    5

    100% 受講後に作成

    이해하기 쉽고 업무에 많은 도움이될꺼 같습니다.

    • 코드캠프
      知識共有者

      style252님, 안녕하세요! 진짜 실무에 필요한 것만 깔끔하게 설명드리려고 노력했습니다. 도움이 많이 되었길 바래요!

¥10,375

codecampの他の講座

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

似ている講座

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