Descrição do Curso

WHAT IS THIS COURSE ABOUT?

This course is all about Webpack 4 and my main goal is to make you understand this tool and how to use all of it's features in a short and clear course. In these two hours that we will spend together I will take you from the basic stuff to the more complex features. After this you will be able to use webpack right after this course in your project.

WHAT IS WEBPACK ?

Webpack is an open-source JavaScript module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. Webpack takes modules with dependencies and generates static assets representing those modules. It’s a module bundler primarily for JavaScript, but it can transform front-end assets like HTML, CSS, even images if the corresponding plugins are included. 

Webpack is one of the best tools out there for bundling. It can be used in any web project, from plain Vanilla JS to Node.js and frameworks like Angular or React. Webpack is starting to grow popular and is currently used in almost all web projects and even large companies are asking for it. So now is the best time to learn Webpack and include it in your resume.

REASONS TO TAKE THIS COURSE ( what you will learn )

Webpack can be tricky to configure and the outdated information that are out there on the web can make him hard to understand. My goal is to show you the latest and the best methods to configure webpack from scratch and how to start using it right after this two hours. We will work with their documentation so you can see for yourself how can you get the informations from there and how to understand it. Here are some of the things that we will learn together:

  • Understand the importance of a tool like webpack

Split your app code bases in modules and then import them where you need them.

  • Learn how to create a development server which will automatically compile your code.

Create different scripts to run webpack in production or development mode.

  • Integrate SCSS/SASS in your project and configure webpack to compile those files to normal CSS

How to inject your style internal or external.

  • Understand the importance of hashing files and how can you do it.

Learn what is tree shaking and how to use it.

  • Learn how to inspect the dependency graph.

Dynamically generate html files.

  • Handle assets like images.

FRIENDLY COURSE

This course will teach you everything you need about Webpack and how to configure it for almost everything. Here is what you get when enroll in this course: 

  • 2 hours * of HD videos

Bite-sized and easy-to-digest videos

  • English closed captions* (not the auto-generated ones provided by Udemy). 

Learn at your own pace  - take your time if required

  • Free helpful support* in the course Q&A when you have questions or get stuck. 

Unlimited access  - watch the course as many times as you wish

  • 30-day money-back guarantee * - try it risk free! You have nothing to lose. 

Certificate of completion  to present to your current or future employer

  • Quizzes* to test what you have learned.

Sounds great? Then let's start to learn Webpack right now.

With a money guarantee of 30 days what do you have to lose?

Detalhes do Curso
en
en
Stan Georgian
Rítmo flexível
Iniciante
2 horas
Detalhes do Curso
en
en
Stan Georgian
Rítmo flexível
Iniciante
2 horas
Descrição do Curso

WHAT IS THIS COURSE ABOUT?

This course is all about Webpack 4 and my main goal is to make you understand this tool and how to use all of it's features in a short and clear course. In these two hours that we will spend together I will take you from the basic stuff to the more complex features. After this you will be able to use webpack right after this course in your project.

WHAT IS WEBPACK ?

Webpack is an open-source JavaScript module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. Webpack takes modules with dependencies and generates static assets representing those modules. It’s a module bundler primarily for JavaScript, but it can transform front-end assets like HTML, CSS, even images if the corresponding plugins are included. 

Webpack is one of the best tools out there for bundling. It can be used in any web project, from plain Vanilla JS to Node.js and frameworks like Angular or React. Webpack is starting to grow popular and is currently used in almost all web projects and even large companies are asking for it. So now is the best time to learn Webpack and include it in your resume.

REASONS TO TAKE THIS COURSE ( what you will learn )

Webpack can be tricky to configure and the outdated information that are out there on the web can make him hard to understand. My goal is to show you the latest and the best methods to configure webpack from scratch and how to start using it right after this two hours. We will work with their documentation so you can see for yourself how can you get the informations from there and how to understand it. Here are some of the things that we will learn together:

  • Understand the importance of a tool like webpack

Split your app code bases in modules and then import them where you need them.

  • Learn how to create a development server which will automatically compile your code.

Create different scripts to run webpack in production or development mode.

  • Integrate SCSS/SASS in your project and configure webpack to compile those files to normal CSS

How to inject your style internal or external.

  • Understand the importance of hashing files and how can you do it.

Learn what is tree shaking and how to use it.

  • Learn how to inspect the dependency graph.

Dynamically generate html files.

  • Handle assets like images.

FRIENDLY COURSE

This course will teach you everything you need about Webpack and how to configure it for almost everything. Here is what you get when enroll in this course: 

  • 2 hours * of HD videos

Bite-sized and easy-to-digest videos

  • English closed captions* (not the auto-generated ones provided by Udemy). 

Learn at your own pace  - take your time if required

  • Free helpful support* in the course Q&A when you have questions or get stuck. 

Unlimited access  - watch the course as many times as you wish

  • 30-day money-back guarantee * - try it risk free! You have nothing to lose. 

Certificate of completion  to present to your current or future employer

  • Quizzes* to test what you have learned.

Sounds great? Then let's start to learn Webpack right now.

With a money guarantee of 30 days what do you have to lose?