Field notes, primers, and case-tested patterns from Rangle on agentic systems, design systems, frontend, and AI strategy.
Showing 468–479 of 509 posts
Change detection at face value is the act of determining if something is the same as it was at a previous time. In the case of this article, the thing that has changed is a web browser's Document Object Model (DOM) and the detection is done by Angular 2. This is an important feature of any web application's view layer and Angular 2 provides developers with many performant and useful tools for detecting change.
Frontend Development
In part 1 of this series we defined a QuoteComponent that displays a random quote on a web page. We showed how to use Angular 2's testing utilities to mock out QuoteService and test the QuoteComponent's presentation logic in isolation.
Frontend Development
Among the many new and exciting features of Angular 2 comes a robust and completely integrated testing module based off of the Jasmine testing framework.
Frontend Development
Rangle's Sr. Talent Manager, Avery Francis, had the opportunity to spend the evening surrounded by brilliant women and men as they listened to thought leaders in the industry challenging the conversations, perceptions and stereotypes around women...
Build Engineering Capability
The web developer's ecosystem has shifted dramatically over the last few years, and this has created opportunities for new approaches to mobile development. The Ionic framework from Drifty Co is a great example of this. Ionic came late into the hybrid-mobile-app development game, but it almost immediately found it's place as a leader in the industry and is now almost synonymous with mobile HTML5 development for many people.
Frontend Development
Now that Angular 2 is in beta, one of the more interesting questions at hand is how can we migrate existing Angular 1.x applications into Angular 2? Fortuntely, the Angular development team have thought about this same question and have introduced the upgrade module as a way to help seamlessly upgrade your application. In this blog post, we'll explore how to downgrade and upgrade components and services from Angular 1.x to Angular 2 and vice versa!
Modernize Your Stack
A few weeks ago Rangle had the privilege of being the first official Women in Software Sponsor for UofT Hacks, a student-run hackathon with over 500 participants chosen from thousands of applicants. The event was a huge success, with Rangle participating in the career fair, as mentors for the students, gathering feedback from students on their experience in the industry so far, and holding an entirely woman organized, led, and staffed professional development panel. Our ultimate goal was to find out more about what the computer science student experience is like, and through that, how we can help foster success with new graduates - especially those who identify as women.
This post was last updated 02/09/2016. One of the features that made Angular 1.x a great tool for developers was how it simplified working with forms. Angular 2 builds on the strong foundation of Angular 1.x and provides even better tools for working with forms and validation. In this blog, we'll take a closer look at some of these upgrades. Also, stay tuned for two other posts in this series that will cover Directives and Observables.
Frontend Cloud
PhoneGapDay 2016 happened in Salt Lake City last week and it was great to see how the mobile ecosystem is evolving. For me, it was a perfect start to 2016 and offered an opportunity to ponder 2015's many innovations (such as Angular 2, Ionic 2, Native Script, and React Native) and what that means for mobile app development.
React
In the years since Angular 1.x was released, web development tools have continued to rapidly evolve. Angular 2 takes full advantage of the feedback from Angular 1.x users to shape many of the new features.
Modernize Your Stack
Angular 1.x still works. Even Angular < 1.2 still works and packs a powerful punch for less than a hundred kilobytes; it's more backwards compatible too. By the time Angular 1.4 came out the framework had grown to nearly one hundred and fifty kilobytes, and dropped support for some older browsers. Angular 2 is now in beta and it is over half a megabyte, and more or less requires developers to use language features not yet supported by current browsers.
Modernize Your Stack
React Native moves JavaScript mobile application development from being simply hybrid, towards a radical fusion of mobile native and hybrid JavaScript development. A powerful omnichannel strategy of learn once, apply everywhere, has made it the choice for many of our mobile apps.
Frontend Development