Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Programming Language

JavaScriptの要点だけを厳選して学ぶ

フロントエンド初心者が必ず習得すべきJavascript文法!基礎から始めて、高度な内容に至るまでJavaScript言語を徹底的に掘り下げていきます!

  • sucoding
프론트엔드
백엔드
실습 중심
JavaScript

学習した受講者のレビュー

こんなことが学べます

  • JavaScriptの基本文法(変数宣言、データ型、演算子)

  • 条件文 (if, switch) と繰り返し文 (for, while, forEach)

  • 関数の定義と呼び出し(function、アロー関数)

  • オブジェクトと配列の操作

  • 配列メソッド(map、filter、reduceなど)

  • イベント処理 (click, hover などイベントリスナー)

  • DOM操作(HTML要素の選択、追加、削除、修正)

  • JavaScript における非同期処理 (setTimeout, setInterval, promise)

  • AJAXを通じたサーバーとのデータ通信(fetch API)

  • JavaScriptにおけるthisとバインディング

  • クロージャーと高階関数

  • ES6+の構文 (let、const、テンプレートリテラル、分割代入など)

  • クラスとオブジェクト指向プログラミング (OOP) 技法

  • エラー処理 (try, catch, finally)

  • JavaScript 非同期プログラミングの深化 (async/await)

  • ローカルストレージとセッションストレージの使い方

  • ブラウザにおけるJavaScriptのパフォーマンス最適化手法

  • 実践プロジェクト演習(例:ToDoリスト、電卓、天気アプリなど)

非専攻者もわかりやすいJavaScript!!
🛩スコーディングのフロントエンドロードマップシリーズ3段階! 🛩

HTML/CSS/JS入門分野のベストセラー

スコーディングオンライン講義が本でも出版されました!

2022 『コーディング自律学習 HTML+CSS+JavaScript』出版! 🎉

スコーディングオンライン講義が本としても発売されました。
発売以来一度も1位から降りてきたことがないほどHTML/CSS入門分野のベストセラーです。 😎
本と一緒に見ると、相乗効果が数倍になります。

購入する

気になる

何を学びますか?

JavaScriptでは、動的なWebページを実装するための重要な機能を学びます。 JavaScriptは、HTMLとCSSだけでは実装できないインタラクティブな要素を追加するために不可欠な言語です。しかし、すべてのJavaScript機能を一度に学びマスターするのは難しいことです。

このレッスンでは、実務でよく使用されるコアJavaScript機能のみを厳選して学習します。複雑な機能やうまく使用されていない機能は、大胆に除いて、 DOM操作イベント処理、非同期処理など、実際のWebページでよく使用される部分に集中しました。

これにより、初心者でもJavaScriptの重要な概念と技術を簡単かつ効率的に学ぶことができ、実務ですぐに活用できる開発能力を自然に習得することができます。

完全初心者でも大丈夫です、

基礎からじっくりとみんなお知らせします。

JavaScriptはフロントエンドで学ぶ技術の中で最も重要な言語ですが、
初心者にとっては少し難しいかもしれません。
しかし、心配しないでください!

基礎からしっかりと積み重ねられるよう細かく親切に一つ一つ説明します。

初めて始める人も自信を持って学べるように簡単な例と実習で一緒にやりますよ🚀

JavaScriptの重要な概念を1つずつ学び、
実際のWebページに適用できる技術を自然に身につけてください!

スコーディング講義だけ
特別なポイント

実務に最適化されたコア中心カリキュラム

  • 複雑な理論は最小限に抑えられ、実際のプロジェクトでよく使われるJavaScript文法だけが厳選されました。

  • DOM操作イベント処理、非同期処理など、実務ですぐに利用可能なJavaScript技術を学ぶことができます。

理解を助ける直感的な説明と実践中心の講義

  • JavaScriptを初めて学ぶ人も簡単に理解できるように、概念を段階的に説明し、例→実践的な方法で学習します。

  • 手で直接コーディングして学ぶ練習中心の講義で、理論を実践にすぐに適用するのに役立ちます。

実際のプロジェクトベースのカリキュラム

  • 単なる理論ではなく、実際のWebページとアプリUIを制作するプロジェクトを通じて学ぶ講義です。

  • 実務と同様の状況を経験し、問題解決能力まで育てることができます。

実務のヒントと開発者のノウハウ惜しみなく公開

  • 教科書にない現業開発者だけの実戦のヒント業務効率を高める方法までお知らせします。

  • JavaScriptだけでなく、フロントエンド開発者として成長するための方向性も提示します。

受講生のカスタムフィードバックと入念なQ&Aサポート

  • 受講生の質問に対する迅速でフレンドリーなフィードバックを提供します。

  • よくあるミスや混乱する部分をつかみ、個々の学習効果を最大化します。

ちょっと待ってください!

講義にも私と合う「決」があることをご存知ですか?

誰にも認められる大作ゲームが私には面白くないように
講義も皆に同じように合うわけではありません。

いくら賞賛が自らの講義でも私と合わないことができ
逆に、誰かに普通の講義が私にとって最高の講義になることができます。

だから私のすべての講義は少なくとも10%以上無料で公開されています。
直接聞いて、私とスタイルの「結」が合っていることを確認してみてください!

もし私と結ばれたら、
フロントエンド開発者への最速の近道をご案内いたします。
信じてフォローしてください! 🚀

初心者の立場で設計された
カスタムカリキュラム

Basic Practice
十分な基礎実習

学習の進行状況に合わせて基礎実習を進め、 JavaScriptの基本概念を体系的に学ぶことができます。
コア文法基本関数を実際のコードで記述しながら、実際の適用方法を習得し、理論と実習を同時に経験します。
基礎からじっくりと練習して自信を築くのに役立ちます。

Layout
ノートの整理

難しい言語を学ぶのにノートの整理は必須です!
スコーディングは約39のノートの整理を提供し、学習した内容を体系的に整理するのに役立ちます。
重要な概念重要なポイントを簡単に整理し、復習を通じて理解度を高めることができます。
JavaScriptを学ぶ上で重要な指針となり、実力をしっかりと固めることができます。

DOM
UI実習

DOMを学ぶのにUIが抜けたら凄いですね!
実際のUIを提供して、 JavaScriptの適用方法をより鮮やかに学びます。
DOM操作を介してHTML要素を動的に変更し、ユーザーとのやり取りを実装しながら、実務で必要なスキルを習得します。
UIとDOMを一緒に学び、JavaScriptの本当の活用法を体験できます。

フォーム
ログイン画面


JavaScriptで操作する最も一般的なフォーム、すぐにログイン画面を作成します。
フォームの検証とユーザー入力の処理を学び、 JavaScriptを活用した動的なフォーム管理を体験できます。
ログイン画面を実装しながら、よく使用されるフォーム関連の機能を実践し、実際のWebアプリケーションで不可欠な技術を習得します。

Todo
Todo List

ToDo管理アプリを作成しながら、JavaScriptのすべての知識を総動員して学習を完了します。
タスクの追加、削除、修正などの機能を実装しながら、JavaScriptの配列操作イベント処理、ローカルストレージの活用など、コア技術をすべて練習します
このプロジェクトにより、JavaScriptの実践活用法を習得し、完成度の高いアプリケーションを作成する経験を積むことができます。

よくある質問

Q. 本当に何も知らない初心者です。大丈夫でしょうか?
A. はい。本当に大丈夫です。何も知らない方が学習できるように構成したカスタム講座です。

Q. 本を購入しました。オンラインレッスンも購入する必要がありますか?
A.本を購入した場合は、さらに購入することをお勧めします。本では扱わない内容も多く含まれています。

Q.選手知識が必要ですか?

A. はい、このコースは必ず HTML5/CSS3 に関する先行知識が必要です。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows、macOS

  • 使用ツール:ビジュアルスタジアコード(Visual Studio Code)、Chrome(Chrome)

  • PC仕様:Webサーフィンが可能なレベルの最低仕様も可能です。

学習資料

  • 実習進行のための講義別学習資料提供します。


選手の知識と注意事項

  • 完全非専攻者、初心者も受講可能

  • ただし、HTML5/CSS3 の学習は先行しなければなりません。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptを一度も勉強したことのない初心者&入門者

  • JavaScriptは知っているものの、正確に理解していると自信を持てない経験者

  • 未だに大体勘だけでJavaScriptを使っている実務者

  • 複雑な説明なしに、シンプルで簡単に学びたい人

こんにちは
です。

4,372

受講生

202

受講レビュー

74

回答

4.9

講座評価

7

講座

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

カリキュラム

全体

231件 ∙ (13時間 3分)

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

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

受講レビュー

全体

5件

5.0

5件の受講レビュー

  • sy님의 프로필 이미지
    sy

    受講レビュー 4

    平均評価 5.0

    修正済み

    5

    39% 受講後に作成

    지금까지 들은 강의 중 가장 이해가 잘 됐습니다. 최고!

    • 수코딩
      知識共有者

      안녕하세요 sy님! 감사합니다! 이해가 잘 되셨다니 정말 뿌듯하네요 😊 앞으로도 더 좋은 강의 만들겠습니다!

  • Sun drop님의 프로필 이미지
    Sun drop

    受講レビュー 3

    平均評価 4.7

    5

    20% 受講後に作成

    이 강의가 제일 구성도 알찬 것 같아요 개념 배우고 바로 실습 하게 되어있어서 학습 효과가 보장된 느낌..👍🏻 무엇보다 입문자가 듣기에 좋은 것 같습니다

    • 수코딩
      知識共有者

      도움이 되셨다니 다행이네요 ~ 감사합니다 :)

  • 깨굴이님의 프로필 이미지
    깨굴이

    受講レビュー 3

    平均評価 5.0

    5

    30% 受講後に作成

    자바스크립트 개념을 다시 잡고 싶어서 정주행 중입니다! 강사님 강의가 잘 맞아서 다른 강의들도 잘 듣고 있습니다 감사합니다

    • 수코딩
      知識共有者

      안녕하세요! 정주행까지 해주시다니 정말 감사합니다! 다른 강의들도 유익하게 들어주셔서 큰 힘이 됩니다 🙏 학습하시면서 궁금한 점이 있으면 언제든 질문 주세요!

  • 김선민님의 프로필 이미지
    김선민

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    덕분에 자바스크립에 대한 기본적인 내용들 쉽게 배웠습니다.

    • 수코딩
      知識共有者

      안녕하세요 김선민님! 수강해 주셔서 감사합니다! 기본 내용을 쉽게 이해하셨다니 정말 다행이에요. 앞으로도 더 도움이 될 수 있는 강의를 준비하겠습니다. 😊

  • davyjeong님의 프로필 이미지
    davyjeong

    受講レビュー 3

    平均評価 5.0

    5

    100% 受講後に作成

    • 수코딩
      知識共有者

      안녕하세요 davyjeong님! 좋은 평가 감사합니다 :) 더 좋은 강의로 찾아뵐게요!

¥9,382

sucodingの他の講座

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

似ている講座

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