Webpack 5 (T360)
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.
- 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
Az oktatóról
2008 óta foglalkozom webfejlesztéssel és oktatással egyaránt. 2017 óta tanítok a Training360-nál. Otthonosan mozgok a HTML-CSS-JavaScript hármas és a hozzájuk kapcsolódó technológiák valamint a Python világában. Engem ért a megtiszteltetés, hogy négy alkalommal is összeállíthattam egy-egy feladatsort az Országos IT megmérettetésre. Vallom, hogy ugyanolyan káros a „csak gyakorlati”, mint a „csak elméleti” oktatás. Imádom a naív dolgokat, és nem követem a divatot a programozás terén (sem). Szabadidőmben szívesen írok, blogolok, olvasok, gitározom, túrázom. Már ha van szabadidőm.
