Gulp/Babel-loader and Webpack in Visual Studio Code

Sample VS Code config files for gulp-babel-loader.

gulpfile.js

These two lines aren’t needed in node gulp apps, but they make errors (cannot resolve module ‘myModule’…) in VS Code.

package.json

tsd.json

jsconfig.json

tasks.json

T-Mobile Data Usage

Previously, I was on the T-Mobile 1GB plan. Towards the end of the month, I’d always hit 1GB, sometimes a day or two early. I realized that the day or two of lost productivity would be worth upgrading to 3GB… so I did… Now, a day or two before the new month, I’m getting the same warnings and I’m hitting 3GB.

Now, my usage probably has increased a bit, but I doubt by 2GB more… and I’m still on wifi most of the time.

Has anyone else had this experience?

Are these the simplest`Template Strings` in ES6 (JavaScript)?

Instead of a quote, wrap your string in back-ticks ` (on QWERTY this is just above tab, it shares a key with the tilde ~) to make a template string.

Works on: Chrome 41 or greater, Firefox 34 or greater, not currently in IE. Let me know if this is working in the Spartan preview, I’m the biggest windows fan without Win10 installed.

First, let’s check out the console.

Next, in a web page. Here’s a really simple demonstration of the ES6 template string being implemented in the DOM .

 

ES6/HTML5 Import Demo and Tutorial (Video)

“HTML import” is a well put together way to bring in HTML from other files. It uses minimal JavaScript to make it happen natively, and it’s only a matter of time before someone writes a nice little library on making that happen in a way that appears to be magical for designers.

Mozilla’s not supporting them, but now that I’ve used it, I’m think that this syntax was well thought out and will be easily shimmed. (I know you hate shims, but this is really small and should package nicely.)

First, note that this isn’t going to work serving it locally right from your file system. In other words, you can’t just open your HTML files in the browser from the file explorer. If you don’t know how to set up a server, then this might be a bit too advanced for you anyway. No offense, I still suck at that stuff. (why I work as a front ender!) Continue reading “ES6/HTML5 Import Demo and Tutorial (Video)”

How to Install Firefox Developer Edition on Ubuntu Linux (Debian)

Firefox Developer Edition Logo
Great free dev tool

Firefox developer edition has a lot of cool tools to help web developers, designers, and those who want to build for FirefoxOS.  Of course, on Linux, it’s a little harder to install for those who don’t have a lot of experience in the command line, right now. It’s a really easy install, once you know your way around a bit more. This tutorial is assuming your using default settings in Ubuntu/Lubuntu/Xubuntu.

Go here: https://www.mozilla.org/en-US/firefox/developer/

You’ll be presented with various versions available to run in Linux, if you’re using Ubuntu, you’ll want the Debian flavor in either 32- or 64-bit. 32-bit will run on either, so unless you know you’re on 64- bit get the 32-bit. Continue reading “How to Install Firefox Developer Edition on Ubuntu Linux (Debian)”

How do you rate a framework?

This could really be asked of anything. How do you rate a car? How do you rate a programming language?

Wikipedia’s comparison of web frameworks is objective, but useless as a qualitative or meaningful quantitative comparison. It is nice to have dates of last release, but how often are these released? How many people are working on them? Is there any money backing them up?  Is there any interest in big players in keeping these alive and open?  Are they free? Are they open source? How closely do they follow the community goals of the parent language?

How many tutorials are there? How active is the community? What is the frame work used in? How many repos?

I’m not saying that these things need to be put in a chart on Wikipedia or Stack, but we should at least keep these things in mind when discussing them.

What is it good for?

Generally, these aren’t to hard to do one your own.  You can literally Google most of these yourself.

I need some help.

https://espoc.recruiterbox.com/jobs/fk0mhm

Entry level Developer | HTML and Javascript Programming

Clearwater/Saint Petersburg, FL

 

Immediate opening for a smart, ambitious HTML programmer looking for a good work environment at Vericle – a fast paced, innovative Internet billing technology company with extraordinary client-centered culture and focus on client relationships.  Vericle offers integrated cloud-based practice management software, billing and revenue cycle management service, and client coaching for maximum profitability, compliance, practice growth, and office efficiency.

If you are motivated by having a role that

  1. has a purpose – you improve healthcare and you help practice owners reach their goals
  2. promotes mastery – you learn and master your skills
  3. offers autonomy – you develop your own ideas on your own time

then Vericle may be the company for you.

You must love HTML/CSS and JavaScript. You must be self-driven and have a capacity to learn quickly without a lot of supervision. You will be responsible for responding to user support requests and user requirement analysis for a state of the art software application.

RESPONSIBILITIES

Day-to-day work involves responding to time-sensitive end-user and internal user requests (tickets), including:

  • Building new custom documentation
  • Working with end-users to gather requirements
  • Analyzing HTML and JavaScript

SKILLS

  • Proficient in HTML,CSS
  • Knowledgeable in JavaScript
  • Good communication skills
  • Good sense of design and layout

EDUCATION

  1. College education or equivalent
  2. Recent college graduates welcome – on-the-job training available
  3. No previous experience necessary

https://espoc.recruiterbox.com/jobs/fk0mhm

Capitalization of First Letter in Angular with a Custom Filter (And JavaScript generally too).

Capitalization of First Letter in Angular with a Custom Filter (And JavaScript generally too).
Capitalization of First Letter in Angular with a Custom Filter (And JavaScript generally too).

Capital not Capitol.

Angular has some great built in filters, but one case that comes up the Angular doesn’t handle automatically capitalizing the first letter in a string. (Skip to the bottom to get the code snippet if you don’t care about my babbling)

For capitalizing the first letter, but leaving the rest of the string the same, we’ll use the substring, toLowerCase and toUpperCase methods.

I’m assuming you have a module set up, I’m using the app convention.

The regular JavaScript for capitalizing goes like this: Continue reading “Capitalization of First Letter in Angular with a Custom Filter (And JavaScript generally too).”