강의

멘토링

커뮤니티

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をより上手く活用したい人

こんにちは
です。

31,522

受講生

1,715

受講レビュー

95

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

81件 ∙ (13時間 3分)

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

受講レビュー

全体

109件

4.9

109件の受講レビュー

  • sangpark님의 프로필 이미지
    sangpark

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    I really enjoyed learning JavaScript by studying and analyzing it using the browser console. I only knew a little bit about JS and used React and Node, but while taking this lecture, I realized a lot of things like, "Oh, this is how it works." Thanks to Yalko's easy explanations, I was able to learn advanced concepts easily. I think this will be a really fun lecture for those who want to study JS properly, as the title suggests. I especially recommend it to those who use JS in the field.

    • yalco
      知識共有者

      ㅠㅠ Thank you for the comments that made my hard work worthwhile!! I will prepare the next lecture even more informatively!!

  • spacecat님의 프로필 이미지
    spacecat

    受講レビュー 3

    平均評価 5.0

    5

    95% 受講後に作成

    I've never written a lecture review before, but this is really...ㅋㅋㅋㅋㅋㅋㅋㅋㅋ It's amazing.. ㅎ.. I'm a non-major, but I'm really glad I started learning JavaScript through this lecture. I think it will be very helpful when I study other languages later. I was impressed by the way you handled memory addresses. . When I briefly studied C++ in the past, I was so confused about heap and stack in the memory section, but now I'm finally getting it sorted out. . It's so fun ㅋㅋㅋㅋㅋㅋㅋ Actually, I was a little worried because of the nickname, "Thin Coding Dictionary," but I paid the course thinking that I could finish it quickly because the content was light, but it was a huge surprise. ㅋㅋㅋㅋ It's a choice I don't regret. I think this is a lecture that only someone who has a deep understanding of the field can take. I realized that the basic grammar I've studied so far was very light. What lecture are you preparing next? I'm really looking forward to it..

    • yalco
      知識共有者

      I'm really happy to help you ㅠㅠ I feel like my hard work paid off!! The next lecture is about Java, which is widely used in Korea. I will complete it with even better content and present it to you. Thank you!!

  • smreoml5127님의 프로필 이미지
    smreoml5127

    受講レビュー 1

    平均評価 5.0

    5

    70% 受講後に作成

    When the class first started, I saw it for a few days and couldn't see it because of work, but I'm watching it again these days! Before, I had vaguely seen the contents in the book, so I didn't understand them well, but this lecture explains everything from the basics to advanced concepts really well and easily. I think that no matter what framework you use, you should have a solid foundation in the basics of JS, so this is a great lecture for solidifying the basics! I think I'll have to look it up and take it repeatedly if I get confused even after completing the class. Thank you~!

    • yalco
      知識共有者

      I'm glad it helped you learn!! Thank you for taking the class~~

  • limyeheew5363님의 프로필 이미지
    limyeheew5363

    受講レビュー 2

    平均評価 5.0

    5

    56% 受講後に作成

    I'll leave a review after listening to up to the 9th lecture. This lecture is not a programming language lecture for beginners in programming, but rather a lecture for those who have completed at least the introductory level of other languages. Rather than slowly showing the taste of programming, it feels like delving into the JavaScript language itself. Those who find the lecture difficult should not try to memorize it too much, but rather fill up your 'coding skills' by solving simple problems or developing projects, and then come back. (Of course, those who understood the free lecture part should not be afraid and pay.) I had some experience with Java, so it wasn't difficult for me to understand, and I was able to learn by comparing the differences between Java and JavaScript, but if I had no development experience at all, most of the content would have been difficult to understand. And when the instructor looks at the code, he uses a lot of demonstrative pronouns like 'this', 'that', 'this function produces this result'. Unless the student is following the flow of the lecture perfectly and is concentrating on the instructor's mouse cursor movements, it is difficult to understand what 'this' means, so I think it would be better to intentionally avoid using demonstrative pronouns for better understanding of the lecture. ex) When I ran the toString function like this, this is the result. - X ex) When I ran the toString function with 2 as the argument, the string 0b11 came out. - O This review may sound like a harsh review, but I am listening with great satisfaction. Thanks to the lecture flow that quickly checks the example code and the result value and analyzes the result, It contains a lot of information in a short amount without being too long, And there may be explanations that are difficult for beginners to understand, but that does not mean that the explanations are unfriendly. If someone with some programming experience wants to know what kind of language JavaScript is, I think it is a very good decision to purchase this well-compressed and well-prepared lecture for the regular price of 50,000 won. *There was a pronunciation story, but I have never felt that the pronunciation was strange. I watch both Yalko's YouTube and Infleun lectures well. I love you.

    • yalco
      知識共有者

      [Additional response on 11/1/2023] In response to your comments, I have re-edited the entire lecture. I have slowed down the perceived speed by giving some leeway to parts such as screen transitions that were too fast, and added markers to make it easier to find the parts that are being talked about in the video. Please understand that it took a very long time. If you watch the videos again now, you will be able to take the class much better than before. Thank you for giving me your valuable feedback and helping me improve the lecture. Thank you for your good feedback, I have improved the lecture overall. Thank you again!! - - - - - Thank you so much for the detailed and thoughtful lecture review!! Thanks to you, I was able to confirm things I hadn't thought of, and I was able to think more about which parts I should improve more specifically and how I can be more considerate of beginners. I will try to reflect the parts you mentioned as much as possible in the next lecture to create better content. I am so glad and happy that the lecture was helpful to Park Jeong-sik. Thank you again for taking the class!

  • newbieccc님의 프로필 이미지
    newbieccc

    受講レビュー 22

    平均評価 4.8

    5

    100% 受講後に作成

    As I was aiming for the 'backend', I reflected on the past days when the 'front' was simply focused on implementing functions. After going through the basics to advanced content, I realized that it was such a fun language. I think I need to go back and study it repeatedly (because I want to learn it properly and enjoyably) and I think I need to create prettier codes! It was a great lecture. Thank you.

    • yalco
      知識共有者

      I'm so glad that the lecture was helpful! Thank you!!

¥6,883

yalcoの他の講座

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

似ている講座

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