Lyndsey

You can target the input by something other than an ID, e.g. a class or data-* attribute that will likely not be dynamic.

I assume that tree shaking with Webpack 2.0 would handle unused polyfills since they are individually exported modules?

You can use data-* attributes to achieve this in a much more compact way. This is an example: <!-- data-ref corresponds to the target form to be displayed --> <input id="windowFront" class="js-radio-button" name="window" value="Front" type="radio" data-form="#damageChips"> <!-- target form to be displayed when the radio is changed --> <div id="damageChips" class="form-section js-form-section"> ... </div> // jQuery var $radioButtons = $('.js-radio-button'); var $forms = $('.js-form-section'); $radioButtons.change(function() { var $this = $(this); var targetForm = $this.data('form'); $forms.hide(); $(targetForm).show(); }); Fiddle demo: https://jsfiddle.net/usjoL467/4/

Welcome!

You may want to check out the 'Let's Learn ES6' video series. I have the book version, too, which you can find here.

I'll check that out!

Hi Lee, Welcome to the forum. Feel free to ask any questions

FreeCodeCamp is good, and it's free. You'll find lots of content there

This is true and it is the reason I'd learn the fundamentals first, in particular es5's Array methods which are used heavily. I'd also learn functions, scope and how callbacks work before attempting es6.io.

es6 is JavaScript. It's an update to the language. Personally, I'd start learning the fundamentals of JavaScript: Types / Primitives Conditionals Loops Arrays (in particular array methods such as forEach, map, filter, reduce, every. Mozilla Developer Network is a great resource) Functions Scope etc You can learn all of the above using resources such as Treehouse, Codeschool, Codecademy, FreeCodeCamp, plus many others. You'll also find some of these links useful: https://github.com/lukehoban/es6features https://github.com/addyosmani/es6-equivalents-in-es5 https://es6.io/ (paid course. I wouldn't do this unless you're comfortable with JavaScript fundamentals)

The documentation is easy to follow, which helps. Also, I've been finding the test-first approach OK so far. Writing the test before the implementation means I'm writing less code and it's so much nicer to read. Although, I'm not sure if this is more related to functional programming as I've recently been learning a lot about it and have been trying to implement the methodologies as much as possible. JavaScript is so awesome right now, though!

I've been using Jest for a while now and I have to say I'm really enjoying it. I find it's much faster than Mocha/Chai and it's extendable too which means I can create my own methods for validating data.

Welcome to the forum!

If you're looking for a path to front-end learning, I think this is quite useful: https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/

That course looks good, thanks for that, Jack! Minified files are typically related to the distributed app so I wouldn't normally version those.

I used that tutorial last week. It works well Edit: For those who have a egghead.io subscription, I recently undertook the Practical Git for Everyday Professional Use course. It's worth a look.

An added bonus when writing tests first is that you don't end up with unnecessary code. I found using the test-first approach that my code was much more concise and readable and it only dealt with what it needed to, no bloat. I also ended up re-using much more code than I probably would have had I written the tests after the implementation. I think a good approach is to create some sort of list/diagram describing the application (e.g. what classes/methods are required) then start writing the tests based around that.

For what it's worth, the issue in your original code is because you're trying to use template strings inside single quotes. Template strings should be wrapped in back-ticks: module.exports = { entry: `${srcDir}/app.js` } https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

It's in your <head> tag near the carousel css: <link rel="stylesheet" href="css/owl.carousel.css"><

For code-editors, try: Visual Studio Code: https://code.visualstudio.com/ Atom: https://atom.io/

Thanks, Paul.

Have you used tape and if so, which would you say is better, Tape vs Jest? I'm currently getting to grips with Mocha and Chai but I've seen Eric Elliott mention that we should be using Tape instead, but no mention of Jest. I've looked at a few Jest examples and it looks good.

Welcome Ben! Keep at it, you'll get there

Hi Simon, Welcome to the forum. Take a look around, you'll find some useful design and development related posts in these sub-forums: http://www.webdesignerforum.co.uk/forum/3-website-design-and-layout/ http://www.webdesignerforum.co.uk/forum/24-css-xhtmlhtml-javascript/ CodeCademy (mentioned by Fisicx) is a good place to start. It's free! If you're looking for some other resources, check out: https://teamtreehouse.com/ http://codeschool.com/ https://developer.mozilla.org/en-US/ Feel free to ask any questions.

The best way to learn online is through resources such as Treehouse and Codeschool. Both are beginner resources but you can level up to others such as FrontEndMasters and Egghead when you are more experienced. I'd say learning from the above resources will be far more valuable than most other courses as the materials are kept up to date and you'll be learning from some of the best in the industry. Our own @rbrtsmith is proof of that. Read up on his story: https://teamtreehouse.com/stories/robert-smith