|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/webpack-crash-course/
课程评论：没有评论
本课程是一门关于使用 webpack 构建前端应用程序的实践课程。课程以 React 为例，通过实操讲解如何使用各种 loader（如 Babel、CSS、Sass、HTML、ESLint）和插件（如 JS 压缩、CSS 文件分离与压缩）来打包模块，目标是让学员能够熟练掌握 webpack 的配置。 课程共包含四个部分： 1. **入门篇**: 介绍 webpack 的核心概念，尽管是入门，但内容非常实用，直接上手代码编写。课程强调，只要完全理解了入门篇的概念，就基本掌握了 webpack 的本质。 2. **Loader 篇**: 详细讲解各种常用的 loader，帮助学员理解如何在实际项目中引入和配置它们。 3. **Plugin 篇**: 介绍常用的 webpack 插件，展示如何利用插件实现更高级的功能，如优化和自动化。 4. **杂项篇**: 涵盖一些不属于 loader 或 plugin 分类的实用技术，例如 Source Map 的配置，以及将 loader 和 plugin 结合使用的复杂场景，如 ESLint 的集成。 整个课程时长约 6 小时，旨在让学员在一天内掌握 webpack 的核心知识和实践技能。课程代码已在 GitHub 上完全公开。
Udemyへようこそ！Udemyのプログラミングおじさん、はむです。本コースは、Reactを題材にして、各種形式のモジュールをローダー(babel/css/sass/html/eslint)やプラグイン(JS圧縮のカスタム/CSSのファイル分離と圧縮)などを駆使してwebpackでバンドルする方法をハンズオン形式で解説します。そして、修了する頃には、ご自身でwebpackの設定が自在にできるようになるというのがゴールとなります。コースで書いたコードは、GitHubに完全公開しており、動作確認の取れているコードを配布していますので、 特に、webpack.config.jsの内容を見ただけでアレルギーが出てしまうような方には 是非本コースでwebpackの設定に慣れていただいて、 今後はご自身のプロジェクトで率先して設定の方を進められるようになって頂きたいという情熱で本コースを作成しました。本コースは、 入門編、ローダー編、プラグイン編、そして、落ち穂拾い編の4つのセクションで構成されています。入門編では、webpackが一体どういうものなのかについての大まかな概念を学習します。入門とはいっても、実際にいきなりコードを書いていただきますが、かなり業務に活用できるような実践的な内容にしています。webpackの設定自体は難しいことはあまりなくて、どちらかというと、この後に続く、 ローダー編、とプラグイン編で 細かな設定を行うことが、いわゆるwebpackの設定だと思われがちなんですけれども、 実は、本コースの入門編でしっかり概念を身に付けることができれば ほぼほぼwebpackについての本質は理解できたも同然ということになります。 あとは、以降のローダーとかプラグインといった webpackに関する枝葉の機能を どれだけ使いこなすことができるのかというというところが 実際の現場で問われる課題になってきますが、 この部分はあくまで、扱っている案件、プロジェクトの要件に沿って 適宜、選んでいく部分になりますが、 本コースではいわゆるフロントエンドアプリケーションとして 概ね導入されるであろう有名なローダーやプラグインについて紹介していますので 実際に動画を通じて、なるほど、こういう手順で導入していくんだな！ っていう感じで、流れを掴んでいただければ良いかなと思います。最後に、落ち穂拾い編です。 これは、いわば、応用編のようなセクションになります。 ローダーやプラグインには分類されない、ソースマップの導入のこととか、あるいは、 単純に1つのローダーやプラグインを導入したら終わり！というものではなくて、 ローダーとプラグインを両方を複雑に絡めて、導入することが必要となるeslintの導入などを 扱っているセクションになります。 といった、全部で、約6時間、つまり、1日で習得できるコースとなります。いくつかプレビュー動画をご覧いただけますので是非ご覧になってください。動画の内容はもちろん、僕のレクチャースタイルなどをご確認いただけますので、是非ご覧になってください。プレビューを観るのはタダですので！では、コースの中でお会いできるのを楽しみにしています！Dive into Hacking!はむ
