ウェブフロントエンドのためのJavaScript第一歩
hyobin
Webフロントエンドエンジニアを目指すなら? 面白いJavaScript講座で第一歩を踏み出しましょう✨
入門
JavaScript, DOM, Web Application
フロントエンドエンジニアを目指すなら?JavaScriptの基礎から応用文法まで学習してみましょう 🔥


学習した受講者のレビュー
5.0
Chan
JavaScriptのOnline Classesは既に一、二度受講したことがありました。しかし不思議なことに、いつも知っているような気がするのに、いざ使おうとするとうまくいかない状態が続いていましたが、このOnline Classesはその曖昧だった部分を一つずつ整理してくれた感じでした。 文法だけ説明して終わるのではなく、なぜこの概念が必要なのか、これが後でSPAでどのように使われるのかまで、継続的に繋げて説明してくださったのが良かったです。 特に良かったのはプロジェクト部分でした。普通は書き写して終わることが多いのですが、このOnline Classesは中間プロジェクト → 問題点の認識 → 概念の補完 → 最終プロジェクトという流れがあったので、考えないわけにはいきませんでした。正直簡単ではありませんでしたが、その分得るものが多かったです。 Online Classes資料(ハンドブック)も整理がよくできていて、Online Classesを受講する時だけでなく、復習する時も継続的に参考にしています。 JavaScriptをもう一度しっかり整理したい方におすすめしたいOnline Classesです。
5.0
산독기
完走しました! 完走して感じたことは、合理的な価格で本当に丁寧に準備された講義を受けることができて嬉しかったです。 開発講義は価格もピンキリですが、私は今でも複数の講義を一緒に受講していますが、価格が高いからといって講師が質問対応をきちんとしてくれるとか、コードアップデートがあるとか、そういうことはないんですよね。それである講師にとても失望していた状態だったのですが、ヒョビンさんの講義を受けてみると本当に確実に違いますね。 他の方と比較して言うのはちょっとあれですが、ヒョビンさんのような教育者がもっともっと成功されることを願っています。JavaScriptの他にもReactやNext.jsの方向に講義を拡張されたらとても良いと思います! Inflearn n年目として最もコスパが良くて有益だった講義でした。もちろん最後のファイナルプロジェクトは難しかったですが、難しい分だけ謙虚にもう一度復習しなさいという意味だと思って刺激になりました。 こんなに長く受講レビューを書いたことはないのですが、ヒョビンさんのファンになって他の方々にお勧めしたくて受講レビューを書きます! 詳細なハンドブック、明確な発音、きれいな例題、迅速な質疑応答など、何一つ物足りない点がありませんでした。Inflearnや教育界でもっと有名になられることを願っています!よく聞かせていただきました!
5.0
kimday365
私が転職を準備しながら約5年ぶりに再びFEに戻ることになりました。 再び始めようとしたところ、どこから勉強すべきか途方に暮れていたのですが、 この講義を受けながら以前に軽く知っていた部分の復習から、 新しい文法構造、そしてオブジェクト/プロパティ/ルーポーネント単位など上級課程までとても充実して学ぶことができて本当に良かったです。 特にプロジェクトを進行したことが本当に有益な時間でした。 単純に基礎知識&文法だけを学ぶのではなく、実務でどのように使用すれば良いかについて学びましたし、 毎回作っていたtodoリストではない新しいプロジェクトを進行してより興味深い時間でした! 次の講義もとても期待しています! 良い講義をありがとうございます :)
バニラJavaScriptの基本文法
実務開発に必要なJavaScriptの概念
Promiseオブジェクトとasync/awaitによる非同期プログラミング
コンポーネントとモジュール化
DOM APIを使用したウェブ要素の操作
stateとsetStateを使用した状態管理
ライブラリなしでSPA開発
History APIによるルーティング
JavaScriptをReactのように使う
基礎文法から
バニラJSでSPA開発まで、
途切れることのない一つの流れで。
// App.js import Content from './components/Content.js'; export default function App($app) { const content = new Content(); }▋
文法を知っていることと、その文法でサービスを作ることは
全く
別の話です。基礎からSPAまで一つの流れで学びます。
面接でも、実務でも揺るがない6つの核心ポイント
全56講義 ・ 9時間40分
直感的な講義資料も一緒に確認してみてください。
基本文法と深化概念をまず講義資料(PPT)で学習した後、学んだ内容を適用して実際にサンプルコードを書きながら、概念をしっかりと固めます。
DOMを詳しく学習した後、DOMを操作するさまざまなDOM APIを学びます。よく使われるフォーム要素の操作方法を身につけ、実際にDOMを操作してみます。
thisキーワードを学び、実習を通じて状況に応じてthisにどのような値がバインドされるかを確認します。アロー関数・一般関数とthisの関係についても見ていきます。
これまで学んだ内容を活用して簡単なウェブサイトを開発し、制作過程で発生した問題点を一つずつ把握します。
中間プロジェクトで直面した問題を解決するために、コンポーネントとモジュールシステムを学びます。資料や例題で学習した後、中間プロジェクトに適用して問題を解決します。
状態管理とSPAの概念を学びます。状態管理の開発手法とともにSPA・MPA、CSR・SSRの概念を確認し、学んだ内容で中間プロジェクトのコードを改善します。
学んだ内容をすべて活用して最終プロジェクトを開発します。機能をコンポーネント化し、VSCodeで直接開発しながら、検索・フィルタリング・ページ移動機能を実装します。
学んだ概念を2つのプロジェクトで繰り返し、完全に自分のものとして習得します。
基礎・非同期・DOMをまとめた最初の成果物
ライブラリなしで作る自分だけのSPA
難しい概念も、動く資料で一目で理解できます。
VSCodeで一行ずつ一緒に作成しながら、手に馴染ませます。
学んだ内容を実践に適用し、必要な概念をより深く学習します。
全体の概念を一つのプロジェクトにまとめ、完全に復習します。
セクション別資料・復習用ハンドブック・GitHubコードまで提供します。
詰まった部分は講師が直接回答します。
一つでも当てはまるなら、今が始めるのに絶好のタイミングです。
フレームワークに左右されない、本物の実力の始まり
受講生 8,400名+ ・ 受講期限無制限
161件の受講レビューが 証明しています。
「この講義を聴いているなら、あなたはすでに開発者です。これほど詳しく教えてくれる講義はどこにもありません。」
「初歩講座を受けた後に受講したので、理解しやすくて良かったです。充実した講座が本当に大きな助けになりました。ありがとうございます!」
「SPAを使ってみたことはありましたが、自分で作るのは初めてだったので即決で購入しました。ハンドブックで復習しながら受講しましたが、非常に満足しています。滑舌も際立って良いですね。」
「バニラJavaScriptに必要な概念だけを効率よく学べます。ハンドブックがあるので復習もしやすく、講義と一緒に見るのにも最適です!」
「この講義を聴いているなら、あなたはすでに開発者です。これほど詳しく教えてくれる講義はどこにもありません。」
「第一歩講座を受講した後にこの講座を聞いたので、理解しやすくて良かったです。充実した内容がとても役に立ちました。ありがとうございます!」
「SPAを使ってみたことはありましたが、自分で作るのは初めてだったので即決で購入しました。ハンドブックで復習しながら受講しましたが、非常に満足しています。滑舌も際立って良いですね。」
「バニラJavaScriptに必要な概念だけを効率よく学べます。ハンドブックがあるので復習もしやすく、講義と一緒に見るのにも最適です!」
「序盤は簡単だと思っていましたが、後半に進むにつれて学ぶことが多くて良かったです。提供していただいた資料で復習できるので、とても助かっています。」
「本当に必要な核心だけを詰め込んだコンパクトな講義です。各講義が20分を超えないので集中しやすく、滑舌が良いので倍速にしても聞き取りやすいです。」
「合理的な価格で、本当に丁寧に準備された講義だったので嬉しかったです。素早い質疑応答と詳細なハンドブックまで満足でした。」
「発音が綺麗なので、実習しながらすぐに理解できました。視覚資料がすっきりしていて、ハンドブックで随時復習できるのが良かったです。完走まで走り抜けます!」
「最初は簡単だと思っていましたが、後半に進むにつれて学ぶことが多くて良かったです。提供していただいた資料で復習できるので、とても助かっています。」
「本当に必要な核心だけを詰め込んだコンパクトな講義です。各講義が20分を超えないので集中しやすく、滑舌が良いので倍速にしても聞き取りやすいです。」
「合理的な価格で、本当に丁寧に準備された講義だったので嬉しかったです。素早い質疑応答と詳細なハンドブックまで満足でした。」
「発音が良くて、実習しながらすぐに理解できました。視覚資料が綺麗で、ハンドブックでいつでも復習できるのが良かったです。完走まで走り抜けます!」
学習対象は
誰でしょう?
フロントエンドエンジニアとして就職したい方へ
プロジェクトを開発しながら、さまざまな概念を学びたい方
バニラJavaScriptを学んでみたい方へ
講義資料と一緒に受講したい方へ
勉強会を通じて、多くの人たちと一緒に学習したい方へ
前提知識、
必要でしょうか?
HTML
CSS
インフラン認証
キャリア認証
15,561
受講生
639
受講レビュー
139
回答
4.9
講座評価
28
講座
こんにちは、キム・ヒョビンです 🙇♀
開発知識を共有します。
ABOUT
CONTACT
ETC
[書籍] ラーニングスクール!JavaScriptはじめの一歩
udemy、codeit、漢陽女子大学などで特別講義を進行
全体
56件 ∙ (9時間 40分)
講座資料(こうぎしりょう):
5. JavaScriptの実行環境
12:43
6. 変数と定数
09:22
7. データ型と型変換
19:18
8. 演算子
20:43
9. 条件文
11:39
10. 関数
15:01
11. スコープ
13:34
12. ホイスティング
08:00
13. 関数式とアロー関数
11:09
14. オブジェクト
15:45
15. 配列
13:47
16. コンストラクタ関数
03:50
17. 繰り返し構文
18:13
18. 配列メソッド-1
20:30
19. 配列メソッド-2
15:11
20. 配列とオブジェクトの分割代入
12:10
21. spreadとrest
14:22
22. 非同期処理
10:59
23. 2. Promiseオブジェクト
15:32
24. asyncとawait
11:06
25. API呼び出し
12:01
全体
163件
4.8
163件の受講レビュー
受講レビュー 5
∙
平均評価 5.0
5
WebフロントエンドのためのJavaScriptの第一歩のコースを聞いた後、 この講座を受講するので理解が良くなってよかったです。 サンプル講座を聴いた後、この講座を少し負担になるとした方 WebフロントエンドのためのJavaScriptの最初のものを講座することをお勧めします。 そして機会になるなら 作ってフォローしながら学ぶショッピングモールサイトを講座 企画して作っていただきたいです。 インフラ、その他などショッピングモールサイト関連講座はあまりないようです。 中庭講座がたくさん役に立ちました。 ありがとうございます。
pasw9さんおめでとうございます👏 一度に終わるJavaScript講義は、 初歩講義を受講した後に受講すれば、より良い講義です! 今後ショッピングモールサイト講座も、機会になったら準備してみます! ありがとうございます😊
受講レビュー 2
∙
平均評価 5.0
5
JavaScriptの概念が不足している私にぴったりの講義だと思います。 バニラJavaScriptに必要な概念だけをピンポイントで得ることができ、本当に多くの助けになりました👍 ハンドブックが提供され、プロジェクトコードの作成に役立ちました!!復習にも良いですし、講義を聞きながら一緒に見るのにもとても良いです。良い講義を安価に受講することができました。ありがとうございます!!
ラタトゥイユ様 😊 素敵な受講評ありがとうございます!! 完走おめでとうございます 🥳🥳
受講レビュー 13
∙
平均評価 5.0
修正済み
5
イ・ジョンファンさんの講義を見て、한입コミュニティに加入し、該当の講義を知りました。SPAを利用したことはあっても、直接作ったことはなかったため、すでに決済ボタンを押していました😆😆 やっていることがあり、한입チャレンジには参加できませんでしたが、非常に満足のいく講義です。 知っている部分は飛ばしながら、ハンドブックで復習しながら講義の後半部分だけを聞きましたが、非常に満足のいく講義です。イ・ジョンファンさんも発音が聞き取りやすかったのですが、ヒョビンさんもまた格別に発音が良いですね。ありがとうございます。
SK様!素敵なレビューありがとうございます😊 後日、復習用としてもう一度、一口チャレンジに参加してみるのも良いかと思います:) 改めて、良いレビューをいただきありがとうございます👍
受講レビュー 1
∙
平均評価 5.0
5
視覚資料もすっきりして何よりライブコーディングでゆっくり一つ一つ教えてくれてよかったです。着実に受講後頑張ってみましょう!良い講義ありがとうございます。
ありがとうございます😀 ぜひ頑張っていただきたいです!
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!