[Udemy] Webpack 2: Полное руководство разработчика

Webpack 2: Полное руководство разработчика​

Webpack 2: The Complete Developer's Guide​

​

Спойлер: Описание

Webpack is the premier build tool for React and Angular 2 applications. Deployment? &nbsp;Covered. &nbsp;Performance optimizations? We got it. &nbsp;Custom boilerplate creation? &nbsp;Its here! Webpack is notorious for being tricky to configure correctly. &nbsp;In this course you'll master each major feature of Webpack and learn how to optimize it for your own app. &nbsp;Webpack has a&nbsp;<em>wealth</em> of fancy features, but each requires in depth knowledge of how they work. &nbsp;This course is the&nbsp;<em>most</em> comprehensive Webpack course you'll find online, and the only full course on the popular version 2 edition of Webpack. This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build Webpack-based projects. <em>Tired of downloading boilerplates packages&nbsp;with no idea how to change them?</em> React and Angular 2 have seen standalone boilerplate packages flourish, but they come with dense configuration setups that make them challenging to change. &nbsp;With the experience you gain in this course you'll be able to customize your projects to suit your particular needs. So much content! Learn the difference between ES2015 and CommonJS module systems Load ES2015 code with Webpack's&nbsp;Babel Loader Use Webpack to automatically resize and compress images for optimal load times Implement code splitting to dramatically decrease load times Learn to tweak your React project to work perfectly with Webpack Master versioning of your application to reduce the amount of code your users download Deploy your application to AWS, Heroku, Github Pages, or Surge Webpack can be confusing to learn, but after taking this course you'll understand that it is a tool that requires just a bit of concentration to master. &nbsp;Once you hear my explanations of Webpack, you'll come to realize that each concept is straightforward, and only requires the smallest touch of patience to comprehend. &nbsp;No filler here, just laser focus on the most important aspects of Webpack. I always build courses I would want to take, and this is no exception. &nbsp;Every topic is explained in great detail with accompanying diagrams and examples. &nbsp;You'll learn the back story of each feature and learn where to apply them to solve real world problems.&nbsp; Understand the purpose of Webpack in a modern web app Build custom boilerplate projects to serve ES2015 Javascript Deploy Webpack-based projects to AWS, Heroku, and more Enhance the performance of web apps by leveraging Webpack's ecosystem of plugins Enhance code organization through the use of ES2015 JS Modules Any engineer with basic knowledge of Javascript Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He&nbsp;teaches on Udemy to share the knowledge he&nbsp;has&nbsp;gained with other software engineers. Invest in yourself by learning from Stephen's published courses. ​

Webpack-это премьер-построить инструмент для реагирования и угловые 2 приложений. В Развертывании? и nbsp;в крытой. и nbsp;оптимизация производительности? мы получили его. и nbsp;пользовательские шаблонного творения? и nbsp;его здесь! Webpack является пресловутый за то, что сложно правильно настроить. &nbsp;В этом курсе вы будете осваивать каждый основной особенностью Webpack и узнать, как оптимизировать его для вашего собственного приложения. &nbsp;вы Webpack имеет и nbsp;<ЭМ>богатство</ем> необычные особенности, но каждый из них требует углубленного знания о том, как они работают. &nbsp;этот курс является&nbsp;<em>большинству на сайте</em> комплексное Webpack конечно, вы сможете найти в интернете, и только полный курс по популярной версии 2 издание Webpack. Этот курс поможет вам и работает быстро, и научить вас основные знания, необходимые для глубокого понимания и построения Webpack-проекты. <их>устали от загрузки шаблонов пакетов&nbsp;с понятия не имею, как их менять?</ЭМ> Реагировать и угловые 2 видели автономный стандартные пакеты процветать, но они приходят с плотной настроек конфигурации, которые делают их сложными для изменения. &nbsp;с опытом вы получите в этом курсе вы сможете настроить ваши проекты, чтобы удовлетворить ваши конкретные потребности. с таким содержанием! \ Узнаете разницу между ES2015 и систем на commonjs модуль Код ES2015 нагрузки с Webpack ингредиенты:&nbsp;Бабель-погрузчик Использовать Webpack, чтобы автоматически изменять размер и сжимать изображения для оптимального времени загрузки Осуществлять разделение кода, чтобы значительно уменьшить время загрузки Научитесь следить вашего проекта реагируют отлично работать с Webpack Мастер версиями приложения, чтобы уменьшить количество кода пользователей скачать Развертывания приложения в aws, в heroku, github страницы, или всплеск Webpack может сбить с толку учиться, но после прохождения этого курса Вы поймете, что это инструмент, который требует лишь немного концентрации, чтобы освоить. и nbsp;когда вы услышите мои объяснения, Webpack, вы поймете, что каждая концепция проста, и требует только маленького прикосновения терпения, чтобы понять. &nbsp;нет наполнителя здесь, только лазер сосредоточиться на наиболее важных аспектах Webpack. Я всегда строю курсов я хотел бы взять, и это не исключение. и nbsp;каждая тема объясняется в мельчайших подробностях с сопутствующими диаграммами и примерами. &nbsp;Вы узнаете историю каждого объекта и узнать, где их применять для решения реальных проблем.&nbsp;вы \ Понять цель Webpack в современном веб-приложение Создавать собственные шаблонные проекты для предоставления ES2015 на JavaScript Развернуть Webpack-проектов в aws, в heroku, и больше Повышения производительности веб-приложений за счет использования Webpack экосистема плагинов Улучшения организации код за счет использования модулей ES2015 в JS Любой инженер с базовыми знаниями JavaScript и Стефан Гридер был строительный комплекс передних концах JavaScript для крупнейших корпораций в области залива Сан-Франциско. С врожденной способностью упрощать сложные темы, Стивен наставничество инженеров начала свою карьеру в области разработки программного обеспечения в течение многих лет, и теперь расширил этот опыт на своих близких, создания с высоким рейтингом естественно реагируют. Он и nbsp;преподает на udemy, чтобы поделиться знаниями, он не&nbsp;имеет&nbsp;полученные с других инженеров программного обеспечения. Инвестируйте в себя, узнав из опубликованных курсов Стефана. ​

​

Спойлер: Содержание

Curriculum Блок 1: How to Use This Course Урок 1 - Start Here! [01:31] Урок 2 - Links to Github Repos [00:02] Блок 2: What Does Webpack Do? Урок 3 - Why Do We Use Build Tools? [06:38] Урок 4 - Javascript Modules [04:24] Урок 5 - The Purpose of Webpack [04:47] Урок 6 - Webpack in Action [04:54] Урок 7 - Javascript Module Syntax [07:30] Урок 8 - Linking Files with CommonJS [05:16] Урок 9 - Webpack Installation and Configuration [06:31] Урок 10 - More on Webpack Configuration [05:31] Урок 11 - Running Webpack [05:12] Урок 12 - The Bundle.js File [05:59] Урок 13 - Running the App [03:21] Блок 3: Handling Project Assets Урок 14 - Introduction to Loaders [06:20] Урок 15 - Babel Setup for ES2015 [04:08] Урок 16 - Babel Configuration [04:24] Урок 17 - Refactor to ES2015 Modules [03:12] Урок 18 - Handling CSS with Webpack [07:04] Урок 19 - The Style and CSS Loaders [06:13] Урок 20 - Loaders are Tricky! [05:37] Урок 21 - The Extract Text Plugin [06:26] Урок 22 - Handling Images with Webpack [07:18] Урок 23 - Automatic Image Compression [08:48] Урок 24 - Public Paths [04:29] Блок 4: Building for Performance with Webpack Урок 25 - Introduction to Code Splitting [05:44] Урок 26 - Codesplitting in Practice [04:41] Урок 27 - On Demand Code Loading [05:15] Урок 28 - System Import Calls [06:37] Блок 5: Applying Webpack to a Real Project Урок 29 - A Real World Project [02:42] Урок 30 - Setting Up Babel [04:27] Урок 31 - Minimum Webpack Config [06:26] Урок 32 - Vendor Asset Caching [04:34] Урок 33 - More on Vendor Caching [05:10] Урок 34 - Refactoring for Vendor Splitting [09:01] Урок 35 - Effect of Code Splitting [06:27] Урок 36 - Troubleshooting Vendor Bundles [09:37] Урок 37 - Chunk Hashing for Cache Busting [06:03] Урок 38 - Cache Busting Wrapup [05:22] Урок 39 - Cleaning Project Files [04:15] Блок 6: Webpack Dev Server Урок 40 - Introduction to Webpack Dev Server [06:04] Урок 41 - Gotchas with Webpack Dev Server [10:08] Блок 7: React-Specific Topics Урок 42 - React Router with Codesplitting [07:44] Урок 43 - Plain Routes with React Router Codesplitting [10:44] Блок 8: Webpack-Based Deployment for Static Sites Урок 44 - Deployment Options [04:22] Урок 45 - Getting Production Ready [07:44] Урок 46 - Deployment with Surge (Easiest!) [03:55] Урок 47 - Deployment with Github Pages [09:02] Урок 48 - Deployment with AWS S3 [10:17] Блок 9: Webpack-Based Deployment for Dynamic Sites Урок 49 - Deployment of Servers [05:02] Урок 50 - Node and Webpack Integration [05:45] Урок 51 - Webpack Middleware in Development [07:28] Урок 52 - Webpack Middleware in Production [10:29] Урок 53 - Deployment to Heroku [08:03] Урок 54 - Deployment to AWS [07:16] Урок 55 - More on AWS Deployment [05:54]​

Учебный план Блок 1: Как использовать этот курс Урок 1 - Начало Здесь! [01:31] Урок 2 - ссылки на github РЕПО [00:02] Блок 2: Что Webpack Делать? Урок 3 - Почему Мы Используем Инструменты Сборки? [06:38] Урок 4 - JavaScript-Модулей [04:24] Урок 5 - цель Webpack [04:47] Урок 6 - Webpack в действии [04:54] Урок 7 - Синтаксис JavaScript-Модуля [07:30] Урок 8 - связывание файлов с на commonjs [05:16] Урок 9 - Webpack Установка и настройка [06:31] Урок 10 - более подробно о конфигурации Webpack [05:31] Урок 11 - Бег Webpack [05:12] Урок 12 - Файл Bundle.js [05:59] Урок 13 - запустить Приложение [03:21] Блок 3. Обработка Проекта Активов Урок 14 - Введение в погрузчики [06:20] Урок 15 - Установка Бабель для ES2015 [04:08] Урок 16 - Настройка Бабеля [04:24] Урок 17 - Рефакторинг модулей ES2015 [03:12] Урок 18 - обработка CSS с Webpack [07:04] Урок 19 - стиль и погрузчиков в CSS [06:13] Урок 20 - погрузчиков сложно! [05:37] Урок 21 - Извлечь Текст Плагин [06:26] Урок 22 - обработки изображений с Webpack [07:18] Урок 23 - Автоматическое Сжатие Изображения [08:48] Урок 24 - Общественные Пути [04:29] Блок 4: создание потенциала для работы с Webpack Урок 25 - Введение в разбиение кода [05:44] Урок 26 - Codesplitting на практике [04:41] Урок 27 - По Требованию Загрузка Код [05:15] Урок 28 - Импорт Системных Вызовов [06:37] Блок 5: применение Webpack в реальный проект Урок 29 - Реальный Проект [02:42] Урок 30 - Создание Бабеля [04:27] Урок 31 - Минимальный Webpack Конфиг [06:26] Урок 32 - Кэширование Активов Поставщика [04:34] Урок 33 - больше на кэширование поставщика [05:10] Урок 34 - Рефакторинг для разделения поставщика [09:01] Урок 35 - эффект расщепления код [06:27] Урок 36 - Устранение Связки Поставщика [09:37] Урок 37 - Хэширование блока для очистки Кеша [06:03] Урок 38 - Кэш Перебора Подведем Итоги [05:22] Урок 39 - Очистка Файлов Проекта [04:15] Блок 6: Webpack Дев Сервер Урок 40 - знакомство с Webpack Дев сервер [06:04] Урок 41 - проблемы с Webpack Дев сервере [10:08] Блок 7: Темы Реагируют Специфические Урок 42 - реагировать-маршрутизатор с Codesplitting [07:44] Урок 43 - простые маршруты с Codesplitting маршрутизатора реагировать [10:44] Блок 8: Webpack развертывания для статических сайтов Урок 44 - Варианты Развертывания [04:22] Урок 45 - Получаете Готовое Производство [07:44] Урок 46 - развертывание с Пульсацией (простой!) [03:55] Урок 47 - развертывание с github страницы [09:02] Урок 48 - развертывание с aws и S3 [10:17] Блок 9: Webpack развертывания для динамических сайтов Урок 49 - развертывание серверов [05:02] Урок 50 узлов и Webpack интеграции [05:45] Урок 51 - Webpack middleware в развитии [07:28] Урок 52 - Webpack middleware в производстве [10:29] Урок 53 - развертывание на heroku [08:03] Урок 54 - развертывание в aws [07:16] Урок 55 - больше на развертывание АРМ [05:54]​

​