Cory Rylan

My name is . Google Developer Expert and Front End Developer for VMware Clarity. Angular Boot Camp instructor. I specialize in creating fast progressive web applications.

Twitter @coryrylan Follow @coryrylan
JavaScript

Using Import Maps and Lit Element Web Components

Learn how to use lit-html and lit-element Web Components without a build step using import maps.

Read More
Web Components

Web Component Tutorial - Dropdown

Learn how to build a simple Dropdown Web Component using Shadow DOM, custom properties, custom events, and content slots.

Read More
Angular

Animating Lists with Angular Animations

Learn how to use Angular Animations to make dynamic list transitions.

Read More
Web Components

Using Web Components in Angular

Learn how to seamlessly integrate and use Web Components in Angular, including custom properties and events.

Read More
CSS

Build CSS Themes with CSS Custom Properties and Sass

Learn how to migrate from Sass variables and use CSS Custom Properties to build custom CSS themes.

Read More
CSS

CSS Smooth Scroll Behavior

Learn how create smooth scroll effects with only CSS.

Read More
Angular

Building Reusable Forms in Angular

Learn how to create reusable and nestable forms in Angular.

Read More
Angular

Creating Dynamic Radio Lists with Angular Forms

Learn how to dynamically create a radio list using Angular Reactive Forms and asynchronous data.

Read More
VueJS

Using Web Components in Vue

Learn how to seamlessly integrate and use Web Components in VueJS, including custom properties and events.

Read More
Angular

Angular Hierarchical Dependency Injection

Learn the differences and advantages of both Singleton Services and Component level Services with Angular Hierarchical Dependency Injection.

Read More
Web Components

Using Web Components in Angular Forms

Learn how to integrate Web Components into Angular Forms to get the reusability of Web Components and the great Angular Form API integration.

Read More
ReactJS

Using Web Components in React

Learn how to integrate and use Web Components in React, including custom properties and events.

Read More
Angular

Managing External Links Safely in Angular

Learn how to handle external links to other domains safely with Angular.

Read More
Angular

Preventing Attribute Reflection in Angular

Learn how to prevent Angular component input properties from rendering HTML attributes.

Read More
Angular

STL Angular Meetup the State of Angular in 2019

Recording video of local STL Angular meetup discussing the exciting future of Angular in 2019.

Read More
Angular

Creating a Dynamic Select with Angular Forms

An example of how to build a dynamic select dropdown with Angular Reactive Forms.

Read More
Angular

Angular Reactive Forms Cheat Sheet

An example of every built in input binding for Angular Reactive Forms.

Read More
Angular

Build Accessible Forms with Angular

Learn how to build accessible multi-step forms with Angular. We will cover screen reader and keyboard access use cases.

Read More
JavaScript

Build JavaScript libraries with the Angular CLI

Learn how to build and deploy JavaScript libraries that work everywhere with TypeScript and the Angular CLI.

Read More
VMWare Clarity

Reactive Forms with Clarity UI and Angular

Learn how to create forms with the Clarity UI library and the Angular Reactive Forms API.

Read More
Cory Rylan Blog

2018 Review

A look back at 2018 and my goals for 2019 for Software Development.

Read More
Angular

Theming Angular apps with CSS Custom Properties

Learn how to create dynamic custom themes for Angular apps with CSS Custom Properties.

Read More
Angular

Syncing Multiple Reactive Form Inputs in Angular

Learn how to keep multiple form inputs in sync with each other using Angular's Reactive Forms API.

Read More
VMWare Clarity

A New Role with VMware Clarity

Excited to be starting a new chapter in my career with VMware!

Read More
Web Components

Reusable UIs with Web Components - Angular Lunch

Angular Lunch Meetup, a beginner introduction video to Web Components.

Read More
TypeScript

Rich Domain Models with TypeScript

Learn how to create Rich Domain Models with TypeScript.

Read More
Web Components

Reusable UIs with Web Components - NgHouston

NgHouston Meetup, a beginner video introduction on how to use Web Components.

Read More
RxJS

RxJS Observables versus Subjects

A tutorial on the differences between Observables and various Subjects in RxJS.

Read More
Web Components

Building Web Components with lit-html

A tutorial on building reusable Web Components with lit-html and lit-element.

Read More
Web Components

Introduction To Web Components

A tutorial on building reusable UI components in any JavaScript framework using Web Component APIs.

Read More
Angular

How to make a bug fix in an Angular Library

This short video shows how to make a simple bugfix in the ngx-lite Angular component library.

Read More
JavaScript

You might not need that Class in your JavaScript

Learn how to leverage JavaScript modules for certain advantages over traditional classes when organizing code.

Read More
Cory Rylan Blog

Thoughts on Remote Work

Some of my thoughts on when and why remote work is a great option for programmers and software development.

Read More
RxJS

JavaScript Promises Versus RxJS Observables

Learn the differences between JavaScript Promises and RxJS Observables. Learn why Observables provide more functionality than a typical Promise.

Read More
TypeScript

Private Methods and Properties in TypeScript Classes

Learn how to use private methods and private properties in TypeScript and their benefits.

Read More
Angular

Tree Shakeable Providers and Services in Angular

Learn how to leverage tree shakable providers in Angular for better application performance.

Read More
Angular

Sass and CSS Import Performance in Angular

Learn about performance tricks to watch out for when importing Sass or CSS in Angular Components.

Read More
Angular

Creating a Dynamic Checkbox List in Angular

Learn how to create a dynamic checkbox list with validation using the Angular Reactive Forms API.

Read More
Angular

Introduction to Angular Router Animations

Learn how to apply a simple fade animation to an Angular route.

Read More
Angular

Progressive Web Apps with Angular at the Angular Lunch meetup

Angular Lunch Meetup, learn how to build Progressive Web Apps with Angular.

Read More
RxJS

Reactive Programming with RxJS and Angular - NgHouston

NgHouston Meetup presenting a beginner introduction to RxJS Observables and Angular.

Read More
Angular

Subscribing to Multiple Observables in Angular Components

Learn several ways to subscribe to multiple Observables in Angular Components and manage their subscriptions.

Read More
Angular

Using Angular Forms with Async Data

Learn how to set an Angular form with async data and best UX patterns.

Read More
Angular

Keeping your Angular CLI project up to date

Learn why keeping your Angular CLI project on the latest version can save time and improve performance.

Read More
Cory Rylan Blog

2017 Review

A look back at 2017 and my goals for 2018 for Software Development.

Read More
Angular

Angular Progress Component with SVG

Learn how to build a progress component with Angular and SVG.

Read More
Angular

Angular SEO with schema and JSON-LD

Learn how to use JSON-LD schema in Angular to provide rich structured data to users and better SEO results.

Read More
StencilJS

Using Stencil Web Components in Angular and the Angular CLI

Learn how to publish a Stencil Web Component and use in an Angular CLI app.

Read More
StencilJS

Create your first Web Component with Stencil JS

Create reusable UI components that will work in any JavaScript Framework using StencilJS a Web Component framework.

Read More
Angular

Angular Design Patterns: Feature Services

Simplify features and create more testable components with Feature Services.

Read More
Angular

Angular Tips: Dynamic Module Imports with the Angular CLI

Learn to use the new JavaScript Dynamic Module syntax to lazy load code for better application performance.

Read More
Angular

Angular Design Patterns: Feature and Presentation Components

Learn to create highly decoupled and reusable components with common best practices for component architecure.

Read More
Angular

Angular Tips: Template Binding with Static Types

Learn tips to make Angular templates more aware of our data types and reduce errors using TypeScript interfaces.

Read More
Angular

Angular Component Inheritance and Template Swapping

Learn how to use Angular Component Inheritance to create components with multiple template options.

Read More
Angular

Creating a Custom Debounce Click Directive in Angular

Learn how to create a custom Angular directive to debounce click events.

Read More
Angular

Angular Accessibility Tips and Tricks

Learn multiple tips and tricks to create accessible Angular applications.

Read More
Angular

Custom Preloading and Lazy Loading Strategies with Angular

Learn how to set up custom preloading and lazy loading strategies in Angular for optimal performance.

Read More
Angular

Enforcing Code Coverage in Angular CLI Projects

Learn how to set up minimum code coverage rules for unit testing in an Angular CLI project.

Read More
Angular

Analyzing bundle size with the Angular CLI and Webpack

Learn how to use special Webpack tools to analyze our Angular project bundles and dependencies.

Read More
Angular

Angular Async Data Binding with ngIf and ngElse

Learn how to use the ngIf and ngElse statement to bind async data and Observables to our Angular templates easily.

Read More
Angular

Introduction to E2E Testing with the Angular CLI and Protractor

Learn how to write an end to end tests or also known as integration tests with the Angular CLI and Protractor.

Read More
Angular

Listening to Angular Key Events with Host Listeners

Learn how to listen to keyboard events with Angular and the Host Listener API.

Read More
Angular

Angular Debugging Tips and Tricks

Learn helpful tips and tricks to learn how to easily debug Angular applications.

Read More
Angular

Fast Offline Angular Apps with Service Workers

Learn how to build an offline Angular app with service workers & sw-precache.

Read More
Angular

Angular Multiple HTTP Requests with RxJS

Learn how to handle multiple http requests with the Angular Http service and the RxJS mergeMap operator.

Read More
Angular

Angular Local Development Setup

A quick overview of my local development setup when building Angular applications.

Read More
Angular

Angular Custom Form Controls with Reactive Forms and NgModel

Learn how to build your own Angular custom form input with reactive forms and ngModel template forms.

Read More
Angular

Learn how to add the Internationalization Polyfill to a Angular CLI Project

Learn how to add Intl support to your Angular applications

Read More
Angular

Build a Angular modal dialog with Angular Animate

Learn how to build your own Angular modal dialog component with Angular Animations.

Read More
Angular

Angular Upgrade Strategies with Proxies

A overview of how to upgrade a large scale web application to Angular with server side proxies.

Read More
Angular

Introduction to the Angular CLI

A video talk covering the Angular CLI and how to get started building Angular apps quickly with the Angular CLI.

Read More
Firebase

Deploy Angular CLI Apps to Firebase

Learn how to create an Angular app using the Angular CLI then deploy to a production environment with Firebase.

Read More
Firebase

Fast and Secure Blogs with Firebase

Learn how to create your own fast and secure blog using the static site generator Jekyll and Firebase.

Read More
Angular

Angular CLI - Adding Third Party Libraries

Learn how to add third party libraries to your Angular application using the Angular CLI.

Read More
HTML5

Simple Offline Page with Service Workers

Learn how to add a simple offline reading view to your website using Service Workers.

Read More
Angular

Converting Angular 1 Services to the latest Angular Services

Learn how to convert Angular 1 service factories the most common Angular 1 service pattern to Angular 2.x and later services.

Read More
Angular

Comparing Angular 1 Components to the latest Angular Components

A comparison of Angular 1 components to Angular 2+ components and migration strategies from AngularJS to Angular 2+.

Read More
Angular

Introduction to Angular Routing

Learn how to manage large Angular applications and navigation with the new component router using features such as child routing and route parameters.

Read More
Angular

Angular Development with Visual Studio and Windows

A top down intro to developing Angular applications with Visual Studio and Windows. This will cover from downloading Visual Studio to installing NodeJS for JavaScript tooling support.

Read More
CSS

CSS Encapsulation with Angular Components

A intro on how to better encapsulate your CSS in Angular components. Also learn the different encapsulation techniques and CSS best practices.

Read More
RxJS

Introduction to RxJS Observables and Angular

A introduction tutorial to RxJS Observables and Angular. Learn how to leverage Observables in your Angular applications effectively.

Read More
CSS

Better UX CSS Hover Navigation

Improve CSS hover based navigation using advanced CSS transforms and Pseudo-elements.

Read More
Angular

Introduction to Angular ngClass and ngStyle

Learn how to dynamically control CSS and CSS classes and in Angular using the ngClass and ngStyle directives.

Read More
Angular JS

ES2015 Class in AngularJS Controllers and Services

Learn how to use ES2015 Classes in you AngularJS 1.x Controllers and Services.

Read More
Angular

Introduction to Angular Pipes

A tutorial on learning Angular Pipes. Learn how to create your own custom pipe to trim text content.

Read More
Angular

Creating an Angular Directive

A tutorial on learning the Angular Directive API. Learn how to build a text snippet directive to create text shortcuts in your applications.

Read More
Angular

Angular Form Builder and Validation Management

Learn about the new FormBuilder service and create a custom component to manage form validation in Angular components.

Read More
Cory Rylan Blog

2015 Year Review of Cory Rylan

A review of my blog for 2015 and how things are looking for the future.

Read More
JavaScript

Multiple Sources in GulpJS

Learn how to build a GulpJS setup for large scale projects with multiple source support.

Read More
Angular

Angular Observable Data Services

A tutorial on how to use Observables and how they can improve your Angular data services and managing state in your applications.

Read More
Cory Rylan Blog

Improve Your Technical Reading Skills

Some of my personal tips on how to improve your technical reading skills as a Software Engineer and how to learn more effectively.

Read More
Cory Rylan Blog

Why Enforcing Code Style is Important

Learn why code automated code style checks are important and how to handle introducing them to software development teams.

Read More
Angular

Angular ngFor syntax

A introduction tutorial on how to use the Angular ngFor syntax in component templates to construct lists dynamically.

Read More
JavaScript

JavaScript ES6 Template Strings

A brief tutorial covering the new ES2015/ES6 JavaScript template string syntax.

Read More
JavaScript

Introduction to the Fetch API

A introduction tutorial to the JavaScript Fetch API with some simple use cases.

Read More
Cory Rylan Blog

The Technical Treadmill of Software Development

Learn tips to keep your skills up to date in software and web development while keeping your sanity.

Read More
CSS

CSS BEM Syntax Basics

A beginner tutorial on the CSS BEM naming syntax and how it can improve your CSS architecture.

Read More
JavaScript

JavaScript Module Pattern Basics

A beginner tutorial on the ES5 JavaScript Module Design Pattern and its benefits.

Read More
JavaScript

JavaScript ES6 Class Syntax

A beginner overview tutorial of the ES6/ES2015 JavaScript Class syntax.

Read More
JavaScript

JavaScript Prototypal Inheritance

A beginner tutorial on understanding JavaScript prototypal inheritance.

Read More
Cory Rylan Blog

2014 Blog Update, status and learnings, Cory Rylan.

2014 Blog Update, the good and bad, Cory Rylan

Read More
Cory Rylan Blog

Web Font Performance A Case Study

Web font render performance a case study on EstateSales.NET as large scale public site.

Read More
Cory Rylan Blog

Why I Have Side Projects

A short post on why I have side projects, code in open source, benefits and experiences.

Read More
JavaScript

JavaScript ES6 let

Learn about how the ES6/ES2016 let variable statement works in JavaScript and TypeScript.

Read More
Angular JS

AngularJS Application Organization

Learn how to properly organize AngularJS applications so they are easy to maintain and understand.

Read More
Angular JS

AngularJS Controller As Syntax

Learn the important benefits of the Controller As Syntax in AngularJS and how to implement it correctly.

Read More
Cory Rylan Blog

Site Performance Review 8/2014 Part Two

Part two of my coryrylan.com website performance review 2014.

Read More
Cory Rylan Blog

ASP MVC Critical CSS Performance

ASP MVC Critical CSS Performance. Learn how to improve CSS and HTML render time in the browser.

Read More
Cory Rylan Blog

SVG gzip in Windows Azure

Learn how to enable SVG gzip in Windows Azure cloud hosting.

Read More
Cory Rylan Blog

Site Performance Review 8/2014

Site Performance Review 08/2014, covering web performance issues with my own blog.

Read More
Cory Rylan Blog

Web Con, University of Illinois Conference Notes Part 2.

My notes from the University of Illinois Web Con 2014 Conference 2014 - Programming Languages

Read More
CSS

Web Con, University of Illinois Conference Notes Part 1.

My notes from the University of Illinois Web Con 2014 Conference - CSS Frameworks.

Read More
Cory Rylan Blog

2014 Blog Update

My 2014 Blog Update, status and learnings, Cory Rylan.

Read More
CSS

Thoughts On Large Mobile First Responsive Project

Some of my thoughts on working on a large mobile first responsive design project.

Read More
Cory Rylan Blog

The Performance Advocate

The Performance Advocate, is a important role for pushing web performance in a software development team.

Read More
Cory Rylan Blog

Emotional Interfaces

My thoughts on how to use emotion in user interfaces and design for products.

Read More
Cory Rylan Blog

Agile Development Is Not Bad

My thoughts about the Agile Development process for Software Development.

Read More
JavaScript

Javascript JQuery Ajax

A short code example of how to make a Ajax call in JQuery with ES5 JavaScript.

Read More
Cory Rylan Blog

IOS Character Counter

A short code example of how to make a character counter for IOS in Objective C.

Read More
Cory Rylan Blog

IOS Journey the Observer

A short code example of how to use the observer object for IOS in Objective C.

Read More
Cory Rylan Blog

IOS Journey Load Multi-Threading

A short code example of how to use multi-threading for IOS in Objective C.

Read More
Cory Rylan Blog

IOS Journey Load Animation

A short code example of how to create a load animation for IOS in Objective C.

Read More
Cory Rylan Blog

IOS Web Service

A short code example of how to make a API web service call for IOS with Objective C.

Read More