얄코의 가장 쉬운 데이터 구조와 알고리즘
yalco
データ構造とアルゴリズムの核心概念を、視覚的な比喩とテストツールを通じて簡単に理解できる講義です。基礎からソート、探索まで直接実装しながら、実力として体得することができます。
초급
Algorithm, data-structure, kakao-tech
BEST
まともに売るJavaScript(JavaScript) - by ヤルコ(Yalco)
プログラミング初心者でもついてこられる優しい講座！ 現役開発者を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コードを使用します。 (講義後半部のみ必須設置)
学習資料
- 講義ページ（補助教材）： 🔗正しく売るJavaScript（無料パーツ）|ヤルコ (yalco.kr)
- 有料パートのレッスンページはそのパートで公開されます。
選手の知識と注意
- プログラミングを初めて始める人も受講できるように制作しました。
- 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書籍を執筆する作家です。フルスタック開発者として働いてきた経験を活かし、難しいプログラミング概念を初心者が理解しやすくするためのたとえ話と簡単な例、時にはアニメーションで説明するコンテンツを作っています。
こんな方に
おすすめです
学習対象は
誰でしょう？
プログラミングを学び始める人
ウェブ開発を始めたい人
ReactやVueを扱えるが、JavaScriptの知識の深さが物足りない開発者
JavaScriptを深く掘り下げてみたい現役エンジニア
JavaScriptをより上手く活用したい人
30,558
受講生
1,578
受講レビュー
86
回答
4.9
講座評価
17
講座
유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.
🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)
カリキュラム
全体
81件 ∙ (13時間 3分)
2. 新しくアップデートされた内容
01:00
3. 講義紹介
01:49
6. 受講のための環境設定
13:53
7. コンソールを活用する
11:54
8. 注釈とセミコロン
07:25
9. 変数と定数 - データを格納する袋
18:18
10. データ型 - データの種類
10:49
11. データ型と静的、動的型付け
04:46
13. 文字列に使用される演算子
13:25
14. 数字 (Number) と関連演算子
11:02
15. 浮動小数点と実数計算誤差
02:35
16. ブール値（boolean）と関連演算子
16:10
17. 演算子のまとめ
05:06
18. オブジェクトと配列のプレビュー
12:53
19. プリミティブ型 vs 参照型
07:58
講座掲載日:
最終更新日:
受講レビュー
全体
101件
4.9
101件の受講レビュー
sangpark受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成ブラウザコンソールを活用してJavaScriptを研究、分析するように学んでいく過程がとても楽しかったです。これまでjsを適当にだけ知ってリアクトランノードを使ってきたが、この講義を聞きながら、ああ、これはこういう原理だったんだと悟ったのが本当に多かったです。ヤルコ様らしい簡単な説明のおかげで、高度な概念も簡単に学ぶことができました。 Jsを講義のタイトルのようにきちんと掘り下げて勉強してみたい方には本当に楽しい講義になりそうです。現業でjsを使う方に特に強力おすすめです。
- yalco知識共有者
ㅠㅠ一生懸命準備しただけにやりがいのあるコメントありがとうございます！
- spacecat
受講レビュー 2
∙
平均評価 5.0
5
95% 受講後に作成これまで講義評 一度も残したことがないのにこれは本当に..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 非専攻者なのですが、この講義でJavaScriptを始めることになり、誠に幸いです。後で他の言語を勉強するときにも役に立つと思います。メモリアドレス扱ってくださるのを見て感動しました。 。以前にC++を少し勉強したとき、メモリ部分でヒープ、スタックがとても混乱していましたが、もう少し整理になりますね。 。とても面白いです。 実はヤルパクなコーディング辞典というニックネームのために軽く心配しながらも内容が軽くて早く済ませられるという考えで決済しましたが途方もない反転ですね。 これは本当にその分野を深く理解している人だけが撮れる講義だと思います。これまで私が勉強した基本文法はあまりにも軽さそのものだったことに気づきました。次に準備しておられる講義は何ですか..本当に期待されますね..
- yalco知識共有者
助けてくれて本当に嬉しいですㅠㅠ一生懸命準備したやりがいを感じます！次の講義はやはり韓国で広く使われているJavaを準備しています。さらに良いコンテンツに仕上げてお披露目いたします。ありがとうございます！
- limyeheew5363
受講レビュー 2
∙
平均評価 5.0
5
56% 受講後に作成9講まで聞いて中評残します。 このレッスンは、プログラミング入門者のためのプログラミング言語レッスンではなく、 他の言語を少なくとも入門段階までは終えた人を対象とする講義で感じられます。 ゆっくりとプログラミングの味を見せるというよりは、JavaScript言語自体に対して掘り下げる感じです。 講義が難しく感じられる方はあまり無理に覚えようとしないで、簡単な問題プールや作品開発をしながら'コーディングちゃん'を満たしてからまた戻ってもいいようです。 （もちろん無料講義パートがご理解のあった方はおびえずに決済してもいいと思います） 私はJavaの経験がある程度あると聞いたので理解するのは難しくありませんでした。 開発経験が全くない状態で聞いたら理解できない内容がほとんどだったようです。 そして、インストラクターがコードを見ながら、このような結果は、次のようになります。のような指示代名詞を多く使用しますが、 受講者が川の流れに完全に追いつくと同時に講師のマウスカーソルの動きを集中していない以上 'これ'が何を言っているのかを理解するのは難しいので、指示代名詞の使用をわざわざ避けることは講義の理解に良いと思います。 ex) toString 関数をこうして実行したところ、このような結果が出ましたね。 ex) toString関数引数として2を入れて実行したところ、0b11という文字列が出ました - O 受講評が酷評のように聞こえますが、私はとても満足して聞いています。 サンプルコードと結果値をすばやく確認し、結果を分析する講義の流れのおかげで 伸びないように短い分量に多くの情報を盛り込んで、 入門者が理解しにくい説明があると思われますが、それが説明が不親切であるという話ではありません。 どの程度のプログラミング経験がある人がJavaScriptという言語がどんな言語なのか知りたいのなら、定価5万どのくらいにこの程度によく圧縮され、よく準備された講義を購入することは非常に良い判断と考えられます。 *発音の話がありましたが、発音が変なのは一度も感じられませんでした。 ヤルコ様のYouTubeとインフラの川の両方をよく見ています。
- yalco知識共有者
[2023/11/1 追加回答です。] 申し上げた内容を反映し、講義を全般的に再編集しました。 画面切り替えなどが早すぎる部分に少し余裕を与えて体感速度を下げました。 ビデオで話す部分を画面上で見つけやすいようにマーカーを追加しました。 時間がとても長くかかる作業だった点ご了承ください。 今再び映像を見れば、以前よりずっと受講する方が良いでしょう。 貴重なフィードバックをいただき、講義を向上させていただきありがとうございます。 良いフィードバックのおかげで講義を全体的に改善することになりました。もう一度ありがとう！ - - - - - 詳細で思いやりのある講義評に感謝！おかげで、未だ思っていなかった点を確認することができ、どんな部分をより具体的に改善すべきか、入門者の方々をどのようにさらに配慮できるかについてもっと考えてみることができました。 教えてくれた部分を次の講義に最大限反映して、より良いコンテンツを作ってみたいと思います。 講義がパク・ジョンシクに助けてくれて本当に幸いで嬉しいです。受講していただきありがとうございます！
- smreoml5127
受講レビュー 1
∙
平均評価 5.0
5
70% 受講後に作成初めて開講した時数日見て会社日の言い訳で釘よりが最近また見ています！ 従来は本でどんどん見た内容であり、しっかり理解がうまくいかなかったのですが、基本から上級概念まで本当に簡単によく説明してくれます。 どんなフレームワークを使っても、jsの基本は基礎になるべきだと思いますが、基本を着実に固めるのにとても素晴らしい講義です！ 頑張った後も混乱したら探してみながら繰り返し受講しなければなりそうです〜！
- yalco知識共有者
学習に役立てて嬉しいです！受講していただきありがとうございます~~
期間限定セール、あと1日日で終了
￥5,108
23%
￥6,640
yalcoの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
開発者のためのJavaScript강의 썸네일](https://cdn.inflearn.com/public/files/courses/337877/cover/01jyvwkxfmyxtq5ny0e5fmwmqp?f=avif&w=420)
![[Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
