|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/5events10projects/
课程评论:没有评论
本课程名称为【Js】Web页面制作で実際に使用するものだけ - 5つの動作を作って学ぶ,旨在教授学员实际可用于Web页面制作的JavaScript功能。 ### 课程概述: 该课程聚焦于前端开发,特别是JavaScript的实际应用。课程设计将允许学员通过动手实践来学习核心操作,包括点击、悬停、滚动、幻灯片以及表单验证等常用功能。这些都是Web页面中常见的用户交互效果。课程特别适合已经具备HTML/CSS基础,并对JavaScript有一定了解的学员。 ### 适合人群: - 对HTML/CSS有理解(能够制作静态页面)的人。 - 具备基本JavaScript知识的人。 - 类似于Progate平台上完成HTML/CSS/JavaScript课程3周以上的人。 ### 上课注意事项: - 课程不针对HTML/CSS进行解释,只有熟悉这部分知识的人士可以报名。 - 不使用任何JavaScript框架。 - 不对变量和控制结构等基本概念进行解释,重点在于实用示例的构建。 - 课程中提供的代码会包含预先编写的HTML/CSS代码,学员将专注于JavaScript的编写。 - 不会解释代码编辑器的使用方法。 ### 课程优势: 通过本课程,学员能够高效且有针对性地掌握Web页面中常见的动效。这些动效简单易用,也更贴近现实场景,与许多资源中复杂的动画和游戏开发不同,课程强调实用性的学习,避免不必要的复杂性。最终的目标是使学员在没有杂乱思绪的情况下,能够直接应用所学知识到实际的开发项目中。 通过实现真实可用的JavaScript效果,学员在未来也将能更自如地独立创建和实现功能,具备应对不同需求的能力。
このコースは、Webページ制作において現場で使うことできるJavascriptの動作を集め、それを実際に作って学ぶことができます。「このコースの対象者」・HTML/CSSの理解のある方(静的なページが作れる方)・Javascriptの基礎的な知識のある方・Progateを例にすると、HTML/CSS/Javascriptの各コースを最低3周以上こなしている方「受講する際の注意点」・このコースはHTML/CSSの説明はいたしません。HTML/CSSを理解している方のみご受講ください。・Javascriptのフレームワークは使用していません。・変数や制御構文などの基本的な解説は一切いたしません。このコースはあくまで、実際に使える実例を作って学ぶことを目的としています。・このコースでは、すでにhtml/cssの記述が行われているコードが配布されます。Javascriptのみ記述を行っていき、学ぶスタイルとなります。・コードエディターの使用方法の説明はいたしません。「このコースの利点」Webページでよく実装されている動作を、無駄なく、ピンポイントで学ぶことができます。クリック動作・ホバー動作・スクロール動作・スライドショー・フォームのバリデーションが実装できるようなり、これらはWebページ制作で実装されている主とした動作です。多くの本や動画コンテンツでは、様々な動きやゲームを実装するものもありますが、実際にWebページで使用する動きはとても限られています。試しに、twitter・Instagram・Facebook・amazon・udemyのサイトを見てみてください。プラスして、どこかの会社のホームページやランディングページを見ても良いかもしれません。実際に見てわかることは、Webページで実装されている動きというのは、とてもシンプルで限られているということです。そのため、最初はそのシンプルで限られた動きを作れるようになれば良いのです。特に最初のうちは使用しない動作を作ったり、Webページ制作の現場に直結しない意味のないゲームを作る必要はありません。頭が混乱するだけで、実際にそれらを作れるようになっても現場で使うことはまずありません。また、本などで学び変数や文法などに詳しくなっても、実際に使えるコードを書けるようにはなりません。例えるなら、日本の英語教育は英文法などを中心に学び、英語を話すことに直結しない授業を行うため、生徒は実際に英語を話せるようになりません。まさしくこれと同じ状況です。実際に現地で使用する英語を話す訓練をすることで、現場で使える英語が話せるようになるのと同じで、実際に使用するJavascriptの動きを作り、Webページを実装することで上達します。このコースは、この「実際に使用する実例を作る」ことに特化した内容を提供しています。このコースの内容を理解し、実際に実装できるようになることで応用が効くようになります。そうすることで、このコースの内容にない動作を作る際にも、自分自身で考え動きを実装できるようになります。サムネイル:Designed by vectorjuice / Freepik