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


学習した受講者のレビュー
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のように使う
🍀 'ウェブフロントエンドのためのJavaScript第一歩'の受講生の皆様は
以下のリンクから割引価格(35%割引)で講義を購入してください!!
-> 割引クーポンリンク
バニラJavaScriptは、基本的にライブラリやフレームワークなしで
純粋なJavaScriptでコードを記述することを意味します。
バニラJavaScriptを学ぶことはWeb開発の基礎を固める重要なプロセスであり、
JavaScriptの根本的な原理と動作の仕組みを理解することができ、
多様なツールや技術を効率的に使用できるようになります。
React.jsのようなライブラリを使用する状況でも、これらの技術がどのように動作するのかを理解でき、
ライブラリに依存せずに自由に開発できる能力を養うことができるため、
純粋なJavaScriptの学習は開発者にとって非常に重要な過程です。
JavaScriptの最新文法を扱い、ライブラリなしで
純粋なJavaScriptのみを使用して、API呼び出し、DOM操作、そして状態管理、ルーティング、SPA開発まで、
2つのプロジェクトを開発しながら学習する講座です。
JavaScript最新文法
ES6+バージョンの学習
API、DOM操作、状態管理、SPA開発まで一度に!
計2つのプロジェクトを通じた
内容の確認および反復学習
分かりやすい講義資料とともに、JavaScriptの概念を学ぶことができます 👍
講義資料はすべ〜て、以下のようなPDFファイルで提供されます。
セクション1〜セクション5 講義資料プレビュー
セクション6〜セクション9 講義資料プレビュー
一気に終わらせるJavaScriptを受講すれば、
次のような2つのプロジェクトを開発することができます。
中間プロジェクト
最終プロジェクト
講義を受講しながら理解できなかった部分を確認したり、
講義の受講後も内容を復習できるように、
下の図のように、講義と一緒にご覧いただけるハンドブックも提供されます!
ハンドブック(講義レジュメウェブサイト)
基礎から応用まで一度に!
基礎概念から応用概念まで一度に学習したい方。
直接プロジェクトまで開発しながら、必要な概念を学んでみてください。
フロントエンドの就職を準備中です。
フロントエンドエンジニアとしての就職を目指している就職準備生。
DOM操作、状態管理、SPAの概念について学習してみてください。
バニラJavaScriptはよく分かりません。
React.jsやNext.jsなどを使用しているものの、JavaScriptには自信がない方。
ライブラリやフレームワークを使用する前に必要な概念を、もう一度学習してみてください。
バニラJavaScriptの基本文法と、基礎から応用概念までを理解することができます。
実務で頻繁に使用される配列メソッド、非同期処理、コンポーネントとモジュール化などの概念を理解することができます。
DOM操作、API呼び出し、状態管理、SPA開発などをJavaScriptだけで開発できるようになります。
React.js、Next.jsをよりスムーズに学習することができます。
一気呵成に終わらせるJavaScript講座には、次のような差別化ポイントがあります。
講義資料による詳細な概念説明
アニメーションが適用された、きれいで直感的な資料、そしてサンプルコードを通じて、基礎的な文法や概念から応用概念まで、丁寧に学習します。
一緒に作成するサンプルコード
学んだ概念を、VSCodeで実際に作成してみます。
ライブコーディングで一緒にJavaScriptコードを書きながら実習を行います。
中間プロジェクトの開発および追加概念の学習
中間プロジェクトを開発しながら、学んだ内容をしっかり理解できているか確認できます。その後、開発したプロジェクトの問題点を把握し、より良いプロジェクトを作るために必要な概念を追加で学習します。
最終プロジェクトの開発を通じた全内容の復習
講義で学んだすべての内容を使用して最終プロジェクトを一緒に開発します。プロジェクトを開発しながら、内容をもう一度復習することができます。
✨ すべての資料を提供
受講生の皆様には、講義資料をウェブページ形式(ハンドブック)で、
プロジェクトコードと講義で使用された資料はそれぞれGitHub、PDFで提供いたします。
「一気呵成に終わらせるJavaScript講座」のカリキュラムは以下の通りです。
基本文法と深化した概念をまず講義資料(ppt)で学習した後、
学んだ内容を適用して直接サンプルコードを作成しながら、概念をしっかりと固めます。
DOMについて詳しく学習した後、DOMを操作できる様々なDOM APIについて学習します。
よく使われるフォーム要素を操作する方法について学びながら、その後DOM APIを使用して直接DOMを操作してみます。
JavaScriptのthisキーワードについて学び、
実習を通じて状況に応じてthisにどのような値がバインドされるかを確認します。
その後、thisとアロー関数、そしてthisと一般関数の関係についても見ていきます。
これまで学んだ内容を活用して、簡単なウェブサイトを開発します。
ウェブサイトを開発し、制作過程で発生した問題点を一つずつ把握してみます。
中間プロジェクトを開発しながら発生した問題を解決するために、コンポーネントとモジュールシステムについて学習します。
まず講義資料とサンプルコードを通じて学習した後、学んだ内容を中間プロジェクトに適用させて問題を解決します。
中間プロジェクトで発生した問題を解決するために学ぶべき概念である、状態管理とSPAについて学びます。
状態管理とは何か、どのように開発できるかを学びながら、SPAとMPA、そしてCSRとSSRの概念についても見ていきます。最終的に、学んだ内容を適用して中間プロジェクトのコードを修正します。
今まで学んだ内容をすべて活用して最終プロジェクトを開発します。
ウェブサイトに必要な機能を確認し、機能ごとにコンポーネント化した後、VSCodeを使用して実際にウェブサイトを開発します。
検索機能、フィルタリング機能、ページ移動などの機能を開発します。
Q. 非専門家でも受講できますか?
基礎概念から扱っており、講義資料も提供されるため、開発を初めて始める方も受講いただけます。その代わり、何度も繰り返し学習してください!
講義を事前に受講してみたいです!
8つの講義を無料で公開しています。
講義を事前に受講してみたい方は、
'プレビュー'と書かれた講義を受講してみてください。
Q. 講義が役に立つかどうかよくわかりません。
JavaScriptをある程度知っているなら、
以下のチェックリストで自己診断をしてみてください!
10個の項目のうち8個以上の項目に該当するなら、
講義を受講しなくても大丈夫です 😄
スコープとホイスティングについてよく理解している。
Promiseオブジェクトと非同期について理解し、APIを呼び出してデータを受け取ることができる。
JavaScriptでDOMを操作できる。
JavaScriptのthisについてよく理解している。
SPAとSPAの動作方式を理解している。
ライブラリなしで状態管理を実装できる。
ウェブサイトを機能別にコンポーネント化できる。
ファイルをモジュール化し、import、exportを使用して開発することができる。
history apiを活用してページルーティングを実装できる。
JavaScriptでSPAを実装できる。
Chromeブラウザを使用します。
VSCodeを使用してコードを作成します。(インストール方法および使用方法は講義に含まれています。)
講義で使用された資料はpdf形式で提供されます。
講義で使用された内容はウェブページ形式で提供されます。
プロジェクトコードはgithubリンクからご確認いただけます。
事前知識:HTML、CSS
HTMLでよく使われるタグは講義で説明しています。
CSSコードは別途提供いたします。
注意事項
ChromeブラウザとVSCodeを使用して学習してください。
質問に対する回答は24時間以内に作成いたします。
学習対象は
誰でしょう?
フロントエンドエンジニアとして就職したい方へ
プロジェクトを開発しながら、さまざまな概念を学びたい方
バニラJavaScriptを学んでみたい方へ
講義資料と一緒に受講したい方へ
勉強会を通じて、多くの人たちと一緒に学習したい方へ
前提知識、
必要でしょうか?
HTML
CSS
インフラン認証
キャリア認証
13,464
受講生
536
受講レビュー
137
回答
4.9
講座評価
24
講座
こんにちは、キム・ヒョビンです 🙇♀
お問い合わせは hbin12212@gmail.com までお願いいたします!
ウェブページ
オンライン講座
書籍
外部活動
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
全体
160件
4.8
160件の受講レビュー
受講レビュー 13
∙
平均評価 5.0
修正済み
5
イ・ジョンファンさんの講義を見て、한입コミュニティに加入し、該当の講義を知りました。SPAを利用したことはあっても、直接作ったことはなかったため、すでに決済ボタンを押していました😆😆 やっていることがあり、한입チャレンジには参加できませんでしたが、非常に満足のいく講義です。 知っている部分は飛ばしながら、ハンドブックで復習しながら講義の後半部分だけを聞きましたが、非常に満足のいく講義です。イ・ジョンファンさんも発音が聞き取りやすかったのですが、ヒョビンさんもまた格別に発音が良いですね。ありがとうございます。
SK様!素敵なレビューありがとうございます😊 後日、復習用としてもう一度、一口チャレンジに参加してみるのも良いかと思います:) 改めて、良いレビューをいただきありがとうございます👍
受講レビュー 2
∙
平均評価 5.0
5
JavaScriptの概念が不足している私にぴったりの講義だと思います。 バニラJavaScriptに必要な概念だけをピンポイントで得ることができ、本当に多くの助けになりました👍 ハンドブックが提供され、プロジェクトコードの作成に役立ちました!!復習にも良いですし、講義を聞きながら一緒に見るのにもとても良いです。良い講義を安価に受講することができました。ありがとうございます!!
ラタトゥイユ様 😊 素敵な受講評ありがとうございます!! 完走おめでとうございます 🥳🥳
受講レビュー 1
∙
平均評価 5.0
5
視覚資料もすっきりして何よりライブコーディングでゆっくり一つ一つ教えてくれてよかったです。着実に受講後頑張ってみましょう!良い講義ありがとうございます。
ありがとうございます😀 ぜひ頑張っていただきたいです!
受講レビュー 5
∙
平均評価 5.0
5
WebフロントエンドのためのJavaScriptの第一歩のコースを聞いた後、 この講座を受講するので理解が良くなってよかったです。 サンプル講座を聴いた後、この講座を少し負担になるとした方 WebフロントエンドのためのJavaScriptの最初のものを講座することをお勧めします。 そして機会になるなら 作ってフォローしながら学ぶショッピングモールサイトを講座 企画して作っていただきたいです。 インフラ、その他などショッピングモールサイト関連講座はあまりないようです。 中庭講座がたくさん役に立ちました。 ありがとうございます。
pasw9さんおめでとうございます👏 一度に終わるJavaScript講義は、 初歩講義を受講した後に受講すれば、より良い講義です! 今後ショッピングモールサイト講座も、機会になったら準備してみます! ありがとうございます😊
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!