E-1177708

Webpack 5 • E-learning

A kurzus során a résztvevők megismerik a Webpack 5 újításait, valamint a modulok, bővítmények és optimalizálási technikák hatékony alkalmazását a modern webalkalmazások fejlesztésében.
Tananyag szintje
Közepes
Tananyag hossza
5 óra 20 perc
Elérhető képzési nyelvek
  • Magyar
Képzési forma
Személyre szabott ajánlatot szeretnél?
Kollégáink készséggel állnak rendelkezésedre, hogy segítsenek a neked megfelelő megoldás kialakításában.
Ajánlatot kérek

Tematika

Webpack 5
  • 0. lecke - A tanfolyam bemutatása
  • 1. lecke - Webpack projekt előkészítése
  • 2. lecke - A mode, az entry, és output konfigurációk
  • 3. lecke - A Webpack DevServer használata
  • 4. lecke - A elkészítendő SPA bemutatása
  • 5. lecke - A monster.js megírása
  • 6. lecke - A monsterCardFatory függvény megírása
  • 7. lecke - A monsterCardsList komponens elkészítése
  • 08-A createComponent függvény létrehozása
  • 9. lecke - A build ellenőrzése dev és prod módban
  • 10. lecke - Loaderek, a babel-loader bekötése
  • 11. lecke - A .browserslistrc konfigurációs fájl
  • 12. lecke - A devtool konfiguráció, sourcemap generálása
  • 13. lecke - A watch mód, fájlok módosulásának figyelése
  • 14. lecke - A contenthash fájlnévben, gyorsítótárazás
  • 15. lecke - A HtmlWebpackPlugin és a clean opció
  • 16. lecke - A HtmlWebpackPlugin konfigurálása, saját tempalte használata
  • 17. lecke - Az alkalmazás stílusának megírása
  • 18. lecke - A CSS fájlok feldolgozása a style-loader és css-loader segítségével
  • 19. lecke - A CSS fájlba mentése a MiniCssExtractPlugin használatával
  • 20. lecke - A development és a production környezetek külön konfigurációs fájllal I.
  • 21. lecke - A development és a production környezetek külön konfigurációs fájllal II.
  • 22. lecke - A development és a production környezetek konfigurálása egy fájlon belül
  • 23. lecke - Az ESLint használata a JavaScript kódminőség javítása érdekében
  • 24. lecke - Az Stylelint használata a CSS kódminőség javítása érdekében
  • 25. lecke - A PostCSS loader
  • 26. lecke - Képek importálása JavaScript fájlba
  • 27. lecke - Asset Modules I. - képek kezelése
  • 28. lecke - Asset modules II. - Képek basae64 kódolással
  • 29. lecke - Asset modules˙ III. - Szöveges állományok kezelése
  • 30. lecke - CSS háttérképek, és az assetModuleFilename beállítás
  • 31. lecke - A FontAwesome ikonkészlet használata
  • 32. lecke - Saját betűtípusok használata
  • 33. lecke - Statikus állományok másolása a CopyWebpackPlugin-al
  • 34. lecke - Az alkalmazás véglegesítése
  • 35. lecke - A TerserPlugin használata a JS kód minify-olásához
  • 36. lecke - A MiniCssExtractPlugin használata a CSS kód minify-olásához
  • 37. lecke - Képek optimalizálása az squoosh
  • 38. lecke - A performace beállítások használata
  • 39. lecke - A Webpack Bundle Analyzer - a bundle felépítésének vizualizálása
  • 40. lecke - A bundle méretének optimalizálása
  • 41. lecke - A loaderek, pluginok futásidejének elemzése a Speed Measure Plugin használatával
  • 42. lecke - Az output mappastruktúrákának optimalizálása
  • 43. lecke - A konfiguráció optimalizálása
  • 44. lecke - Linterek használata szkriptekkel
  • 45. lecke - Statikus állományok életszerű helyzetben
  • 46. lecke - Összefoglalás
  • 47. lecke - A nodemon használata a webpackkel
  • 48. lecke - Több belépési pont megadása
  • 49. lecke - MPA alkalmazás
  • 50. lecke - Chunkok és a SplitChunksPlugin
  • 51. lecke - A chunkok elnevezése és a cacheGroup opció
  • 52. lecke - A runtime chunk
  • 53. lecke - A CompressionWebpackPlugin használata fájlok tömörítéséhez
  • 54. lecke - A sass-loader sass/scss fájlok kezelésére
  • 55. lecke - A stylelint módosítása
  • 56. lecke - A ts, jsx, tsx fájlok kezelése
Tematika (PDF)