Webpack Tutorial for Beginners #1 - Course Files & Introduction
Вставка
- Опубліковано 27 гру 2024
- Yo gang, welcome to your very first Webpack for beginners tutorial. In this tutorial I'll show you how to follow along with the course files on github, and also introduce you to what Webpack is and how it can help you with your web projects :).
----- COURSE LINKS:
Repo - github.com/iam...
Atom editor - atom.io/
Download GIT - git-scm.com/
CSS Playlist - • CSS Tutorials For Begi...
HTML Playlist - • HTML Tutorials For Beg...
NODEJS Playlist - • Node JS Tutorial for B...
---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...
SUBSCRIBE TO CHANNEL - / @netninja
========== PSD to WordPress Playlist ==========
• PSD to WordPress Tutorial
============ Node.js for Beginners Playlist =============
• Node JS Tutorial for B...
============== The Net Ninja =====================
For more front-end development tutorials & to black-belt your coding skills, head over to - / @netninja or thenetninja.co.uk
================== Social Links ==================
Twitter - @TheNetNinja - / thenetninjauk
I must say you make everything look so easy. you are a great teacher. Glad i found your channel !
You have the best free content (and better than a lot of paid) I have come across. It's not really even that close. Sure there's a lot of good tutorials here and there but the quality AND quantity you put out is amazing. Thank you!
Thanks so much, really glad you like them!
i am so impressed with your teaching! the fact that you use branches for each lesson is amazing!
OMG, I saw yours playlists list and I want to watch them all... Your videos are amazing... great teaching.... thank you so much.
PS. Already recommended to my friends
hi net ninja rather i should say 'my favorite teacher '
just say thank you ...for teaching me and inspire me to spread knowledge.
Awesome, thanks :). Really glad they help!
You pretty much have every tutorial that i will ever need, thanks !!!
Uh-huh React is coming 😍😍😍
hi shaun, this tutorial is awesome, would you also update this tutorial to webpack v4.x.x please
wow, I want to learn webpack and now booom thanks!!!!!!!!!!!!!!!!!!
thanks man! keep up the great work!
Loving the tutorials and delivery. Do you have a webpack 5 course on the radar?
the best tutorial on webpack,.Thank you!!!
Oohooh do parcel next : )
great course series
probably the simplest tutorial on web/youtube for webpack
thanks for becoming my teacher
2:52 Please, could you explain why did you install these packages?
What should we do if we do not use atom and do not have this packages?
Should we create a local server like in 12th video in Node.js play list then?
Nope, you can use the webpack-server if you don't use Atom I recommend you to use VSCode cause it already has an integrated terminal
Please change your name from Ninja to The GOAT🐐(greatest of all time)
Thank you very much for the series! But if you can update to a new version of webpack, I really appreciate it! There are a lot of changes now, especially for beginners. Thanks in advance!
I have been following your videos since long time. you are a great teacher. thank you very much.
I am getting bit confused
NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack
could u make one video on this, it would be great if you make one. thanks a lot once again😊
Hey, thanks for the nice comment :). And yeah that is a pretty good idea. I know when there's tonnes of tools out there it's sometimes a bit hard to distinguish between them. I'll definitely look into it for sometime soonish.
Thank you very much. I learned from you many solutions for my problems. I keep your lessons on my flashcard. But please can you make your lessons in better quality so letters could be seen clear even in 360p, or make your videos closer to cam or bigger zoom. thank you
beep beep boop
quality is still good
Net Ninja...the begining :)
Thanks my master.
Yaaaas you did it :D ty ( right after I just learned Grunt lol )
Hello mate, I love your tutorials :) Just learning Vue.js throw your content and its great. I want to learn webpack aswell, is this course outdated or I can easily watch this?
Hey Shaun, thanks for the video! Could you please work on Webpack 4 a little bit? Went into several errors following this tutorial, I believe they're like version difference issues. Thanks in advance!
thanks you are awesome sir
Hi can you make some fast course about git and github ? That can be very helpful . Thanks
Thanks :)
Very Helpful
Hey Net Ninja... would u be able to put up a tutorial on compiling multiple pug files using file-loader? instead of using htmlwebpackplugin multiple times for each file. Thanks
what happened to your ninja WOAAHH sound after your introduction? i really loved it :D
I liked it too... But some others didn't :(. They said it scared them. But just maybe I'll sneak one back in sometime soon....
Bring it back!
The sound was unique to your videos. Really liked it.
I agree, it was the level that was way up compared to your audio. Your audios seem to be lower generally. Just figure out the levels and bring it back
true, it scared me too but it was good. Thank you so much for your videos..
love you brother.
When i installed platformio-ide-editor, it installed successfully. However, when opened using ctrl ` only blank terminal appeared, no path. Help?
if you alreasdy know gulp than webpack is not much needed?
Do you need an updated webpack series?
Have you ever looked into Brunch.io? this is what we use at work and love it! i have never used webpack though so i want to take a look at it!
It shows this message when I run webpack script-1.js./bundle.js Can anyone help me please?
No configuration file found and no entry configured via CLI option.
When using the CLI you need to provide at least two arguments: entry and output.
A configuration file could be named 'webpack.config.js' in the current directory.
Use --help to display the CLI options.
Hey Ninja, before I begin I want to ask: Is this up to date? I've seen webpack is now > v.4 and I don't know if the api is still the same
Hey Jose, the code here is a touch outdated now. I keep meaning to do an updated webpack series and will probably get around to it soonish. But the theory behind the code in these videos still applies and I think it may still offer a decent outlook of how webpack works.
great tuts, just record audio with a higher gain... thanks!
Thanks man.
Hello "Ninja Wagon" I dropped here today wondering you can advice me few things.
Firstly, Gulp is missing from the most comprehensive playlist library on the universe { The Net Ninja Channel }, do you plan to create one?
And, Kindly advise me, which one best between Gulp and Webpack!?
as the web tech industry is moving so freaking fast, kinder of "too many whistles, the dog gets knocked out of the line"
and lastly (stick with me master), can we have a "PostCSS" sits (series") on this "Ninja Wagon", I heard is awesome too.
Advice:: Preferably, combine 'gulp / webpack together with PostCSS' to create a one long trip making a real world site, modern web-dev and make it a paid course.
thanks dude, and sorry for the revisit
Greetings from Tanzania
Hey man, it's hard to do a comparison between Gulp and Webpack because they don't really directly compete with each other. Webpack is more of a bundler and Gulp a task runner. Maybe I'll do a gulp series some time, and def an updated Webpack series too (I'll try throw in a bit of PostCSS in that too).
@@NetNinja, thanks buddy; I expected nothing less from you
yea thanks
dear ninja and dear everybody, is this still relevant? :)
In the latest versions of Webpack, some commands have changed and now
Webpack works with a cli. But the core concepts still the same :)
thank you, man.
Thanks my master.