If you haven't used Flexbox yet, you should plan on implementing it into a project this coming year. Flexbox is a much simpler way to handle layout with CSS. As long as you're willing to ignore IE9 (currently less than 1% of browsers), then Flexbox is ready to use in your production sites. Because it requires different syntaxes in some situations, it means that you'll want to use a tool like PostCSS with the AutoPrefixer plugin to take care of some of the discrepancies. Laying out things with Flexbox is so much simpler than the old float model that once you learn it, you won't want to go back.
Because you'll want to work with Flexbox in 2016, you're going to want to learn about it's parent ...PostCSS. It's a tool for converting CSS and it's more than just a way to take care of Flexbox. It's also an engine that allows you to use a variety of plugins, including a Sass-like language called PreCSS, A code minifier called CSSNano or even a plugin called cssNext that lets you use next generation CSS features in today's browsers. I have a couple of courses on PostCSS coming out on Lynda.com real soon. Bookmark my list of courses and take a look at this Demo site or the course Github project for more information.
This year is going to be a second breakout year for Angular JS with a new version that uses a revamped structure. AngularJS popularized app development with features like two way data binding, routing, animations and super simple form validation. The next version of Angular changes the paradigm of how the applications should be built by using an architecture that is focused on components. It's definitely different than what you're used to with Angular 1. On the plus side, it simplifies the way you work with the framework, but is going to require some additional learning (See ES6/TypeScript below). I'll be preparing updates to all of my AngularJS courses, which include Up and Running with AngularJS, Adding Registration to your Application and Building a Data Driven App with AngularJS soon. Building components is a lot like creating custom directives and working with traditional web components, but Angular simplifies the syntax and makes it easier to build and focuses on making sure your apps will be fast and ready for mobile performance.
2015's breakout framework was definitely React, so if you've been holding out, 2016 is the time to give it a chance. React is not a replacement for Angular or other popular frameworks, but specifically focused on building user interface components. There's a lot of things to learn here including the JSX language, state and stateless functional components. . This is also something I want to build a project based course on, so keep an eye our for more on that from me in the future.
Of all the Angular related projects I love, Ionic is by far my favorite. It makes it dead simple to develop mobile applications, so although this project is still in early development, I'm really looking forward to playing with the new version that's currently in Alpha. If you haven't had a chance to play with Ionic, make a bookmark to play with it next year. I'll be working on an update to my courses, so keep an eye out for that as well. Here's the current course:
There's a new version of Bootstrap that will be released later in the year, so that's another thing to put in the list of things to learn. The changes are going to affect you if you plan to update to the new version of the framework. The biggest change is the move from Less to a Sass core, but that's not really something to be too concerned about since both versions are similar. Changes that will be critical for migration are the addition of a new grid tier at 480px, which is inserted within the previous tiers, so that means that your layouts will need to take that into account. Glyphicons are gone, as well as the Affix plugin, so if you've been using those, you'll need to find an alternative. Overall, there are fewer classes, so the framework will be easier to use. It drops IE8 support and now uses ems and rems as the official unit of measure. This one won't take you too long to pick up and don't worry, I'll have you covered with new versions of Bootstrap Essential Training, as well as new project based courses.
This is another interesting technology I've been following. Webpack is a module bundler that makes it easier to manage your project dependencies. So it can take care of loading the necessary scripts that you'll need and combine them into a single file. It can work with other tools like Gulp.js or by itself to provide a simpler way to package not just scripts, but other resources as well. So, it's a bit like what you would do with Browserify, but it promises to be simpler. Unfortunately, I don't think the documentation for this project is as good as it should be, but it definitely looks like it's gaining momentum in terms of acceptance.
This is in the 'time permitting' category for me, but it's one of those things I'm really interested in getting a chance to play with next year. Electron is the technology behind Atom, my favorite text editor and allows you to build cross-platform desktop apps using web technologies. Of course, like Atom, it's made by Github so there's a really good group of people behind it with an impressive list of projects like the Slack Application, Visual Studio and others that use the platform.