Command Line, NPM, Babel 6 and Webpack 3 Crash Course

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

Master front-end tools modern JavaScript Apps need

This course covers four area:

  1. Command Line

  2. NPM

  3. Babel 6

  4. Webpack 3

If you are a front-end developer and want to develop front-end programs in the modern way, then you just have to master these four skills.

Command Line is the foundation. Without it, you won't be able to operate anything.

NPM is a package manager. Without it, you won't be able to install anything.

ES6 or JavaScript 2015 has brought us lots of news features and can make our program development much easier and more efficient. But currently, most browsers do not support ES6. Therefore, we need Babel to help us translate our ES6 codes into ES5 which can be understood by browsers.

It is impossible for you to create a complicated project using only one JS file. But the problem is that browsers do not support any JS modular system. We allocate our codes into different files for easier development and maintenance. In the end, we bundle all those files into one and link that bundled file to browser. Webpack is the tool we use to bundle files together.

In this course, you will lean all these four techniques.

  • Being able to operate command line instrument

  • Being able to use NPM

  • Being able to use Babel

Instructor

Profile photo of OnlyKiosk Tech
OnlyKiosk Tech

Stop hiding unwanted things in mist (Jordan Peterson, Beyond Order). Shake off the dead weight that slows you down. Your time is limited, and you have other things going on in your life. More likely than not, you will only get busier as time goes by. New technologies show up everyday. Existing ones keep upgrading, adopting new features, switching to...

Review
4.9 course rating
4K ratings
ui-avatar of Abeer
Abeer
5.0
4 years ago

Very short and to the point. I recommend this course to anyone that needs a quick and comprehensive overview or needs to prepare for an interview.

  • Helpful
  • Not helpful
ui-avatar of Valentijn Kap
Valentijn K.
4.0
6 years ago

The explanation is very clear. But the Webpack section should be updated. I had to look for some fixes for Webpack 4. And it's probably better to show how to connect babel to webpack.

  • Helpful
  • Not helpful
ui-avatar of Zevik Kaster
Zevik K.
5.0
6 years ago

so far so good. very clear explanations step by step.

  • Helpful
  • Not helpful
ui-avatar of Shawn MĂĽller
Shawn M.
5.0
6 years ago

I tried to find a good webpack course on youtube, they were all outdated.

I came to udemy and bought this one, and so far it is by far easily understandable. It has thought me some stuff I never knew before.

For example the echo command, --depth, and -y.

But the real reason I am giving this five stars is because this is the only time in which I have had a Udemy instructor answer my question. (showing that he actually cares about the students)

  • Helpful
  • Not helpful
ui-avatar of Mario Soots
Mario S.
3.5
6 years ago

need to more explain your moves

  • Helpful
  • Not helpful
ui-avatar of Kay Jay
Kay J.
5.0
7 years ago

quite detailed and easy to follow.

  • Helpful
  • Not helpful
ui-avatar of Mike Watts
Mike W.
5.0
7 years ago

this is exactly what I need!!!

  • Helpful
  • Not helpful
ui-avatar of Andrew doddington
Andrew D.
3.0
7 years ago

Too windows-centric and a bit low level. Voice sounds computer generated though did improve later on.

Over-emphasised trivial details (adding 's' to some tags) while skipping over the more complicated stuff. Could really do with a summary showing all of the files in the eco system and their relationships.

Felt unstructured and ad hoc. Hard to apply in practice.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses