강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Programming Language

まともに売るJavaScript(JavaScript) - by ヤルコ(Yalco)

プログラミング初心者でもついてこられる優しい講座! 現役開発者をJavaScriptのエキスパートにしてくれる究極の講座!

  • yalco
자바스크립트
javascript
웹개발
JavaScript

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

こんなことが学べます

  • JavaScriptの基礎から詳細な文法と高度な使い方

  • 最新文法と現代的なJavaScript活用法

  • JavaScriptに関する深い理論と実践知識

  • JavaScriptを通したオブジェクト指向と関数型プログラミング

  • レキシカルスコープ、クロージャ、動的バインディングなどの高度な概念

  • Promiseとasyncなどによる非同期プログラミング

  • モジュール、バンドリング、コンパイル、ドキュメント化など、有用な実践活用法

  • DOMを使ってウェブ開発に活用する

一度受講すれば、他の講義が必要ないように
ちゃんとJSに掘り下げてみてください🛠️

🎁YouTubeにコメントを残して半額で受講する

下記リンクのYouTube映像(この講義の無料パート)に力になってくれるコメントをつけて(一行でも大丈夫です)スクリーンショットをyalco@yalco.krに送っていただければこの講義の半額クーポンをお送りします!
ビデオリンク:https: //youtu.be/8kmtCVgqM34

JavaScript言語集中攻略🔥

一度受講したら、他の講義を聞く必要のない講義を作りたかったです。初心者として基礎講義を聞いた後、実務に飛び込んだときに何か不足しているという感じを受ける方が多いでしょうか?高級講義やコンテンツを探り回り渇きを満たす手間を軽減しようと思っています。

この講義はJavaScript言語を集中的に深く掘り下げる講義であり、Web開発の適用は最後のセクションで重要な部分だけを扱います。受講前のカリキュラムを確認してください。

基礎から高級まで
文法と機能の詳細

オブジェクト指向、関数型プログラミング
良いコードを書くノウハウまで

レキシカルスコープ、クロージャなど
難解な高度な概念も簡単


こんな方におすすめですよ🙋‍♀️

🍼

開発に入ったばかり
コーディングを学び始めた方

🎨

HTML&CSSを学び、
JavaScriptを学ぶ人

🪴

リアクトやビューなどを使うが
JS基礎が惜しい開発者

⛏️

JavaScriptを正しく
掘り下げたい事業開発者

🟨

Node.js、リアクトネイティブなど
JSを書く分野の開発者


この講義だけの特長 ✨

迅速かつ簡単
ビデオ講義🚀

さりげなく涼しい進行であなたの大切な時間を節約します。 (受講者によって速度が速く感じられる点ご了承ください。ぜひ無料公開映像を見て受講してください!

Youtube Yalcoの簡単で明快な説明

ツーマッチの説明
詳細な講義🎙️

JavaScriptの文法とその単純な使い方だけでなく、ブラウザコンソールを活用してJavaScriptがどのように動作するか、使用されるデータがどのような構造で構成されているかなどを深く掘り下げます。詳細な学習のために、多数のサンプルコードが用意されています。

設定し、作成した例と詳細な説明で正しく売る学習

Webページ経由
便利な練習🖥️

川ごとに映像の主なポイントと、貼り付け可能な実習命令とコードがウェブページにまとめられており、これに沿って応用し、手軽に実習を進めることができます。エディタを別途使用する必要がなく、ブラウザのコンソール機能を活用して手軽でより効果的に実習が進められます。

レッスンページとブラウザコンソールを活用した便利で効率的な練習

基礎内容
無料公開😎

学生の方も気軽に勉強できるよう、半分分をプレビューを通じて無料で公開します。


この講義を聞くと
何が変わりますか? 💪

  • ✅入門者や非専攻者は、コーディングに対する恐れがなくなります。
  • ✅ どんどん知っていた、よく知らず使用していた部分を明確に理解することになります。
  • ✅高度な機能と難解な概念を確実に理解し、実務に活用できるようになります。
  • ✅JavaScriptのコードをより効率的かつ有益に書くことができます。
  • ✅JavaScriptを自分で分析し、掘り下げることができる内空を備えるようになります。

どんな内容
学びますか? 📚

🏁 Section 0. イントロ

  • JavaScript言語の紹介
  • 受講方法(⚠️必須視聴) / 受講のための環境設定


🌱 Section 1. JavaScriptの基本的な使用

  • コンソールと注釈、セミコロンの使い方
  • 変数と定数の概念と内部原理/メモリの概念


🎲 Section 2. データ型と演算子

  • データ型の概念と動的データ型/浮動小数点誤差概念
  • 生型データ型、一緒に使用される演算子
  • 生タイプと参照タイプの概念と原理


🚥 Section 3. 制御文

  • ブロックドアとスコープの概念/スコープチェーンとスタック
  • 条件文(if, else, switch)と実戦活用法
  • for文(通常、オブジェクト、配列)/(do)whileによる反復


🦾 Section 4. 関数

  • 関数と型と使い方
  • 一級オブジェクトの概念と基礎関数型プログラミング
  • パラメータ関連機能/その他の機能関連の高度な概念と活用のヒント


🧇 Section 5. オブジェクトとクラス

  • オブジェクトの概念と文法と活用法/新規簡便文法
  • コンストラクタ関数とクラス/アクセサプロパティと利用
  • JavaScriptのオブジェクト指向プログラミング


⚙️ Section 6. 主要なビルトインオブジェクト

  • グローバルオブジェクト、標準ビルトインオブジェクトの概念
  • 主なビルトインプロパティとメソッド
  • ラッパーオブジェクト、Math、Dateなどの組み込みオブジェクトの詳細な活用法


🍡 Section 7. 配列

  • JavaScriptの配列の特性と使用法
  • 配列関連の新規簡便文法と基本メソッド
  • 高次関数メソッドと連鎖による関数型プログラミング


🩻 Section 8. オブジェクトを深く扱う

  • Objectオブジェクトと主なメソッド/プロパティ属性
  • 深い凍結とコピー/JSONによるシリアル化と解析


🧮 Section 9. 追加データ型

  • 数値データ型の打診法 / ビット演算 / BigInt
  • シンボル概念と文法、活用法


🚃 Section 10. イテラブルとジェネレータ

  • SetとMapの文法と使い方
  • イテラブルとジェネレータの実装と活用法


⛑️ Section 11. 問題に備えて

  • エラーハンドリング/タイプ別対処とカスタマイジング/バブリングの概念
  • varの問題/厳格モード/オプションチェイン


📦 Section 12. スコープとバインディング

  • レキシカルスコープの概念/環境記録
  • クロージャの概念と活用法
  • 静的バインディングと動的バインディング/矢印関数の特性と利用


🧬 Section 13. プロトタイプ

  • プロロタイプとチェーンの概念/アプローチと活用法
  • インスタンスとプロトタイプのプロパティ
  • プロトタイプを活用した継承/ミキシンの概念実装


🛣️ Section 14. 非同期プログラミング

  • 非同期の概念と実装
  • プロミスの文法と活用、関連メソッド
  • async&awaitによる簡単
  • プロミスとasyncのネットワーク上で活用


💻 Section 15. コードファイルの取り扱い

  • HTMLへのロード方式/モジュリング
  • バンドルと旧バージョンのコンパイル
  • JSDocによるヒントと自動文書化/デバッグ


🌐 Section 16. ウェブページに活用する

  • DOMの概念とJavaScript上の内部構造
  • 要素の選択と操作、イベントの実装と活用

受講前の注意事項📢

練習環境

  • オペレーティングシステムとバージョン(OS) :Windows、Mac、Linuxの両方で学習できます。
  • 使用ツール:ブラウザ(ChromeまたはEdge推奨)でほとんどの練習が行われます。
  • エディタ:レッスンではVSコードを使用します。 (講義後半部のみ必須設置)

学習資料

選手の知識と注意

  • プログラミングを初めて始める人も受講できるように制作しました。
    • HTML、CSSに関する知識は、16のセクションのうち最後のセクションでのみ必要です。
  • 受講者によっては講義のスピードが速くなるので、無料パートを先に見てみましょう!
    • 講義ページを一緒に活用して、次々と授業に従うことができます。
  • 質問は必ず講義ページにご案内いただいた方式(メール)でお送りください。

よくある質問
確認してください💬

Q. JavaScriptを学んだら何ができますか?

A. 今日のJavaScriptの活用度は無関心です。フロントエンド開発者としてウェブサイトを作成できるだけでなく、Node.jsベースのサーバーも構築できます。モバイルアプリやデスクトッププログラムも作成でき、機械学習にも活用できます。

Q. プログラミングに初めて接するのに授業を聞くことはできますか?

A. コーディングが初めての方もフォローできるよう講義を企画して制作しました。非専攻者も難なく知ることができるように簡単な用語を使用し、プログラミング経験のない人のためにコードの動作原理を詳しく説明します。ブラウザコンソールを活用することで、複雑な設置過程がなくても講義を受講することができ、講義ページを補助教材として活用して実習をじっくりと追いつくことができます。ただし受講者によっては進行が非常に早く感じられるので、ヤルコ講義が初めての場合は無料パートをぜひ事前に確認してみてください。

Q. すでにJavaScriptで実務をしていますが、講義がどれほど役に立ちますか?

A. JavaScriptを「適度に」だけ知っても開発ができますが、これを「きちんと」深く勉強してみた経験がなければ、この言語の特性と強みを実務に引き出すことに限界があります。 JavaScriptを設定し、パゴドはこの講義を受講した後、JavaScriptを「JavaScriptらしく」使用することが分かり、これまで使用してきた機能を分析してより効果的に活用する方法も学ぶことになります。また、JavaScriptについて知っていることや知らないことのドゥルムンハクハムから離れて、この言語で何でもできるという自信を持つことになります。

Q. この講義を聞くとWeb開発ができるようになりますか?

A. 本講義は、JavaScriptとは言語自体の文法と理論的知識、そして高度な活用法などを深く掘り下げるために作られました。 16のうち最後のセクションでDOMを学び、HTML、CSSと連携してウェブサイトに活用する実習を行いますが、これらについては重要な部分、そしてJavaScriptの観点から深く分析する内容中心に取り上げます。フロントエンド開発を本格的に実習するウェブ開発講義は、機会があれば別に作るようにします。

Q. HTML と CSS に関する知識が必要か、役に立ちますか?

A.(上記の質問にリンクされています)WebページのJavaScriptを利用する部分は最後のセクションでしかないので、以前の15セクションではHTMLとCSSについて知らなくても講義を受講することに支障はありません。基礎的な知識を持っているなら、セクション16も大きな無理なく受講できます。

Q. 講義の速度が速くて難しくないでしょうか?

A. 映像の進行は早いですが、各川ごとに講義ページがリンクされていて映像の内容を楽に復習して実習できるようにしておきました。ページのあちこちの例とブラウザコンソールを活用して、あなたの時間効率を最大限に活用する学習を進めることができるでしょう!


ヤルコは誰ですか? 😀

YouTube チャンネル ヤルパクなコーディング辞典を放送するYouTubeであり、 IT書籍を執筆する作家です。フルスタック開発者として働いてきた経験を活かし、難しいプログラミング概念を初心者が理解しやすくするためのたとえ話と簡単な例、時にはアニメーションで説明するコンテンツを作っています。

🎬 YouTube ヤルパクコーディング辞書チャンネル(クリック!)
📕ヤルコの本を見に行く(クリック!)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • プログラミングを学び始める人

  • ウェブ開発を始めたい人

  • ReactやVueを扱えるが、JavaScriptの知識の深さが物足りない開発者

  • JavaScriptを深く掘り下げてみたい現役エンジニア

  • JavaScriptをより上手く活用したい人

こんにちは
です。

30,119

受講生

1,541

受講レビュー

85

回答

4.9

講座評価

17

講座

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

カリキュラム

全体

81件 ∙ (13時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

98件

4.8

98件の受講レビュー

  • sangpark님의 프로필 이미지
    sangpark

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    Tôi thực sự thích quá trình học JavaScript bằng bảng điều khiển trình duyệt như thể nó đang nghiên cứu và phân tích nó. Cho đến bây giờ mình mới chỉ biết một chút về js và sử dụng React và Node, nhưng khi nghe bài giảng này, có rất nhiều điều khiến mình nhận ra “Ồ, nguyên tắc là thế này đây”. Nhờ sự giải thích dễ hiểu của Yalco, tôi có thể học các khái niệm nâng cao một cách dễ dàng. Tôi nghĩ đây sẽ là một bài giảng thực sự thú vị cho những ai muốn tìm hiểu sâu và nghiên cứu về JS một cách đúng đắn, như tiêu đề đã gợi ý. Tôi đặc biệt giới thiệu nó cho những người sử dụng js trong công việc của họ.

    • yalco
      知識共有者

      ㅠㅠ Cảm ơn bạn vì nhận xét đã khiến tôi đã nỗ lực chuẩn bị rất nhiều!! Chúng ta sẽ chuẩn bị hiệu quả hơn nữa cho bài giảng tiếp theo!!

  • spacecat님의 프로필 이미지
    spacecat

    受講レビュー 2

    平均評価 5.0

    5

    95% 受講後に作成

    Tôi chưa bao giờ để lại một bài đánh giá bài giảng trước đây, nhưng đây thực sự là...hahahahahahahahahahahahahahahahahahahahahahahahahahahahahahahahahaha.. Tôi không phải là sinh viên chuyên ngành nhưng tôi thực sự vui mừng vì đã bắt đầu với JavaScript thông qua khóa học này. Tôi nghĩ nó sẽ rất hữu ích khi học các ngôn ngữ khác sau này. Tôi rất ấn tượng với cách xử lý địa chỉ bộ nhớ của bạn. . Trước đây khi học C++ một thời gian, tôi rất bối rối về heap và stack trong vùng bộ nhớ, nhưng bây giờ thì nó đã được sắp xếp gọn gàng hơn một chút. . Vui quá hahahaha Thành thật mà nói, tôi hơi lo lắng vì biệt danh 'từ điển mã hóa kém chất lượng', nhưng tôi đã trả tiền cho nó vì nghĩ rằng tôi có thể hoàn thành nó nhanh chóng vì nội dung nhẹ nhàng, nhưng đó là một bước ngoặt lớn Haha, đó là một lựa chọn mà tôi không. đừng hối tiếc. Tôi nghĩ đây là bài giảng mà chỉ những người có hiểu biết sâu sắc về lĩnh vực này mới có thể tham gia. Tôi nhận ra rằng ngữ pháp cơ bản mà tôi đã học cho đến nay rất nhẹ nhàng. Bạn đang chuẩn bị bài giảng gì tiếp theo? Tôi thực sự mong chờ nó..

    • yalco
      知識共有者

      Tôi thực sự rất vui khi được giúp đỡ bạn. Tôi cảm thấy được khen thưởng vì sự chăm chỉ của mình!! Bài giảng tiếp theo là về Java, ngôn ngữ cũng được sử dụng rộng rãi ở Hàn Quốc. Chúng tôi sẽ hoàn thiện và trình bày nội dung tốt hơn nữa. Cảm ơn!!

  • limyeheew5363님의 프로필 이미지
    limyeheew5363

    受講レビュー 2

    平均評価 5.0

    5

    56% 受講後に作成

    Tôi sẽ nghe bài giảng thứ 9 và để lại bài đánh giá giữa kỳ. Bài giảng này không phải là bài giảng về ngôn ngữ lập trình dành cho người mới bắt đầu học lập trình. Nó giống như một khóa học dành cho những người đã hoàn thành ít nhất trình độ cơ bản của một ngôn ngữ khác. Thay vì từ từ cho bạn thấy hương vị của lập trình, nó giống như đi sâu vào ngôn ngữ JavaScript. Nếu bạn thấy bài giảng khó, đừng cố ép mình phải ghi nhớ nó. Thay vào đó, bạn nên lấp đầy thời gian viết mã của mình bằng cách giải các vấn đề đơn giản hoặc phát triển một tác phẩm rồi quay lại. (Tất nhiên tôi nghĩ ai hiểu phần bài giảng miễn phí thì có thể trả tiền mà không sợ gì cả.) Vì tôi đã có một số kinh nghiệm với Java nên nó không khó hiểu và tôi có thể học bằng cách so sánh JavaScript khác với Java như thế nào. Nếu tôi nghe nó mà không có bất kỳ kinh nghiệm phát triển nào thì hầu hết nội dung sẽ không thể hiểu được. Và trong khi người hướng dẫn đang xem mã, anh ta nói 'cái này', 'cái kia', 'cái này', 'kết quả này với chức năng này&#x27 ; Bạn thường sử dụng đại từ chỉ định như Trừ khi người học theo dõi hoàn hảo diễn biến của bài giảng và tập trung vào chuyển động của con trỏ chuột của người hướng dẫn. Vì rất khó hiểu điều `x27;điều này' đang đề cập đến nên tôi nghĩ sẽ tốt hơn nếu bạn hiểu bài giảng nếu bạn cố tình tránh sử dụng đại từ chỉ định. ví dụ) Khi tôi chạy hàm toString như thế này, tôi nhận được kết quả này. -X ví dụ) Khi tôi chạy hàm toString với đối số là 2, chuỗi 0b11 xuất hiện - O Việc đánh giá khóa học nghe có vẻ khắc nghiệt nhưng tôi rất hài lòng với nó. Nhờ luồng bài giảng kiểm tra nhanh mã ví dụ và kết quả cũng như phân tích kết quả, Nó chứa rất nhiều thông tin trong một khoảng thời gian ngắn để không bị choáng ngợp. Có thể có những lời giải thích khiến người mới bắt đầu khó hiểu nhưng điều đó không có nghĩa là những lời giải thích đó không thân thiện. Nếu một người có một số kinh nghiệm lập trình muốn biết JavaScript là loại ngôn ngữ nào, tôi nghĩ sẽ là một quyết định đúng đắn khi mua khóa học cô đọng và được chuẩn bị kỹ lưỡng này với mức giá thông thường là 50.000. *Có một câu chuyện về cách phát âm, nhưng tôi chưa bao giờ cảm thấy cách phát âm đó là lạ. Tôi thích xem cả bài giảng trên YouTube và Infron của Yalco. Anh Yêu Em

    • yalco
      知識共有者

      [Phản hồi bổ sung vào ngày 1/11/2023.] Chúng tôi đã chỉnh sửa lại tổng thể bài giảng để phản ánh những gì bạn nói. Chúng tôi đã giảm tốc độ cảm nhận bằng cách dành một chút thời gian ở những khu vực có quá trình chuyển đổi màn hình quá nhanh. Điểm đánh dấu đã được thêm vào để giúp bạn dễ dàng tìm thấy phần nói của video trên màn hình. Hãy hiểu rằng đây là một công việc rất tốn thời gian. Nếu bạn xem lại video bây giờ, bạn sẽ tận hưởng khóa học tốt hơn nhiều so với trước đây. Cảm ơn bạn đã phản hồi có giá trị và giúp chúng tôi cải thiện khóa học. Nhờ những phản hồi tốt, chúng tôi đã có thể cải thiện khóa học về tổng thể. Cảm ơn bạn một lần nữa!! - - - - - Cảm ơn bạn rất nhiều vì bài đánh giá bài giảng chi tiết và chu đáo!! Nhờ đó, tôi có thể kiểm tra những điều mà tôi chưa từng nghĩ tới và suy nghĩ thêm về những lĩnh vực nào cần được cải thiện cụ thể hơn và cách chúng tôi có thể quan tâm hơn đến những người mới bắt đầu. Chúng tôi sẽ cố gắng tạo ra nội dung tốt hơn bằng cách phản ánh những điểm bạn đề cập nhiều nhất có thể trong bài giảng tiếp theo. Tôi rất vui và may mắn vì bài giảng đã giúp ích được cho Jeongsik Park. Cảm ơn bạn một lần nữa vì đã tham gia lớp học!

  • smreoml5127님의 프로필 이미지
    smreoml5127

    受講レビュー 1

    平均評価 5.0

    5

    70% 受講後に作成

    Khi mới bắt đầu đi học, tôi đã xem nó được vài ngày và không thể xem được với lý do bận việc, nhưng dạo này tôi lại xem lại! Trước đây mình không hiểu nội dung lắm vì chỉ thấy mơ hồ trong sách nhưng anh ấy giải thích mọi thứ từ khái niệm cơ bản đến nâng cao một cách rất dễ hiểu. Tôi nghĩ rằng cho dù bạn sử dụng framework nào thì những điều cơ bản về JS đều phải là nền tảng và đây là một khóa học tuyệt vời để củng cố những điều cơ bản! Nếu bạn vẫn còn bối rối sau khi hoàn thành khóa học, bạn nên tra cứu và học lại khóa học. Cảm ơn bạn!

    • yalco
      知識共有者

      Tôi rất vui được giúp bạn học!! Cảm ơn bạn đã tham gia lớp học~~

  • newbieccc님의 프로필 이미지
    newbieccc

    受講レビュー 22

    平均評価 4.8

    5

    100% 受講後に作成

    Khi chúng tôi hướng tới 'backend', 'front' đã phản ánh những ngày qua khi chúng tôi chỉ tập trung vào việc triển khai các chức năng. Sau khi xem qua mọi thứ từ nội dung cơ bản đến nâng cao, tôi nhận ra rằng đó là một ngôn ngữ thú vị. Tôi nghĩ mình cần phải xem lại và học đi học lại (vì tôi muốn học đúng cách và vui vẻ), và tôi nghĩ mình cần phải tạo ra một đoạn code đẹp hơn! Đó là một bài giảng tốt. Cảm ơn

    • yalco
      知識共有者

      Tôi rất vui vì bạn thấy khóa học hữu ích! Cảm ơn!!

¥6,526

yalcoの他の講座

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

似ている講座

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