How To,Resources,Tutorial,Wintellect Blogs

Building JavaScript Applications with Angular and Redux

Eric Greene

12 Apr , 2017  

Introduction

The web application world has been disrupted by the plethora of JavaScript technologies which has transformed the development of web applications from being a primarily server-side effort, to primarily a client-side one. Ever since jQuery made cross-browser web applications easy for everyone to create, a steady stream of JavaScript libraries and frameworks have been released at a frantic pace, with each one doing something better, or faster, or both. The overwhelming pace of advancements has left the JavaScript developer exhausted, and the reluctant server-side developer sometimes generations of JavaScript advancement behind. For anyone seeking to catch up, the key is to identify the latest technologies which survive the all-too-common quick obsolescence many JavaScript technologies experience. Instead, JavaScript technologies which will form the cornerstone of many applications today and far into the future need to be selected. Two technologies which fit this requirement are Angular and Redux. Angular is a framework, and Redux is a library, but when combined, they provide a powerful approach for solving many of the problems associated with the building of web applications and cross-platform user interfaces in general.

Angular is a massive user interface framework. It is a highly opinionated and comprehensive solution to many of the challenges of constructing modern user interfaces, particularly within a web browser.… Read more

, , , , , ,

News

Rust, Python, Go Among Most Valued Languages in Developer Survey

Wintellect

28 Mar , 2017  

Stack Overflow has released results of its 2017 Developer Survey, and they paint an interesting picture of stack overflow developer surveythe languages developers love and abhor.

Developers are crushing on Mozilla’s Rust, which earned top honors as the most-loved programming language among the 64,000 coders worldwide who answered the annual survey by Stack Overflow, a social network and job board. Respondents also enthusiastically embraced Python, calling it the language they most wanted to work with in the coming year.

Want to earn big bucks as a developer? Learn Google’s Go or Scala. The two topped the list of best-compensated programming languages in the United States, with experts earning an average of $110,000 a year. Worldwide, developers skilled in Clojure—a Lisp dialect—earned the most, averaging out at $72,000 per year. Dev ops specialist and machine learning specialist were the most lucrative specialties.

JavaScript continues to be the most widely-used language, followed by SQL and Java. As for languages developers would rather not be using, more than 88 percent said they “dread” working with Visual Basic 6, followed by VBA and CoffeeScript.

While the overwhelming majority of developers said they were highly satisfied with the career paths, most also felt they were underpaid.… Read more

, , , , , ,

News,Video,Wintellect Blogs

Introduction to Angular 2 Webinar

Wintellect

17 Feb , 2017   Video

introduction to angular 2

Jump start your Angular 2 development

Wintellect’s Eric Greene presented a live webinar this week an “Introduction to Angular 2” which included live coding demos. Angular 2 is the latest JavaScript UI framework for building cross-platform, single page applications. Utilizing TypeScript, the concepts of Web Components, Reactive programming with Observables, and advanced change detection powered by Zones – Angular 2 is the most cutting edge framework available today.

Eric covered the differences between Angular 1 and 2 as well as a live coding session for the essentials of building components, building templates, data binding and handling events.

We hope you find the recorded webinar session above useful. If you want to download the webinar source code you can find it in Github here and view the slides here.

Want to learn more?

If you are interested in learning more about our Angular On-Demand Online training, Instructor-led training, or Angular consulting for your business, please send us an email.Read more

, , , ,

News

Webinar: Using TypeScript with React

Eric Greene

6 Jan , 2017   Video

Want to learn how to combine TypeScript with React for top-notch enterprise JavaScript coding?

TypeScript makes available critical programming features from C# and Java such as strong-typing, interfaces, and generics. React has become a very popular library for building multi-platform UI components. Combine the two, and you get a powerhouse of rich functionality to code even the most complicated applications. TypeScript even supports the popular JSX language commonly used by React developers.

A new one-hour webinar from Wintellect instructor Eric Greene explores how easy it is to build React components with TypeScript. Click on the video above to view, and share your feedback in the comments.… Read more

, , ,

Wintellect Blogs

End-to-end Testing Electron Apps with Spectron

Jonathan Wood

5 Oct , 2016  

You’ve built a really awesome Electron application, but you want to include a few automated tests to make sure a regression doesn’t occur? Spectron is here to help!

Spectron is Electron’s end-to-end testing library. Let’s see how it we can set it up to use in our own Electron projects.

If you want to go straight to the demo code, the repository is on GitHub.

Setup

For this post and demo code I’ll be using Electron’s quick start repository. This repository has all that is needed to get a quick “Hello World” application going in Electron.

While the quick start repository has all dependencies that we need to run an Electron application, we need to add Spectron to it. This is just another NPM package to install:

npm install --save-dev spectron

To help with our testing and assertions we’ll also bring in a couple of more packages:

npm install mocha chai chai-as-promised

Our package.json file should now have the following dev dependencies:

"devDependencies": {
    "chai": "^3.5.0",
    "chai-as-promised": "^5.3.0",
    "electron": "^1.3.4",
    "mocha": "^3.0.2",
    "spectron": "^3.4.0"
  }

So we can save some keystrokes and make it a bit easier for us to run our tests, I added an NPM script to the package.json file to run our end-to-end tests with mocha.… Read more

, , ,

Wintellect Blogs

Big Ideas Behind Angular2

Dave Baskin

12 Apr , 2016  

When I first started using AngularJS (way back in version 0.8, I believe), I was continually impressed at what it could do. The team I was working with at the time had many discussions on how this young framework could be used effectively within our project. We found ourselves experimenting with different techniques and slowly figuring out what patterns worked best. We were rewarded with many “Aha!!” moments that showed us how much insight went into the framework.

As you probably already know, there’s a new version of AngularJS that is close to being released. The Angular team basically took a step back and considered all the things they learned building Angular1, many ideas and techniques that came about as browser technology matured, and advances to Javascript itself (ES2015 and TypeScript), and rewrote the framework to be a better platform for creating modern web applications.

I’ve spent some time working with the new Angular2 framework and now have a better sense of how it is used. I think the Angular team has done a great job of improving the framework.

I’ve built an example application to manage a list of images. It’s not a full featured application, but I wanted to build something that had a reasonably complex user interface and also incorporated routes and UI controls (and wasn’t a To-Do application).… Read more

, ,

News

NPM Will Make it Harder to Unpublish Code After Left-Pad Fiasco

Paul Ballard

25 Mar , 2016  

NPM, the JavaScript package manager, says it will update its policies after one developer’s removal of 11 lines of code crashed a chunk of the internet earlier this week.

Thousands of software projects, including the popular Babel and React, broke down when developer Azer Koçulu yanked all his code from NPM following a dispute with the company.

The code included a package called left-pad, which pads out strings with zeroes or spaces and had been downloaded by developers from the NPM repository more than 2 million times in the past month. Its removal caused a chain reaction among apps with dependencies on left-pad built in.

In a postmortem on the incident, published on its blog Wednesday, NPM admitted it “dropped the ball in not protecting [developers] from a disruption caused by unrestricted unpublishing.”

“We’ve hit an inflection point in the size of the community and how critical npm has become to the Node and front-end development communities,” says NPM, adding that going forward, the company “will make it harder to un-publish a version of a package if doing so would break other packages.”

The blog post also addressed the dust-up that led the incident, in which Koçulu was contacted by the social network Kik about a module he’d published on NPM, also named Kik.… Read more

, , ,

News

AngularJS 2 Beta Announced

Paul Ballard

16 Dec , 2015  

Santa’s elves aren’t the only ones working hard this December, as the AngularJS team has announced the release of Angular 2 Beta.  This release marks point at which further changes should be minimal and significant applications for production can be built.

Through developer preview and alpha we’ve worked closely with several large projects here at Google including AdWords, GreenTea (Google’s internal CRM system), and Google Fiber. In fact, just a few weeks ago we saw Google Fiber launch on their new Angular 2 code base.  — AngularJS Blog Announcement

For those looking to upgrade, there are two paths that they are suggesting.  The first is “big-bang” or just rewriting your apps to use AngularJS 2.  The second approach is a hybrid model using a new ngUpgrade feature.

ngUpgrade lets you mix Angular 2 into your existing Angular 1 application. You’ll get to take advantage of Angular 2’s improved speed and APIs immediately as you replace components a bit at a time over the course of your releases. — AngularJS Blog

For more information, check out the official announcement, and you can learn more about using ngUpgrade in this blog post on thoughtRam.… Read more

,

How To

Jumping Off the Deep End of Node.js with Kevin Griffin

Paul Ballard

14 Dec , 2015   Video

In this webinar, Kevin Griffin provides an overview of everything you need to know to get started with Node.js from it’s history, to how to serve web pages and how to extend Node.js using NPM.

After a brief discussion of the origins of Node.js in the Google V8 platform, Kevin discusses Node.js performance and the pros and cons of using Node.js.  He then discusses common packages for Node.js.  He then shows a simple web server based in Node.js and how it works.  He then shows how to use the NPM package manager to extend Node.js with Express.  Lastly, he has a detailed Q&A session with the attendees of the live webinar including the difference between Node.js and AngularJS.

For more Node.js information, register for our public course Mastering Node.js/MEAN End-to-End Web Development.

 … Read more

,

News

Microsoft Open Sources the Chakra JavaScript Engine

Paul Ballard

7 Dec , 2015  

One of the best new features of Microsoft’s Edge browser is its fast execution of JavaScript.  This feature is build on a newly designed execution engine that Microsoft calls Chakra.  This weekend at JSConf Microsoft announced that they are releasing the Chakra Engine to Open Source on GitHub.

Unlike other open source announcements, the code isn’t available just yet.  It will be released next month on GitHub as ChakraCore.  ChakraCore won’t be the exact same version that is in the Edge browser and for good reason.  While features like asm.js and ECMAScript 2015 support will be included, much of the code that stitches the Chakra engine to the Edge browser’s HTML rendering will be removed and new diagnostic APIs will be built for ChakraCore that don’t use COM.  This diagram shows the key pieces being open sourced (in purple).

chakra-core-640x510

Currently this code will be targeted at Windows only but Microsoft will be working to extend this to other platforms as well including having already built a version of Node.js that uses Chakra instead of Google’s v8 engine.

 … Read more

, ,