純粋なJavaScriptを学ぶ
主導的な開発者として成長する✨
「バニラJavaScript」作者直講!
フルスタックWeb開発者ロードマップ🖥️
- 本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズの中で、バニラJavaScriptについて取り上げる講義です。
- Web開発フルスタックコースには、HTML&CSS→バニラJavaScript→ブートストラップ→Vue.js→データベース→Node.js→ポートフォリオまで、フルスタックWeb開発のための全コースが含まれています。
- Web開発のフルスタックコースをすべて受講すれば、Web開発の基礎だけでなく、実践にすぐに適用できるスキルを身につけることになります。
What is バニラ JavaScript?

JavaScriptだけを正しく学ぶと
フロントエンドからバックエンドまで
すべてのプログラムを実装できるようになります。
最近では、大半のウェブがフロントエンドリアクト、ビュー、アンギュラなどのフレームワークを使って開発されています。これらのフロントエンドフレームワークを使用しなくても、少なくともjQueryのようなライブラリを通じて開発の利便性を持っています。
優れたフロントエンドフレームワークを使用すると、開発の生産性を向上させ、一定レベルのコード品質を保証できます。しかし、Web開発者がこのようなフロントエンドフレームワークとオープンソースライブラリだけに頼って開発すると、ある瞬間外部の助けなしにはWebアプリケーションを開発できない状態に至ることもあります。
私たちが使っている数多くのフロントエンドフレームワークやライブラリも純粋なJavaScriptで誰かが開発しておいたものです。そして今すぐ大勢で永遠になりそうなリアクトやビューのようなフレームワークもいつ外面受け取るのか分からず、ウェブはどんな環境より速く発展しているため、今後も数多くのフレームワークとライブラリが持続的に出てくるでしょう。
このような流れの中で、私たちの開発者は何に集中する必要がありますか?それは純粋なJavaScript、つまりバニラのJavaScriptです。いかなるライブラリやフレームワークを使わない純粋なJavaScriptを「バニラJavaScript」と呼びます。
JavaScript、なぜ学ぶべきですか?
JavaScript is Everywhere 。
Node.jsが出てきたので、JavaScriptはもはやWebブラウザに依存する言語ではありません。 Webアプリケーションはもちろん、デスクトップアプリケーション、モバイルアプリ、キオスク、ゲーム、ArduinoなどのマイクロコントローラまでJavaScriptを使用できる分野はますます多様化しています。
JavaScript言語をよく習うだけでもできることがますます増えています。ところで、これは、JavaScriptを以前にWebブラウザでHTML DOMを処理する程度のレベルではなく、より高次元的なコーディングをしなければならないという意味でもあります。だから、 JavaScriptを正しく学び、正しく使えるはずです。
JavaScriptでできるさまざまな開発分野
この講義の特徴!
簡単かつ詳細に
実務応用中心
サンプルコードまで! - JavaScriptの基本文法を次々とお知らせします。
- JavaScriptの組み込み関数の機能だけでなく、実際の開発実務にどのように適用されるかをお知らせします。
- 機能中心の講義ではなく、用途中心に進んで正確な使い方を身につけることができます。
- ES 最新の構文を扱います。
- サーバー通信用のXMLHttpRequest、Fecth APIを学びます。
- DOMを直接制御する方法を学びます。
- CRUDパターンを開発する方法を学びます。
- すべてのサンプルコードはFitHubを介して提供されています。
何を学びますか?
- 開発IDEツールとしては、Visual Studio Codeを使用しています。ビジュアルスタジオコードを使った開発方法と有用な拡張プログラムを知ります。
- JavaScriptの基礎文法について確実に理解することになります。
- JavaScriptの開発者が必ず知っておくべきES6文法まで身につけることができます。
- HTML DOMを処理するためのJavaScriptの使い方がわかります。
選手の知識を確認してください!
Web開発フルスタックコース、
他の講義も一緒に会いましょう!
1. [ウェブ開発フルスタックコース - HTML&CSS基礎]
- Webの基礎言語であるHTMLとCSSをじっくり学びます。
2. [Web開発フルスタックコース - バニラJavaScript] 現在の講義
- 純粋なJavaScriptを正しく習得しなければリードする開発者になることができます。
3. [ウェブ開発フルスタックコース - ブートストラップ基礎]
- 誰でも簡単にクールなデザインを持つレスポンシブウェブを作成できます。
4. [ウェブ開発フルスタックコース - Vue.jsプロジェクト投入1週間前 - 基礎から実務まで]
- 最も簡単で強力なフロントエンドフレームワークであるVue.jsを学びます。
5. [ウェブ開発フルスタックコース - ネットフリックスとニンジンマーケット分析を通じて学ぶデータベースの理解]
- ネットフリックス、ニンジン市場を分析しながら、自然にデータベースを設計する方法を理解するようになります。
6. [ウェブ開発フルスタックコース - Node.jsプロジェクト投入一週間前 - 基礎から実務まで]
- JavaScript言語でバックエンドまで実装できます。 Node.jsなら可能です。
7. [ウェブ開発フルスタックコース - ポートフォリオ]
- Web開発フルスタックコースで学んだすべての技術に基づいて、製品販売ミニWebを開発します。
この講義をした人は
誰ですか?
開発者の品格
ソフトウェア技術を通じて世界に良い影響力を与えたい24年目のソフトウェア開発者。
知識を分かち合うのが好きで、常に新しいスキルを身につけることを楽しんでいます。
国内外60社を超えるグローバル企業ERPシステムを構築するコンサルタントおよび開発者として活動し、直接開発したソフトウェアを国内はもちろん海外有数の企業に販売した経験も持っています。 ITスタートアップ代表取締役でもあります。
開発者だけでなく、UXコンサルタントとして、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発時の企画から開発まで、全過程について数多くの経験を積んできました。今は20年以上の実務経験をもとに、後輩たちに本当に必要な技術、本当にきちんとした知識を伝える使命感で知識を分かち合うことをしています。
もっと学びましょうか?
【ウェブ開発フルスタックコース】シリーズ集めてみる