
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
효빈 Hyobin
기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥
초급
JavaScript, SPA, DOM
ウェブフロントエンド開発者を目指すなら? 面白いJavaScript講座で第一歩を踏み出してみましょう✨
JavaScript を学ぶべき理由
ウェブ開発に関する基本概念
実務でよく使われるJavaScriptの文法
実際に使用できるプロジェクト開発
Typescript、React.js、Next.jsを学習するための足がかり
JavaScriptの第一歩として
基本概念からWebページ制作まで🚀
「ウェブフロントエンドのためのJavaScript入門」講座が受講生の皆様から多くの愛を受け、
「JavaScript入門」という名前の書籍として発売されました 🙇🏻♀️
講座の内容を収録した書籍ですので、講座を受講される際に参考書としてお読みいただいても良いと思います :)
受講生の皆様に感謝申し上げ、多くのご関心をお願いいたします。
JavaScript(ジャバスクリプト)は世界的に人気のある言語で、実際に多くの企業で使用されているプログラミング言語です。現在ウェブフロントエンドで最も多く使われているReact、Vue、NextなどのライブラリやフレームワークもすべてJavaScriptベースで、JavaScriptを学ぶことで柔軟に使用できるようになります。
基礎から応用文法まで
簡単に学習
講義で使用したすべての講義資料を提供
色々なプロジェクトを直接開発まで
フロントエンド開発の基本となるJavaScriptを
基礎から応用概念まで丁寧に学習したい方
開発初心者、非専攻の方まで聞けるように
親切で詳しく説明いたします。(講義台本ウェブページも提供いたします。)
Todo Listのようなありふれたプロジェクトではなく、
「自分だけのChrome開始画面」を直接開発して実際に使用まで体験できます。
単純に言語と文法だけを学習する講義はもうやめましょう!
JavaScriptの基礎、応用文法と共にJavaScriptを学ぶべき理由、JavaScriptの動作原理、
JavaScriptでWebプログラミングを行う方法について段階的に着実に学習し、学んだ内容を適用して実際に使える実戦プロジェクトを開発しながらJavaScriptを効果的に学習してみましょう。
ウェブフロントエンドのためのJavaScript入門講座は...
ウェブフロントエンドのためのJavaScript第一歩受講生の皆さんの実際の受講後レビューです。
🧑🎓
視覚資料がきれいで、講師の方の伝達力が良いです。要点を明確に説明してくださったので、復習用としても聞きましたが良かったです!講義資料も提供してくださったので、学習した内容を整理するのに役立ちました!良い講義をありがとうございます
👩🏻💻
きれいなppt、理解がすんなりできる例示、余計なものなく必要な機能を教えてくれる最高の講義だと思います!!ヒョビンさんの講義が1つしかないのが一番残念ですね 他の講義も作ってください :)
🙆♂️
講義の内容が頭にすっと入ってきます。他の講義は正直退屈だったり集中できないことが多く、見ていてもぼーっとしてしまうことがあったのですが、この講義は継続して集中して見て実践するようになりますね。該当技術に対する背景知識がないにも関わらず楽しく講義に集中して見るようになることを見ると、先生の伝達力がとても優れているようです。良い講義を作ってくださってありがとうございます。
🕵️♀️
一人で勉強していてよく理解できなかった内容が、講義を聞きながらすっきりと理解できています。特に難しくなりがちなJavaScriptの用語と概念をサンプルコードと一緒に分かりやすく説明してくださるのがとても良いです。react、vue.jsなどを学ぶ前に必須で受講すべきだと思います!JavaScript上級コースの講義もあればいいなと思います😍
Section 1. JavaScriptはなぜ学ぶべきなのか?
JavaScriptとは何の言語でしょうか?なぜ人気があり、多くの企業で使用されているのでしょうか?
JavaScriptを学ぶべき理由についてお教えします。
Section 2. JavaScriptを始めよう
まず、JavaScriptがどこでどのように動作するかについて学びます。
その次に、誰でも簡単に使えるオンラインエディターで様々なサンプルコードを一つずつ見ながら、JavaScriptの基本概念について詳しく学ぶ予定です。
Section 3. JavaScriptの応用
前のセクションで学んだ内容より少し難しい応用概念を様々な視覚資料と共に学びます。必要不可欠な概念だけを厳選して身につけた後、JavaScriptで重要な概念である非同期処理まで詳しく学ぶことができます。
Section 4. DOMとDOM API
ウェブページを操作するDOMというオブジェクトについて詳しく学びます。ライブコーディングを通じて一緒にJavaScriptの様々なDOM APIを一つずつ使ってみることができます。よく使われるDOM APIを中心に使ってみながら、多様な方法でウェブページを操作してみます。
Section 5. プロジェクトの準備
「私だけのChrome開始画面」を作る時に必要な追加的な概念を事前に詳しく学ぶ時間を持ちます。必要な概念を事前に詳しく学んでおいてから進むため、次のセクションでそれほど難しくなくプロジェクトを開発することができます。
Section 6. プロジェクト:自分だけのChrome スタート画面
セクション1から5まで学んだ内容をすべて活用して「自分だけのChrome開始画面」を開発します。
すでに学んだ内容であっても一つずつ再度確認しながらゆっくりと開発するため、プロジェクトを開発すると同時に学んだ内容を復習することもできます。最後には開発したプロジェクトを実際に使用できるよう一緒に設定まで行う予定です。
Bonus. 必ず知っておくべきCSS
JavaScriptについて学ぶ講義ですが、セクション6でプロジェクト開発のために使用されるCSSの中で最もよく使われ、知っておくと良い二つの属性について学ぶことができます。
すでにCSSを上手く扱えるなら、該当セクションは聞かなくても大丈夫です。
Q. プログラミングを初めて触れるのですが、受講しても大丈夫でしょうか?
はい。本講義はプログラミングを初めて触れる方でも受講できるほど、JavaScriptの様々な概念を詳しく親切に説明する講義ですので、難しくなく受講していただけます。講義で使用されるPPTと台本まですべて無料で提供されるため、学習資料と一緒に講義を受講されると、講義内容を理解するのにとても役立つでしょう。
Q. HTMLとCSSの知識がなくても大丈夫でしょうか?
HTMLとCSSはセクション5〜6でのみ必要な知識です。HTMLコードとCSSコードを別途提供するため、HTMLとCSSを知らなくても問題なくJavaScriptを学習していただけます。
さらに、HTMLの場合、コードを一行一行書くたびに、そのコードがどのような機能をするのかを簡潔に説明してから進むため、大きな困難なく付いてくることができ、CSSは概念説明が必要な属性については[付録]セクションで別途詳しく扱います。そのため、必要な方は該当セクションを先に受講してから講義を受講していただければ、困難なく付いてくることができます。
Q. 講義を最後まで受講した後は、何を勉強すべきでしょうか?
ウェブフロントエンド開発者になるために講義を受講された場合、まず最終プロジェクトである「自分だけのChrome開始画面」を自分で作ってみることをお勧めします。今後はJavaScriptをもう少し深く、難しい概念まで勉強してみたり、React.jsやVue.js、Next.jsなどJavaScriptベースのライブラリやフレームワークを学習してみても良いでしょう。
💾 受講前にご確認ください!
学習対象は
誰でしょう?
プログラミングを初めて学ぶ方々
一風変わったプロジェクトを完成させたい方々
フロントエンドエンジニアを目指す方々
JavaScriptを速く確実に学びたい方々
丁寧な説明のJavaScript講座をお探しの方々
講義を講義資料とともに受講したい方々
JavaScriptの基礎が不足している方々
前提知識、
必要でしょうか?
CSS (セクション6でのみ必要な概念です)
HTML(セクション6でのみ必要な概念です)
9,709
受講生
186
受講レビュー
107
回答
4.9
講座評価
2
講座
안녕하세요 김효빈 입니다 😊
프론트엔드를 희망하는 분들을 위해 쉽고 친절한 강의를 제공합니다.
프론트엔드 교육자
(전) 스타트업 프론트엔드 리드 개발자
웹 페이지
온라인 강의
도서
외부활동
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
全体
80件
4.9
80件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
5
입문자를 위한 자바스크립트 강의 중 가장 친절하고 자세한 강의가 아닐까 생각합니다. 세세한 개념도 정확히 짚고 넘어가주시고, 게다가 모든 코드를 자세히 설명해 주셔서 별도의 구글링 없이 수강할 수 있는 좋은 강의라고 생각됩니다. 1. 시각자료가 매우 직관적이고 이쁩니다. 2. 정확한 딕션으로 졸리지 않고 듣기 너무 좋습니다! 3. 보통 문법만 배우고 끝나는 강의가 많은데 배운 내용을 응용해 실용적인 프로젝트를 만드는 과정이 매우 인상적 입니다.
정환님 감사합니다😀
受講レビュー 1
∙
平均評価 5.0
5
혼자 공부하면서 잘 이해되지 않던 내용들이 강의 들으면서 쏙쏙 이해되고 있어요. 특히 어려울 수 있는 자바스크립트의 용어와 개념을 예시 코드와 함께 쉽게 설명해주셔서 너무 좋아요. react, vue.js 등을 배우기 전 필수로 들어야 한다 생각! 자바스크립트 심화 과정도 강의 있으면 좋겠어요😍
말씀해주신 것처럼 react, vue와 같은 라이브러리나 프레임워크들을 학습하기 전에 자바스크립트에 대한 이해는 필수입니다!! 강의 내용들이 쉽게 이해가 되셨다니 다행입니다. 자바스크립트 심화 과정 강의도 고려해보겠습니다😊 감사합니다.
受講レビュー 1
∙
平均評価 5.0
5
JS 및 프론트를 배워보고 싶어 해당 강의를 수강했습니다. 해당 강의는 비전공자도 내용을 충분히 이해할 수 있도록 문법 등을 자세하게 설명해주네요. 또, 실무를 바탕으로 어드바이스할 점이나 실제 프로젝트 단위 구현 등등까지 커리큘럼에 포함되어 있어 개인적으로 매우 만족했습니다. 저와 같이 웹 프론트 개발이 미숙한 입문자나 관심있는 분들께서는 분명히 역량이 한단계 성장한 것을 느낄 수 있는 강의라고 생각됩니다.
wlsdyd620님, 제 강의를 통해 한 단계 성장하셨다니 강의를 제작한 보람이 있는 것 같습니다😃 열심히 들어주셔서 감사합니다!!
期間限定セール、あと7日日で終了
¥24,750
25%
¥4,039
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!