– HTML5 (http://www.html5rocks.com/en/): A nice starting point to familiarise yourself with different aspects of HTML5.
– AngularJS (https://angularjs.org/): Probably one of the biggest and most commonly used toolsets/frameworks for web development when it comes to topics such as data binding, directives, etc. While you’re at it, check out the entire so-called “MEAN stack” (http://mean.io/) , which stands for Mongo (https://www.mongodb.org/), Express (http://expressjs.com/), Angular (see above) and Node (https://nodejs.org/). These are four components that can be used to create a full web application, all the way from database storage, to business logic and RESTful API, to front-end web application. As with anything else, there are a number of these full-stack suites out there to achieve this, so look around and try our your options!
– Gradle (https://gradle.org/): There are more build automation systems out there than I can count, but one of the best tools I would recommend you spend some time on getting familiar with is Gradle.
– SASS (http://sass-lang.com/): Extension language for CSS, adding many nice features to the existing CSS functionalities.
– MAMP / WAMP (http://www.mamp.info/en/ / http://www.wampserver.com/en/): Mac and Windows applications for setting up your own web server, which you will always have at least one of when you develop and test out your web applications. As with build automation, there are many tools out there, but these are convenient and easy to start with.
All of the above-mentioned frameworks and toolsets are more or less industry-standard, or work in very similar ways to other industry-standards, and are very powerful. So if you get to know and play around with some of them, it will not only look good on your resume, you’ll most likely be able to put that knowledge to good use in the future, if you’re aiming for a job as a web developer (plus, you’ll probably have fun learning about them, which is awesome).