【2020年最新】web制作のjQuery,JavaScriptの勉強方法まとめ【一年半思考錯誤した】

しょーごログ

4 Apr 202012:00

Summary

TLDRこの動画は、2020年の最新web制作において、jQueryとJavaScriptの学び方を紹介しています。プログラマーが効率的にスキルを身につけるためのロードマップを作成し、様々な学習サービスをチェックして紹介しています。jQueryの価値とJavaScriptの重要性についても話されており、初心者から実務レベルまで引け上げられるような良質な参考資料やサービスを紹介しています。

Takeaways

🌟 自己紹介：2018年からプログラミングを始めて、現在はHTML, CSS, JavaScript, WordPressをメインに仕事をしています。
📚 jQueryの学習法：Web制作で頻繁に使用されるため、最初にjQueryを学ぶことが重要です。
🚀 プロゲートの理解：JavaScriptの基礎的な考え方と主要なメソッドを学ぶことで、効率的にWeb制作スキルを向上させます。
🎨 jQuery標準デザイン講座：Webサイトに品質のUI機能を実装し、jQueryの基礎を学ぶことができます。
🔌 プラグインの実践：実際に使ってみることで、jQueryの柔軟性とカスタマイズの可能性を理解できます。
🔥 JavaScriptの学習：Web制作において生のJavaScriptを使用することも必要であり、より高度なスキルを身につけるために重要なステップです。
📖 JavaScript超入門書籍：この書籍を活用することで、JavaScriptの基礎から応用まで網羅的に学ぶことができます。
🌐 js.do（JavaScriptの学習サービス）：オンラインのハンズオン形式の学習で、より実践的なスキルを身につけることができます。
🛠️ ドットインストールのWebアプリ作成コース：実際のWebアプリケーションを作成することで、デバッグスキルを向上させることができます。
🔍 デバッグの重要性：プログラムの動きを確認し、問題を解決するスキルは、プログラマとして不可欠です。
🚀 継続的な学習と実践：自分でプロジェクトを行い、デバッグや実装を繰り返すことで、技術を磨くことができます。

Q & A

脚本中提到的学习JavaScript的首要原因是什么？
-脚本中提到，学习JavaScript的首要原因是因为Web制作中经常会使用到JavaScript，而且在Web制作领域，JavaScript仍然是主流技术。
为什么脚本中建议初学者首先学习jQuery？
-脚本中建议初学者首先学习jQuery，因为在Web制作中，jQuery几乎每次都会用到。尽管有人认为jQuery已经过时，但在Web制作现场，jQuery仍然是主流技术，且有很多项目在使用。
脚本中提到的JavaScript超入门书籍有哪些特点？
-脚本中提到的JavaScript超入门书籍是基于最新文法ES2015编写的，内容涵盖从基础文法到Web API和JavaScript对象等概念，适合作为学习JavaScript的入门教材。
脚本中提到的js.doit.im是怎样的一个学习平台？
-js.doit.im是一个专注于JavaScript学习的在线平台，提供汉兹オン形式的教学和教科書形式的教材，适合与JavaScript超入门书籍并行学习，帮助学习者全面掌握JavaScript知识。
脚本中为什么推荐使用ドットインストール进行JavaScript学习？
-ドットインストール提供了实际的Web应用创建课程，通过动手实践可以加深对JavaScript知识的理解。同时，这些课程也有助于学习者进行有效的デバッグ练习，提高解决问题的能力。
脚本中提到的学习JavaScript的顺序是怎样的？
-脚本中推荐的JavaScript学习顺序是：首先是掌握jQuery，然后学习JavaScript基础知识，接着通过js.doit.im和JavaScript超入门书籍深入学习，最后通过ドットインストール进行实践操作和デバッグ练习。
脚本中提到的JavaScript学习中，初学者常犯的错误是什么？
-脚本中提到，初学者常犯的错误是试图重新发明轮子，即不必要地从零开始编写代码，而应该利用现有的插件和框架来提高效率。
脚本中提到的JavaScript学习效率低的原因可能是什么？
-脚本中提到，JavaScript学习效率低的原因可能是没有找到合适的教材和学习方法，或者是没有结合实际项目进行实践操作。
脚本中提到的Web制作中常用的JavaScript框架有哪些？
-脚本中提到，Web制作中常用的JavaScript框架包括jQuery、Vue.js、React等，这些框架可以帮助开发者更高效地构建Web应用。
脚本中提到的JavaScript学习资源有哪些？
-脚本中提到的JavaScript学习资源包括JavaScript超入门书籍、js.doit.im学习平台、ドットインストール的Web应用创建课程等。

Outlines

00:00

🚀 プログラマーとしての自己紹介と勉強方法の共有

この段落では、プログラマーが自分自身の経歴と専門性を紹介し、プログラミングを始めてからの経過や現在の業務内容について語ています。彼は2018年3月からプログラミングを始め、フリーランスとしてウェブサイトの制作を行っており、HTML、CSS、JavaScript、WordPressを主力としています。また、彼は効率的なJavaScriptの勉強法を模索し、高額なプログラミングスクールを除き、様々なサービスを再度確認した結果、学習効率が良いJavaScript学習のロードマップを作成しました。この動画では、その方法を紹介し、視聴者に効率的な学習教材の選択を助けることが目的とされています。

05:01

📚 jQueryとJavaScriptの効果的な学習法

この段落では、jQueryとJavaScriptの効果的な学習法について説明しています。jQueryはWeb制作で非常に有用であり、主流的地位を維持しています。初心者でも実務レベルまで引き上げられる良質な参考書や学習サービスが現れています。この動画では、プログラミングの基礎的な考え方や主要なメソッドを学ぶことが重要であり、jQueryの標準デザイン講座やプラグインを使った開発の方法についても触れています。また、JavaScriptの学習も重要であり、Web制作で生のJavaScriptを使うことが多いため、jQueryの次にJavaScriptの学習を進めることが推奨されています。

10:02

🛠️ JavaScriptの学習とデバッグの重要性

最後の段落では、JavaScriptの学習方法とデバッグの重要性について語ています。JavaScriptは現在非常に注目されており、フロントエンドだけでなくサーバーサイドでも必須の知識となっています。この動画では、確かな力が身につくJavaScriptの超入門という書籍や、jsプロというサービスを紹介し、ハンズオン形式で学ぶことを推奨しています。また、ドットインストールのWebアプリ作成コースも紹介されており、デバッグの練習を通じてJavaScriptの知識を深めることが重要であると強調されています。

Mindmap

Keywords

💡プログラミング

プログラミングとは、コンピューターに実行させるための命令の集合を記述する作業です。このビデオでは、プログラミングを学ぶ方法や効率的な学習法について説明されています。プログラミングの基礎を身につけることで、ウェブ制作やアプリケーション開発が可能になります。

💡HTML

HTML（HyperText Markup Language）は、ウェブページを作成するためのマークアップ言語です。HTMLは、テキストや画像、リンクなどの内容をウェブページに配置し、構造化するための基礎的な要素を提供します。

💡CSS

CSS（Cascading Style Sheets）は、ウェブページのスタイルやレイアウトを定義するために使用されるスタイルシート言語です。CSSを使うことで、HTMLの構造に基づいてデザインを適用し、ウェブページの外観をカスタマイズすることができます。

💡JavaScript

JavaScriptは、動的なウェブページを作成するために使用されるスクリプト言語です。JavaScriptを使うことで、ウェブページにインタラクティブな機能を追加することができ、ユーザーエクスペリエンスを向上させることができます。

💡jQuery

jQueryは、JavaScriptを簡素化し、より簡単にウェブページ上の動的な機能を実装できるようにするJavaScriptライブラリです。jQueryを使うことで、複雑なJavaScriptコードを簡潔かつ効率的なコードに置き換えることができます。

💡WordPress

WordPressは、コンテンツ管理システム（CMS）として広く使われるソフトウェアです。WordPressを使うことで、ユーザーが簡単にウェブサイトを作成・管理できるようになります。テーマやプラグインを用いて、ウェブサイトのデザインや機能をカスタマイズすることができます。

💡フレームワーク

フレームワークは、ソフトウェア開発において一般的なタスクを効率化するための一連のライブラリやツール集です。フレームワークを使用することで、開発者は標準化された方法でコードを書くことができ、開発効率が向上します。

💡プラグイン

プラグインは、既存のソフトウェアに新しい機能や能力を追加するための小さなプログラムです。ウェブ制作においては、WordPressなどのCMSやJavaScriptフレームワークにプラグインを追加することで、ウェブサイトに追加の機能を提供できます。

💡デバッグ

デバッグは、コンピュータープログラムのエラーを特定し、修正するプロセスです。デバッグを行うためには、プログラムの実行時に発生するエラーメッセージや不正な動作を確認し、原因を特定して修正することが重要です。

💡オンライン学習

オンライン学習は、インターネットを通じて行われる教育や学習の方法です。オンライン学習プラットフォームを使用することで、自宅や職場からでも学習が可能であり、時間や場所の制約が少なくなります。

💡Web制作

Web制作とは、ウェブサイトやウェブアプリケーションを作成するプロセスです。Web制作には、HTML、CSS、JavaScriptなどのプログラミング技術が必要であり、デザイン、コンテンツ制作、機能の実装など、多岐にわたるスキルが必要です。

Highlights

自己紹介：2018年3月からプログラミングを始めて、現在はHTML, CSS, JavaScript, WordPressをメインに仕事をしています。

日本における効率の良いJavaScriptの勉強法について考えていたこと。

最近、初心者でも実務レベルまで引き上げられる良質な参考書や学習サービスが出ているとのこと。

JavaScript学習のロードマップを作成し、効率的な学習方法を紹介する予定。

プログラミングの勉強方法は目的によって変わってくることの重要性。

Web制作に特化した効率の良いjQueryの勉強法について話す。

jQueryはWeb制作でほぼ毎回使うため、最初に取得しておく価値が高い。

プロゲットを行って、プログラミングの基礎的な考え方と主要なメソッドを学ぶ。

jQuery標準デザイン講座を通じて、Webサイトに品質のUI機能を手動で実装し、jQueryの基礎を学ぶ。

プラグインを使った開発で初心者でも高度な動きをつけることができる。

JavaScriptを学ぶ理由：Web制作で生のJavaScriptを使うことが多くなり、また将来的には他のフレームワークやライブラリの知識が必要。

確かな力が身につくJavaScript超入門という書籍を紹介。

jsプロというJavaScript学習サービスを利用し、ハンズオン形式で学ぶ。

ドットインストールのWebアプリ作成コースを通じて、デバッグの練習を行う。

jQueryとJavaScriptの勉強を通じて、Web制作におけるJavaScriptの知識を必要充分に身につけること。

Web制作において、JavaScriptのバンドラーの学習やReact, Vue.jsなどのフレームワークの学びにも進むべき。

この動画はコメント欄から着想を得たもので、視聴者からの質問や問題を深堀りする予定。

チャンネル登録やいいね！を促し、視聴者がコメントしてくれた問題を採用する可能性が高いと述べている。