Arik on WebDev and Design
5.3K views | +0 today
Your new post is loading...
Your new post is loading...
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

A quick introduction to explore how components can be created in several frameworks.

A quick introduction to explore how components can be created in several frameworks. | Arik on WebDev and Design | Scoop.it

In this project I want to compare the usage and development of components in several frameworks. To test these frameworks I'll create multiple components from simple to complex to show the differences between these frameworks. I currently plan to look into the following frameworks:

Angular 1Angular 2EmberCycle.jsReact with Redux
Via Jan Hesse
more...
No comment yet.
Scooped by Arik Grinstein
Scoop.it!

Deploying Microservices Architecture with C#, Part 2 -- Visual Studio Magazine

Deploying Microservices Architecture with C#, Part 2 -- Visual Studio Magazine | Arik on WebDev and Design | Scoop.it
Now that we've got the basics of microservices, what happens when we take into production? It's time to make sure your message reaches its intended targets.
Arik Grinstein's insight:
Microservices architecture for .Net Power tools for your architecture tool belt
more...
No comment yet.
Scooped by Arik Grinstein
Scoop.it!

TDD with TypeScript, AngularJS and Node js

Code: https://github.com/jj09/tdd-with-typescript-angularjs-nodejs TypeScript helps to develop and maintain large web applications. Strong typing prevents from ...
Arik Grinstein's insight:

TDDing with TS angular and Node. Great stuff.

more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Typed Arrays in ECMAScript 6

Typed Arrays in ECMAScript 6 | Arik on WebDev and Design | Scoop.it

Typed Arrays are an ECMAScript 6 API for handling binary data. This blog post explains how they work.


Via Jan Hesse
Arik Grinstein's insight:

Types in javascript. Where is the world coming to ??? :)

more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

TypeScript - Silver Bullet for the Full-stack Developers

TypeScript lets you write JavaScript the way you really want to Its a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source. Enjoy writing JavaScript.


Via Jan Hesse
Arik Grinstein's insight:

I really like TypeScript but calling it the Silver Bullet for the full stack developer is a bit excessive in my opinion. What do you think?

more...
Richard Lasjunies's curator insight, September 5, 2015 3:04 AM
It's little bit outdated (ts 1.4) but it's interesting to hear about true experience.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Build a Real-Time Polymer To-Do App

Build a Real-Time Polymer To-Do App | Arik on WebDev and Design | Scoop.it

Today, we’ll be building a realtime collaborative to-do application, where task status is synced in realtime across all connected devices as their state is changed. We’ll use Polymer to build our application, and PubNub to send and receive updates between connected devices, and to sync state.


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Writing AngularJS 1.x with TypeScript

Writing AngularJS 1.x with TypeScript | Arik on WebDev and Design | Scoop.it
AngularJS is a front end JavaScript framework that has gained huge traction and popularity in the development community. TypeScript and AngularJS tutorial.

Note: This tutorial tries to stay editor independent, meaning the concepts apply to TypeScript specifically and not to an editor. When necessary, screenshots showing relevant information will be of VS Code. VS Code is a free, cross platform editor hat has excellent built in TypeScript support.


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Writing AngularJS 1.x with TypeScript

Writing AngularJS 1.x with TypeScript | Arik on WebDev and Design | Scoop.it
AngularJS is a front end JavaScript framework that has gained huge traction and popularity in the development community. TypeScript and AngularJS tutorial.

Note: This tutorial tries to stay editor independent, meaning the concepts apply to TypeScript specifically and not to an editor. When necessary, screenshots showing relevant information will be of VS Code. VS Code is a free, cross platform editor hat has excellent built in TypeScript support.


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Building End-to-End Web Apps Using TypeScript

Creating cross-platform, application-scale JavaScript code that runs in any browser or in any host is very hard. TypeScript is a programming language that changes that situation. In this session, get to know the TypeScript language. Also, see how to build an end-to-end web app using the language.


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

TypeScript Design Patterns

TypeScript Design Patterns | Arik on WebDev and Design | Scoop.it

In software engineering, a design pattern is a general reusable solution to a commonly occurring problem within a given context in software design. A design pattern is not a finished design that can be transformed directly into source or machine code. It is a description or template for how to solve a problem that can be used in many different situations. Patterns are formalized best practices that the programmer can use to solve common problems when designing an application or system. Object-oriented design patterns typically show relationships and interactions between classes or objects, without specifying the final application classes or objects that are involved.

The 23 Gang of Four (GoF) patterns are generally considered the foundation for all other patterns. They are categorized in three groups: Creational, Structural, and Behavioral. This small web application explains these patterns and gives examples on how you can use these patterns in TypeScript.


Via Jan Hesse
Arik Grinstein's insight:

Interesting Read.

more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Ionic Framework Tutorial

Ionic Framework Tutorial | Arik on WebDev and Design | Scoop.it

What You Will Learn:

How to create and build (compile and package) an Ionic project using the CLI (Command Line Interface).

How to start from one of the Ionic starter apps

How to build a modern mobile UI using Ionic components such as side menu, cards, action sheets, etc.

How to create a service using the Angular resource module (ngResource) to access REST services

How to use controllers

How to use routing

How to login with Facebook, and publish information to your feed


Via Jan Hesse
more...
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

How to Implement Node + React Isomorphic JavaScript & Why it Matters

How to Implement Node + React Isomorphic JavaScript & Why it Matters | Arik on WebDev and Design | Scoop.it

With the proliferation of more and more of the web being driven by JavaScript, The speed of the browser DOM is becoming increasingly noticeable.

Lots of sites being driven by popular JavaScript frameworks like Ember, Backbone, or Angular can take a while to render into the DOM. This forces the user to wait for the app to bootstrap itself before they can start viewing & ‘using’ the app.


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

RethinkDB+Angular.js: Building realtime web applications


Via Jan Hesse
more...
No comment yet.
Scooped by Arik Grinstein
Scoop.it!

Building a Mobile App with AngularJS and Ionic [COMPLETE]

Building a Mobile App with AngularJS and Ionic Creating hybrid mobile applications is a great way to leverage your knowledge of web languages like HTML5, ...
Arik Grinstein's insight:

A full 3 hr. step by step example of building a Mobile App with Angular and Ionic

more...
No comment yet.
Scooped by Arik Grinstein
Scoop.it!

Deploying Microservices Architecture with C#, Part 1 -- Visual Studio Magazine

Deploying Microservices Architecture with C#, Part 1 -- Visual Studio Magazine | Arik on WebDev and Design | Scoop.it
What's all the hubbub with microservices? The benefits are in application management and delivery. Paul Mooney shows how in this sample C# app.
Arik Grinstein's insight:

Microservices with C# a cool tool for your architecture toolbelt

more...
No comment yet.
Scooped by Arik Grinstein
Scoop.it!

AngularJS Web Application Development Blueprints - Practical Projects for the Modern Web Developer free ebook

AngularJS Web Application Development Blueprints - Practical Projects for the Modern Web Developer free ebook | Arik on WebDev and Design | Scoop.it
download AngularJS Web Application Development Blueprints - Practical Projects for the Modern Web Developer,If you are a web application developer interested in using AngularJS for a real-life project, then this book is for you.
Arik Grinstein's insight:

A nice free resource for angular devs

 

more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

SurviveJS - Webpack and React

SurviveJS - Webpack and React | Arik on WebDev and Design | Scoop.it
Want to learn Webpack or React? Get started for free and build a Kanban board by following the example project.

SurviveJS - Webpack and React shows you how to build a simple Kanban application based on these technologies. During the process you will learn to:

Set up a Webpack based development and production environment. You will learn to get most out of react-hot-loader and Babel for development.Improve the quality of your code by using ESLint and friends to spot possible mistakes earlier.Get into the React mindset while learning the basics of Alt, an implementation of Flux Application Architecture.Style your React application in various emerging ways.Implement drag and drop for your application using React DnD.
Via Jan Hesse
Arik Grinstein's insight:

A lot of good stuff in this one

more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Build an Etsy Clone with Angular and Stamplay (Part 1)

Build an Etsy Clone with Angular and Stamplay (Part 1) | Arik on WebDev and Design | Scoop.it
In this three-part tutorial series we’ll be building an Etsy clone with Angular and Stamplay. Stamplay is a great development service that handles much of the server and API based stuff for developers. This means you as a developer can focus on the things that matter most to your users; things like user interface, interactions, […]

Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Exploring ES6: Upgrade to the next version of JavaScript

Exploring ES6: Upgrade to the next version of JavaScript | Arik on WebDev and Design | Scoop.it

Exploring ES6 …
Contains reliable and in-depth information on ECMAScript 6, the next version of JavaScript.
Is a book for people who already know JavaScript.
If you are a programmer and want to learn JavaScript (up to and including ECMAScript 5), check out Axel’s book “Speaking JavaScript” (free online).


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Getting started with ECMAScript 6

Getting started with ECMAScript 6 | Arik on WebDev and Design | Scoop.it

Via Jan Hesse
more...
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Video: AngularJS and KendoUI

Video: AngularJS and KendoUI | Arik on WebDev and Design | Scoop.it

The presentation is designed for developers with all levels of experience, from those who had never heard of Angular before to those who are advanced Angular developers and want to learn how to integrate KendoUI.

I also posted the full slide deck and source code that I used in the presentation to GitHub.


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Building Large Scale Web Applications with TypeScript

Building Large Scale Web Applications with TypeScript | Arik on WebDev and Design | Scoop.it

0:00:00 – Intro (about me, and my work)
0:02:35 – Overview of JavaScript today
0:04:42 – voiceCmdr demo
0:06:55 – browser as a platform: rich UI experience and games (built with HTML/CSS/JS)
0:07:57 – TypeScript intro
0:09:25 – DEMO: TypeScript 101: strong typing, classes, inheritance, interfaces
0:26:15 – DEMO: Building web app with TypeScript, npm, bower, gulp, and dst
0:51:38 – ECMAScript 6
0:54:57 – DEMO: transpiling ES6 to ES5
0:57:56 – AngularJS 2
0:58:54 – DEMO: Angular 2 app written in TypeScript
1:06:08 – Angular 2 vs Aurelia
1:11:40 – FEEDBACK please!
1:12:00 – Q&A
1:20:56 – Recommended resources to get started with JavaScript and TypeScript


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Typescript and JSX

JSX support has officially landed in TypeScript! A big thanks to Ryan Cavanaugh and François de Campredon for making this happen. In this post I want to explore how to use JSX and how to make use of TypeScript's #1...


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

JavaScript Code Smells

JavaScript Code Smells | Arik on WebDev and Design | Scoop.it

In the past I've given presentations, recorded videos, and written blog posts about fixing common JavaScript and jQuery bugs. This is a good skill to have, but what about working code? Fixing broken code is important, but have you ever gotten into the situation where your code works, but it doesn't feel quite right... maybe even smells?


Via Jan Hesse
more...
No comment yet.
Rescooped by Arik Grinstein from JavaScript for Line of Business Applications
Scoop.it!

Comprehensive Beginner's Guide To ReactJS

Comprehensive Beginner's Guide To ReactJS | Arik on WebDev and Design | Scoop.it

React in a way, resembles Angular directives but that’s all there is: these directives. In React, they’re called “Components”. When creating a component, certian methods are run (if available). The main one is render which uses data that React exposes (like state, props, etc. more on that later) and uses it to build a fake DOM using “JSX”.

The beauty of ReactJS is its one-way flow which is easier to follow and understand. There is no $digest nor any way to setup $watch. But let’s look at all the cool things about React first:...


Via Jan Hesse
more...
No comment yet.