一度で終わらせるJavaScript：バニラJavaScriptでSPA開発まで
hyobin
基本文法から応用概念まで学習しながら、バニラJavaScriptでSPAを開発してみましょう🔥
初級
JavaScript, SPA, DOM
BEST
ウェブフロントエンドのためのJavaScript第一歩
Webフロントエンドエンジニアを目指すなら？ 面白いJavaScript講座で第一歩を踏み出しましょう✨
JavaScript
JavaScript
DOM
DOM
学習した受講者のレビュー
学習した受講者のレビュー
4.8
5.0
일론 머스크
100% 受講後に作成
講義の内容が頭の中にすっぽり入ります。他の講義は率直に退屈したり集中できない場合が多く見ながらも愚かな場合がありましたが、この講義はずっと集中して見て従うことになりますね。その技術についての背景知識がないのに、面白く講義を集中してみることになるのを見れば先生の伝達力がすごいようです。良い講義を作ってくれてありがとう。
5.0
Ch.3
100% 受講後に作成
運営パブリッシャーとして3年くらい勤務しました。 いつもジェイクエリをたくさん使ってJavaScriptに対する渇きがありましたが、私のように初めてJavaScriptを勉強したい方には最高の講義です！大切な部分はもっと強調しておかず、実務にも役立つ点もとても良かったです。講義時間などは講義を頑張るのに大いに役に立ったようです。
5.0
시콜라킹
100% 受講後に作成
今日頑張ってプロジェクトを作りました。 私はリアクトを学んでいましたが、JavaScriptの欠如と復習と物足りなさを解決するために、このレッスンを購入して学習しました。 講師の素朴な迫力の発音と声、そして混乱したり、忘れていたJavaScriptの部分を再び学びながらわらができてよかったです。 映像と共に同じようにまとめてくださった文を見ることができますが、しっかり読んで学習を続けたいと思います。ありがとうございます！
受講後に得られること
JavaScriptを学ぶべき理由
Web開発に関する基本概念
実務でよく使われるJavaScriptの文法
実際に使用できるプロジェクトの開発
TypeScript、React.js、Next.jsを学習するための足がかり
JavaScriptの第一歩として
基本概念からウェブページ制作まで🚀
🎁 高校生・大学生の方は、リンクから50%割引価格で購入いただけます。
(クーポンが届かない場合は迷惑メールフォルダを確認してください)
-> クーポン申請リンク
-> クーポン申請リンク
📙 「JavaScriptの一歩目」の書籍が発売されました
「ウェブフロントエンドのためのJavaScript第一歩」講座が受講生の皆様から多大なご支持をいただき、
「JavaScript第一歩」というタイトルの書籍として出版されました 🙇🏻♀️
講座の内容を盛り込んだ書籍ですので、講座を受講される際の参考用としてお読みいただくのも良いかと思います :)
受講生の皆様に感謝申し上げるとともに、多くの関心をお願いいたします。
🧐 なぜ私たちはJavaScriptを学ばなければならないのでしょうか？
JavaScript（ジャバスクリプト）は世界的に人気のある言語で、実際に多くの企業で使用されているプログラミング言語です。現在、ウェブフロントエンドで最も多く使われているReact、Vue、NextなどのライブラリやフレームワークもすべてJavaScriptベースであり、JavaScriptを学んでこそ柔軟に使いこなすことができます。
WebフロントエンドのためのJavaScript初歩講座は！！
基礎から応用文法まで
簡単に学習
講義で使用したすべての講義資料を提供
ユニークなプロジェクトを直接開発まで
🙋🏻♀️ このような方におすすめです
Case 1
フロントエンド開発者になりたいです！
フロントエンド開発の基本となるJavaScriptを
基礎から応用概念まで、きめ細かく学習したい方
Case 2
開発が初めてなので、分かりやすく理解できる講義を探しています！
開発入門者や非専門家の方々も受講できるように、
親切かつ丁寧に説明します。（講義の台本ウェブページも提供しています。）
Case 3
ユニークなプロジェクトを開発してみたいです！
Todo Listのようなありふれたプロジェクトではなく、
「自分だけのChromeスタート画面」を直接開発し、実際に使用までしてみることができます。
🚀 概念からプロジェクトまで一気に
単に言語と文法だけを学ぶ講義はもう終わり！
JavaScriptの基礎、応用文法とともに、JavaScriptを学ぶべき理由、JavaScriptの動作原理、
JavaScriptでウェブプログラミングを行う方法について段階別に一歩ずつ学習し、学んだ内容を適用して実際に使用できる実践プロジェクトを開発しながら、JavaScriptを効果的に学習しましょう。
.gif "2023-05-28 15-45-47 (online-video-cutter.com).gif")
ウェブフロントエンドのためのJavaScript第一歩講座は…
- JavaScriptを、あるいはプログラミングを初めて接する方でも簡単に理解できます。
- 受講生の皆さんの理解を助ける講義資料とハンドブックが提供されます。
- 自分だけのChrome拡張機能を一緒に開発しながら、学んだ内容をすぐに適用してみることができます。
⭐️ 評価 4.9点、55件のレビューが証明する講義
ウェブフロントエンドのためのJavaScript第一歩の受講生の方々による、実際の受講レビューです。
🧑🎓
視覚資料がすっきりしていて、講師の方の伝達力が素晴らしいです。核心を明快に説明してくださるので、復習用としても受講しましたが良かったです！ 講義資料も提供していただき、学習内容を整理するのに役立ちました！ 良い講義をありがとうございます
👩🏻💻
すっきりとしたPPT、理解がスッと深まる例え、無駄なく必要な機能を教えてくれる最高の講義だと思います！！ヒョビンさんの講義が1つしかないのが一番残念です。他の講義も作ってください :)
🙆♂️
講義の内容が頭にすんなり入ってきます。他の講義は正直退屈だったり、集中できなくて見ながらぼーっとしてしまうことが多かったのですが、この講義はずっと集中して見て、ついていくことができます。該当の技術に関する背景知識がないにもかかわらず楽しく講義に集中できているのを見ると、先生の伝達力が凄まじいのだと思います。素晴らしい講義を作ってくださりありがとうございます。
🕵️♀️
一人で勉強しながらよく理解できなかった内容が、講義を聞きながらスルスルと理解できています。特に難しくなりがちなJavaScriptの用語や概念を、サンプルコードと一緒に分かりやすく説明してくださるので、とても嬉しいです。ReactやVue.jsなどを学ぶ前に必須で受けるべきだと思います！JavaScriptの深化課程も講義があれば嬉しいです😍
📖 講義で学ぶ内容を確認してみてください。
Section 1. JavaScriptはなぜ学ぶべきか？
JavaScriptはどのような言語でしょうか？なぜ人気があり、多くの企業で使用されているのでしょうか？
JavaScriptを学ぶべき理由についてお伝えします。
Section 2. JavaScriptを始める
まず、JavaScriptがどこでどのように動作するのかについて学びます。
その後、誰でも簡単に利用できるオンラインエディタで、さまざまなサンプルコードを一つずつ確認しながら、JavaScriptの基本概念について詳しく学ぶ予定です。
Section 3. JavaScriptを応用する
前のセクションで学んだ内容よりも少し難しい応用概念を、さまざまな視覚資料とともに学びます。必要な概念だけを効率よく身につけた後、JavaScriptにおいて重要な概念である非同期処理まで詳しく学ぶことができます。
セクション4. DOMとDOM API
ウェブページを操作するDOMというオブジェクトについて詳しく学びます。ライブコーディングを通じて、JavaScriptの様々なDOM APIを一つずつ一緒に使ってみることができます。よく使われるDOM APIを中心に、多様な方法でウェブページを操作してみます。
Section 5. プロジェクトの準備をする
「自分だけのChromeスタート画面」を作る際に必要な追加の概念を、事前により詳しく学ぶ時間を設けます。必要な概念をあらかじめ詳しく学んでから進むため、次のセクションでそれほど苦労することなくプロジェクトを開発することができます。
セクション6. プロジェクト：自分だけのChromeスタート画面
セクション1から5まで学んだ内容をすべて活用して、「自分だけのChromeスタート画面」を開発します。
すでに学んだ内容であっても、一つずつ見直しながらゆっくり開発するため、プロジェクトを開発すると同時に学んだ内容の復習まで行うことができます。最後には、開発したプロジェクトを実際に使用できるように、設定まで一緒に行う予定です。
Bonus. 必須のCSS
JavaScriptについて学ぶ講義ですが、セクション6でプロジェクト開発のために使用されるCSSのうち、最もよく使われ、知っておくと役立つ2つの属性について学ぶことができます。
すでにCSSを十分に使いこなせるのであれば、該当のセクションは受講しなくても大丈夫です。
Q&A 💬
Q. プログラミングが初めてなのですが、受講しても大丈夫でしょうか？
はい。本講義はプログラミングが初めての方でも受講できるほど、JavaScriptの様々な概念を詳しく丁寧に説明する講義ですので、難なく受講していただけます。講義で使用されるPPTや台本もすべて無料で提供しているため、学習資料と一緒に受講されると、講義内容を理解するのにさらに役立つはずです。
Q. HTMLとCSSの知識がなくても大丈夫でしょうか？
HTMLとCSSはセクション5〜6でのみ必要な知識です。HTMLコードとCSSコードを別途提供するため、HTMLとCSSを知らなくても問題なくJavaScriptを学習いただけます。
さらに、HTMLの場合はコードを一行ずつ書くたびに、そのコードがどのような機能を持つのか簡潔に説明しながら進めるため、大きな苦労なくついてくることができます。CSSは概念の説明が必要な属性については「付録」セクションで別途詳しく扱っています。そのため、必要な方はそのセクションを先に受講してから講義を視聴していただければ、問題なく進めることができます。
Q. 講義を最後まで受講した後は、何を勉強すればいいですか？
Webフロントエンドエンジニアになるために講義を受講されたのであれば、まずは最終プロジェクトである「自分だけのChromeスタート画面」を自力で作ってみることをおすすめします。その後は、JavaScriptをより深く、難しい概念まで勉強してみたり、React.jsやVue.js、Next.jsなどのJavaScriptベースのライブラリやフレームワークを学習してみるのも良いでしょう。
💾 受講前にご確認ください！
- 講義で使用されたPPTは、該当のレッスンからダウンロードいただけます。
- 講義で使用された台本は、セクション0「学習資料 講義台本ウェブページ」でご確認いただけます。
- セクション0 [講義の受け方] のレッスンを必ず受講してください。
- 質問に対する回答は、できるだけ早くお答えする予定です。
- 学習資料と一緒に受講していただくと、内容をよりスムーズに理解することができます。
こんな方に
おすすめです
学習対象は
誰でしょう？
プログラミングに初めて触れる方へ
一味違うプロジェクトを完成させたい方へ
フロントエンドエンジニアを志望する方々
JavaScriptを素早く、かつ確実に学びたい方へ
丁寧な解説のJavaScript講座をお探しの方へ
講義を講義資料と一緒に受講したい方へ
JavaScriptの基礎が不足している方へ
前提知識、
必要でしょうか？
CSS（セクション6でのみ必要な概念です）
HTML（セクション6でのみ必要な概念です）
こんにちは
hyobinです。
12,030
受講生
440
受講レビュー
137
回答
4.9
講座評価
14
講座
こんにちは、キム・ヒョビンです 😊
フロントエンドエンジニアを目指す方々のために、分かりやすく親切な講義を提供しています。
(現) フロントエンド開発講師
(前) スタートアップ フロントエンド リード開発者
ウェブページ
オンライン講座
書籍
外部活動
udemy、codeit、漢陽女子大学などで特別講義を進行
カリキュラム
全体
42件 ∙ (6時間 47分)
講座資料（こうぎしりょう）:
授業資料
4. JavaScriptを学ぶべき理由
06:05
7. 変数と定数
08:06
8. データ型と型変換
10:02
9. 演算子
10:17
10. 条件文
05:22
11. 関数とローカル変数、外部変数
10:24
12. スコープ
07:56
13. ホイスティング
06:18
14. 関数式
05:12
15. オブジェクト
15:07
16. 配列
10:54
17. 繰り返し文
18:14
18. 配列組み込み関数-1
20:31
19. 配列内蔵関数-2
15:12
講座掲載日:
最終更新日:
受講レビュー
全体
98件
4.8
98件の受講レビュー
wlsdyd6202374受講レビュー 1
∙
平均評価 5.0
5
34% 受講後に作成JSとフロントを学びたいので、その講義を受講しました。該当講義は非専攻者も内容を十分に理解できるように文法などを詳しく説明してくれますね。また、実務に基づいてアドバイスする点や実際のプロジェクト単位の実装などまでカリキュラムに含まれており、個人的に非常に満足していました。私のように、Webフロント開発が未熟な入門者や興味のある方は、明らかに能力が一段階成長したことを感じられる講義だと思います。
- hyobin知識共有者
wlsdyd620さん、私の講義を通して一段階成長してたなんて講義を制作したやりがいそうです😃頑張ってくれてありがとう！
- winterlood
受講レビュー 2
∙
平均評価 5.0
5
20% 受講後に作成入門者のためのJavaScript講義の中で最もフレンドリーで詳細な講義ではないかと思います。 細かい概念も正確にわたって渡してくださり、しかもすべてのコードを詳しく説明していただき、別途グーグルなしで受講できる良い講義だと思います。 1. 視覚資料が非常に直感的でかなりです。 2.正確な辞書で眠くないで聞くのはとても良いです！ 3. 普通の文法だけを学んで終わる講義が多いが、学んだ内容を応用して実用的なプロジェクトを作る過程がとても印象的です。
- hyobin知識共有者
チョンファンありがとうございます😀
- ramirosol26354
受講レビュー 1
∙
平均評価 5.0
5
10% 受講後に作成**自退生もコーディングできるという希望を与えた講義** コムボール入学後、教授もあきらめたたわごと この講義が救済してくれました。 本をいくら見ても何の言葉なのか理解できなかったのに不思議に字幕なしでも頭にすっぽり入ってきますね 私のように目の高さの講義が必要な方に積極的におすすめします！
- hyobin知識共有者
ハンソル様に私の講義が役に立ったようで本当に嬉しいです😃一生懸命聞いてくれてありがとう！
hyobinの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
