Webucator's Blog

|

5 Important New Features of Angular 7

A few weeks ago, Angular 7 was released alongside a few partner project updates. Surprisingly, most of the new features for Angular 7 actually come from those partner projects, not the framework itself.

The Angular team is currently focused on performance improvements, security and bug fixes. The main ongoing effort for performance is the Ivy renderer, which was not fully ready for Angular 7. It is likely to be released later next year, probably with Angular 8.

Here are the five main new features of Angular 7. Be sure to download our Angular 7 Cheat Sheet as well! 

Continue Reading »

|

How to Choose a JavaScript Framework

Learn JavaScript

Are you trying to choose a JavaScript Framework? The options for libraries and frameworks that are available for JavaScript developers can often seem daunting. Wikipedia currently lists over 100 “notable” JavaScript libraries, ranging from specialized libraries for testing or templating all the way up to complete client-server frameworks. Continue Reading »

|

New Vue.js course

Webucator has added a new course Beginning Vue.js Training.

Vue.js is a JavaScript library for building modern web applications. This course teaches the fundamentals of Vue.js and then introduces Webpack followed by Vuex and Vue Router. This course is for JavaScript web developers who want to learn Vue.js.

|

Preparing for Angular 2

It’s official – Angular 2.0.0 was just released. If you have been putting off learning Angular 2 until it was finalized, that’s OK, but now is the time to get ready and to dive into it. In this post I will give you five steps that you can take to prepare for Angular 2:

  1. Use TypeScript
  2. Use @types Declaration Files
  3. Use Modules
  4. Use controllerAs
  5. Use Angular 1.5

Continue Reading »

|

Drag-and-Drop Sortable with AngularJS and angular-ui-sortable

Learn JavaScript

Setting up a drag-and-drop sortable list when using AngularJS is not a feature that comes packaged in the framework out of the box. To do this we will need to use one of the directives of AngularUI, a companion suite to the AngularJS framework. The component we will use is the angular-ui-sortable which is the jQuery UI sortable feature for Angular.

For this tutorial we will use the following libraries:

  • Bootstrap 3.x
  • AngularJS 1.5.x +
  • AngularUI Sortable
  • jQuery UI (required by AngularUI Sortable)

Continue Reading »

|

Test-Driven Development Using React.js and ES6 Training

We have another new course at Webucator: Test-Driven Development (TDD) Using React.js and ES6.

Course author and trainer Chris Minnick says, “React.js is a revolutionary way to think about building web applications. Once you understand how React works and how to combine it with the right tools and techniques, it can make your code more reusable, more reliable, faster, and more fun to build.”

React is very new and there aren’t many all-in-one guides to learn everything you need to know to be effective with React. Chris wrote this course to fill that gap so that other developers wouldn’t have to go through the hundreds of hours of searching and trial and error that he went through.

The target student for this training class has some prior experience with JavaScript and wants to learn the latest tools and techniques for building fast and modular applications for the web.

Chris Minnick is a prolific author and trainer, and the CEO of WatzThis?. His published books include Writing Computer Code, JavaScript for Kids, Coding with JavaScript For Dummies, Beginning HTML5 and CSS3 For Dummies, Webkit For Dummies, CIW eCommerce Certification Bible, and New Riders’ XHTML.

|

Searchable Bootstrap Accordion Using Angular

The Bootstrap collapse plugin enables some nice functionality, including the ability to create an accordion. In this quick tutorial I want to show you how you can create a way to filter, or search, the data in the accordion. I will be using Angular 1.5 and Bootstrap 3, as well as TypeScript. I will also be using a remote JSON file to create the accordion using the Angular UI Bootstrap directive: uib-accordion. Let’s get started!

Continue Reading »