Webucator Blog

|

Simple Python Script for Extracting Text from an SRT File

Watching movies or TV shows in a foreign language is great for learning that language, but it can be challenging. Quick speech, slang, and background noise can all make understanding more challenging. I find it helpful to have subtitles that match the speech, but foreign-language films/shows don’t always have subtitles. Fortunately, you can often find subtitle files (with a .srt extension) at opensubtitles.org. Unfortunately, those files aren’t easy to read, because they are marked up with timestamps and include every sound made (e.g., mobile phone ringing). Continue Reading »

|

Webucator Awards 2017-18 Computer Science Scholarship

Webucator offers a Computer Science scholarship annually to support a student who shows potential for leadership in the field of Computer Science. Once again, there was a lot of interest in the scholarship this year and we had great candidates to choose from. We are happy to announce that we have selected Albert Appouh as the recipient of our 2017-2018 scholarship. Albert is currently enrolled at Rutgers University and is transferring to Columbia University in the fall.

Albert, congratulations! You are the recipient of Webucator’s $1,000 Computer Science Scholarship for the 2017-18 year! Computer science is an exciting field in which to work and we think and hope you will have an exciting career!

Webucator’s Computer Science Scholarship is awarded annually to a student who shows potential for leadership in the field of Computer Science. The deadline to apply for the 2018-2019 academic year is March 31, 2018.

|

Inline Web Font to Avoid FOUT

Web fonts enable designers and developers to create great looking websites. The decision to use a web font is easy. But the decision of how to load the web font may not be that easy. In this post we’ll quickly review the issue of FOUT (flash of un-styled text) when loading a web font asynchronously, and then I will show you how you can inline the web font data using a Base64 string.

Continue Reading »

|

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

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 »

|

Creating an SVG logo

When creating a logo for a modern website it’s a good idea to use Adobe Illustrator or another program that can create and manipulate vector art to generate an SVG file rather than a photo editing app like Adobe Photoshop that is used to edit and manipulate pixels. The reason to use SVG for a logo and other assets is that SVGs can scale to many different sizes without losing quality and can be manipulated by JavaScript and CSS. In this post I will go over the steps to create a vector logo in Adobe Illustrator and convert it to SVG to be used on your website and lastly how to modify it via code to change size and color.

Continue Reading »