Angular Talks Digest Q3 2017: A comprehensive collection of the most recent Angular meetup videos

The Angular Talks Digest Q3 is the second in MeetupFeed’s JS Talks series (VueJS went live last week, React is coming next week). This curation includes 45 Angular talks from meetups and conferences from July, August and September. After putting together this exciting collection of Angular talks, we have spent the last two weeks contacting speakers for descriptions, bio, slides and in some cases Github repos.

A huge thank you to all the speakers who helped us creating this digest!

Angular Talks Digest Q3

Enjoy browsing and don’t forget coming back on Week 47 for the next round with all the Angular talks from October.

Retweets and feedbacks are very much appreciated. :)

 

USA

Angular Seattle (Seattle, WA)

UpgradeModule with Angular/AngularJS (48:43)

Jens Bodal (McGraw-Hill Education)

Watch from start to finish as an AngularJS application migrated to be bootstrapped by Angular in what is known as a hybrid Angular/AngularJS application. Strategies, pitfalls, and workarounds will be covered in order to show how to get your app up and running. We will downgrade an Angular component and display it within an AngularJS component, and we will also show how to divide your routes between Angular-handled routes and AngularJS-handled routes (using ui-router). SLIDES.

Jens Bodal is a developer at McGraw-Hill Education working on an internal metadata application used by academic designers to create custom content.  After a stint in the business world doing account management, selling insurance, and eventually managing the IT infrastructure at a local insurance brokerage, he went back to school and received his second bachelor’s degree from Oregon State University through their online post-baccalaureate program.

Change Detection Differences between Angular and AngularJS (20:40)

Mike Giambalvo (Google)

A whirlind tour of change detection in AngularJS, React, and Angular! Slides.

Mike Giambalvo is a developer at Google working on the UI for Google Cloud Platform. He contributes to Angular and Protractor, the end to end test framework for Angular applications. He enjoys introducing people to Angular and is a co-author of Testing Angular Applications. In his copious free time, he enjoys hiking and building crappy robots.

Ice Cream Fight, An Example Angular App (49:41)

Mike Giambalvo (Google)

Want to see what it’s like to create an Angular app from scratch? We’ll be (mostly) live coding IceCreamFight, an web app where you can vote for your favorite flavor of ice cream. You’ll learn how to use Firebase, Angular Material, and ngx-datatable to create professional-looking, useful applications in less time than it takes a sundae to melt! SLIDES.

Important things about JavaScript that no one bothered to tell you (10:58)

Phil Berman (Perfection Learning)

There are a few topics which seem so basic to knowledgeable developers that they get glossed over in documentation and tutorials.  We’ll address these specifically, so as to help beginners get over potential stumbling blocks. SLIDES.

Phil Berman is a software tester at Perfection Learning.  As a one-time developer and a long-time tester, he is looking to catch up on modern web development tools and techniques.  When not doing this, he reads comics, watches anime, and plays various card and video games.

Using Firebase with Angular (12:24)

Ethan Pursley (McGraw-Hill Education)

Brief overview of what firebase provides and how to quickly get started using it with Angular. SLIDES.

Ethan Pursley works at McGraw-Hill Education on an ePub pipeline. He develops highly scalable APIs to handle millions of requests for multiple educational services. In the past Ethan worked at multiple startups where he wore many different hats.  In his free time he enjoys playing video games and riding motorcycles.

Decorators in JavaScript (14:54)

Chris Griffing (Fresh Consulting)

Decorators are coming to JS via spec proposal. It might be a little while before browsers implement them natively, but they are already available via TypeScript and Babel. Angular leverages them heavily. Let’s go on a tour of what they are and what they can do while examining some basic and real world examples. We will also touch on metadata and how some decorators are using metadata to keep things cleaner while developing actual business logic.

Chris Griffing is a full stack developer at Fresh Consulting in Bellevue. Lately, he has been spending a lot of time working with TypeScript and Angular on various client projects. At any given moment, he would probably rather be snowboarding.

Hybrid Angular/AngularJS Testing (15:24)

Jens Bodal (McGraw-Hill Education)

Having solid e2e tests is important when you’re upgrading your application to from AngularJS to Angular. We’ll show you how to set up both Protractor e2e tests and Karma unit tests for an ngUpgrade app. We’ll also show how to produce a code coverage report combining both the Angular and AngularJS sides of your ngUpgrade app.

Jens Bodal is a developer at McGraw-Hill Education working on an internal metadata application used by academic designers to create custom content.  After a stint in the business world doing account management, selling insurance, and eventually managing the IT infrastructure at a local insurance brokerage, he went back to school and received his second bachelor’s degree from Oregon State University through their online post-baccalaureate program.

AngularNYC (New York, NY)

What’s new in Angular 5 (10:44)

Alex Zhang

Incoming major version release! Alex is going to go over the new exciting features in Angular 5. Slides.

Q&A (34:52)

Stephen Fluin (Google)

Stephen, developer advocate on the Angular team will dial in to answer any Angular Questions about angular.

Stephen is a Developer Advocate on the Angular Team at Google. Stephen works to solve real world problems faced by developers and businesses, and to represent the needs of the community within the Angular team.

Scaling Apps Like The Pros! (23:34)

Michael Solati

Now that you’ve made a few components, have gotten routing figured out in your apps, it’s time to step up your ng-game! Learn about the best practices and ways to make fast and large Angular applications like a pro. Slides

Redux: It’s Not Just For React (16:18)

Rebecca Borison (BlueMetal)

While you may assume that Redux does not belong in your Angular apps, it most certainly does. In this talk, we will go over the benefits of using Redux and Angular and look at it in practice. Slides.

Building elegant iOS and Android user interfaces with NativeScript and Angular (34:00)

Ignacio Fuentes

In this talk Ignacio will cover the CSS based approach to styling NativeScript applications as well as leveraging popular external plugins that can help to easily add common UI paradigms into your Angular based NativeScript applications.

Intro to Ionic Hybrid Mobile App Development (30:09)

Michael Carducci

From idea to deployment learn that tools in the Ionic ecosystem that make creating a beautiful native app effortless. In session, we will be diving into the core concepts of ionic, cordova and building native apps. Ionic projects differ slightly from typical angular apps so we’ll be focused on how to apply your existing knowledge quickly. This talk assumes a working familiarity with Angular2, Typescript, HTML5 and CSS.

Authentication with Angular (15:06)

Abhishek Hingnikar (Auth0)

This is a talk talk on demonstrating Angular(2+) APIs and how to use OAuth & OIDC using them highlighting the benefits of using OAuth & OIDC and how developers can use them to protect their applications in minutes.

Angular Material & Flex-Layout (22:56)

Nehal Ahmed (Morgan Stanley)

In this talk, Nehal gives an overview of Angular Material and Angular Flex-Layout. He demos several advanced examples using Material and Flex-layout API.

What’s new in Angular 4.3 (5:39)

Sophia Bok

An overview of new Angular 4.3 changes by Sophia Bok.

DRY Angular Testing (33:58)

Eudes Petonnet-Vincent (VMware Clarity)

In this talk Eudes will start with a typical pattern for Angular testing, as found in the docs, and extract as much as to keep the test files as DRY as possible. With the help of the little-known secret powers of Jasmine and Typescript, he will do it in a way that helps fight memory leaks and give all of you the typing tools you love from your favorite IDE. Demo: https://github.com/youdz/dry-angular-testing

Eudes Petonnet-Vincent is a UI and Angular developer, tech lead for Clarity at VMware. When he’s not working on the overall architecture of Clarity and the quality of the code, he likes to push Angular to its limits by trying out crazy prototypes.

TypeScript: A Friendly Introduction (25:50)

Dan Fusaro

TypeScript is one of the most important part of Angular on your learning curve. Dan talks about TypeScript language basics,  differences between TypeScript vs JavaScript and his personal experience as well as shows some tips and tricks.

Building Hybrid Apps with Angular and Ionic (16:30)

Marc Aupont

Ionic is a tool which allows you to create iOS and Android mobile applications using same Angular code. In this talk Marc gives an overview of Ionic ecosystem and busts the myth about hybrid apps performance.

Angular CLI: Your First App (17:49)

Michael Solati

In this video Michael shows how to build a typical Angular app with basic functionality using CLI tools in just about 15 mins. Demo.

STL Angular Meetup (St. Louis, MO)

Ionic v3: Introduction (1:19:19, Remote)

Kyle Murray (Bullhorn)

“I want to build a native app for that…” – a familiar statement we have all uttered. But what does it take to build native? android? iOS? swift? java?… thankfully there is a quicker way, with Hybrid app development. 

Come and learn about the Ionic framework and learn how you can build a native app, using Angular, SASS, HTML and everything else you love about the web.


Kyle Murray is a UI Developer for Bullhorn by day, and a freelance developer and consultant by night. He currently specializes in hybrid mobile apps built using the Ionic Framework with a number of products in different stages of development and production.

 Demo: https://github.com/MagicAardvark/ionic-presentation

Angular Portland Meetup (Portland, OR)

The State of Angular (1:10:05, Remote)

Jeff Whelpley (GetHuman)

A lot of changes have been happening the world of Angular. How did we get to this point, where are we and where do we go from here? How does Angular stack up to React, Vue and other popular frameworks? Jeff will go over all this in a 30 minute talk and then answer all your questions, concerns, thoughts and dreams.

Jeff Whelpley is the CTO at GetHuman, a Google Developer Expert, co-organizer of Angular Boston and Boston AI meetups, creator of Angular Preboot, co-creator of Angular Universal, and former host of AngularAir.

UtahJS 2017 Conference (Sandy, UT)

Other recordings from the conference are available here: https://www.youtube.com/playlist?list=PLuVqdWOQ-PNkImAnAzU8QJ9g28VNlP-jG

Using Angular 2 Components in a Non Angular app (15:20)

Shridharan Chandramouli (Lucid Software)

Migrating a large and complex JS application over to Angular can be a time consuming and daunting task. In this talk, we will walk through how we did a piecemeal migration of our Lucidpress app over to Ng without a complete rewrite of the app, by dynamically loading Angular components in a JS app. Lucidpress is a large application—hundreds of thousands of lines of handwritten JavaScript. After seeing the success that the community has had with modernizing the UI with Angular, we wanted to follow suit. We didn’t have the resources to do a wholesale rewrite and test all our changes all at once. We wanted to write some new Angular 2 components and do a piecemeal migration towards Angular, without having one big Angular module controlling the entire application. In this talk, I will explain how we got around this problem by dynamically loading Angular components and walk you through the process of setting up a few Angular 2 components in a simple non-Angular JavaScript application.

Australia

ng-sydney (Sydney)

TypeScript 2.4 (41:20)

Meligy

Have you started working with TypeScript 2.x yet? Have you started working with TypeScript at all?

Poland

Angular Warsaw (Warsaw)

AngularJS (1.x) as fast as a lightning (22:04)

Bartłomiej Narożnik

How to optimize AngularJs 1.x applications? Learn well known and less known methods to improve performance of your application.

Ahead Of Time compilation in Angular 4 (20:33)

Miłosz Piechocki

Did you know that a “hello world” Angular application weights over 2 megabytes? Is there anything you can do about it? Sure, with the help of Angular Ahead Of Time compilation. During the talk you will learn what is Angular compiler responsible for, how to enable AOT compilation and what can be gained by doing so (apart from the smaller bundle size). Watch the video and impress your teammates with some knowledge of Angular internals!

Israel

AngularUP 2017 (Tel Aviv)

Angular, the Blockchain, and You (30:21)

Ari Lerner (Fullstack.io)

Perhaps you’ve heard of Bitcoin? If so, you’ve likely heard of the blockchain. Guess what, you can use the blockchain directly in your angular apps. In this talk, we’re exploring the future of trade, trust, and how _you_ can use the blockchain to directly build value into your apps.

Ari Lerner is an author and developer with more than 20 years of experience, as well as co-founder of Fullstack.io. He has been using AngularJS for a long time and is a recognized expert in the field. He co-runs the ng-newsletter, speaks at conferences, constantly produces content all about AngularJS, has recently released Riding Rails with AngularJS, and teaches in-person classes at Hack Reactor. He constantly speaks about AngularJS and more, including talks and workshops such as Angular on Mobile, Powering physical interfaces with Angular at ngConf, and Workshop: AngularJS for beginners.

Mad Science with the Angular Compiler (21:18)

Minko Gechev (Rhyme.com)

One of the most unique features of Angular is the way it performs change detection. The template of each individual component in the app gets transpiled to efficient JavaScript which makes the dirty checking algorithm “obviously fast”. The fast change detection is not the only benefit we get from the template compiler! In this talk we’ll mix some mad science ideas with the Angular compiler and see where we can go!

Minko is co-founder of Rhyme.com and has a big passion for open source. He loves to experiment with theoretical computer science concepts and apply them in practice. Minko teaches, speaks and writes about JavaScript and Angular. Some of the projects he works on are his books “Switching to Angular”, codelyzer, the official Angular style guide, Angular Seed and many others.

Angular and Service Workers (32:38)

Pascal Precht (Thoughtram)

In this talk we’ll explore what role Service Workers play in the landscape of Progressive Web Apps, and how they can be used within Angular applications, by taking a look at how they have been used in the latest angular.io website update

Pascal Precht is a front-end engineer and a Angular Developer Expert nominated by Google. He created the angular-translate module, is an Angular contributor and also part of the Angular Docs Authoring team.

Building High Performance Static Web Site with Angular (30:44)

Uri Shaked (Blackberry)

Traditionally, AngularJS has been used for building rich single-page applications. Nowadays, Angular has become a universal framework, running inside the browser, in the backend and powering your mobile apps. The new Angular version unlocks some interesting use-cases that were not previously possible. In this talk, we are going to see how to set up angular-universal together with fuse-box for building scalable, high-performance static web sites, such as a blog or a landing page that can be easily deployed to gh-pages or Firebase Hosting.

Uri Shaked is a Google Developer Expert for Web Technologies. He created the popular angular-moment open source module and regularly speaks about Web and IoT-related technologies in conferences and meetups. Among his interests are reverse engineering, hardware hacking, building 3D-printed robots and games, playing music and Salsa dancing

Building a roboarmy with Angular (31:48)

Sebastian Witalec (Telerik)

Taking over the world is not an easy challenge. It requires good strategy and a powerful army. What better soldiers than a mass of obedient robots? You just need a way to issue them instruction via their BLE interface. But should you choose to build a web app or a native mobile app? With Angular you can do both; just add Web Bluetooth API to build a web app and NativeScript to build a native mobile app. Join this session to learn how it all works, to see how to get started, and to swear fealty to your new robot overlords.

Sebastian Witalec is a Technical Evangelist for Telerik with over 8 years of experience in software engineering and architecture. Sebastian has passion for all types of technologies. However in the last few years his focus shifted towards cross platform Mobile development where he gained experience with Apache Cordova and NativeScript (a member of the team). He is always happy to learn about the new stuff and to pass the knowledge as far as his voice (or the wire) can take him. Sebastian is based in London, UK actively working with various Dev communities in the area. When not acting techie he is a massive football fan/player (probably bigger at heart than skills).

Talk to Your App (31:05)

Shmuela Jacobs

Technology has given us means to communicate with computers – interfaces such as keyboard, mouse, and touch screen. But when we look to the future, we expect a more natural, intuitive, agile way to use applications: speech. As you can see, the future is already here and voice driven interactions are becoming mainstream. Not only can voice driven interface upgrade our users’ experience, but it opens a world of opportunities for unique use cases. Shmuela will show you how you can leverage Google Cloud Speech API with Angular and Firebase to enable your application to listen and respond to its users.

Shmuela Jacobs is a front-end developer, consultant, speaker, and community activist. She is the founder of ngGirls organization and Angular Nights meetup group. During her academic studies (M.Sc. in Information Management Engineering and B.Sc. in Physics) Shmuela had combined her passions of coding and teaching as a software developer, teaching assistant, science museum guide, and researcher. Today she continues to enjoy these activities developing with Angular and sharing her knowledge and experience in meetups and conferences. Shmuela lives in Tel Aviv with her husband Haggai, their deaf dog Ziggi, and one-eyed cat Franco.

What is “Web Assembly” (9:10)

Ziv Birer

Short introduction to “web assembly” and will it kill JavaScript?

5 Apps 1 Code With Ionic (32:25)

Sani Yusuf (Haibrid)

Learn how to use Ionic to create one app that will serve across IOS, Android, Windows for mobile and also work as a Desktop Web app and also support the Progressive Web App standard to work offline. This will be a live codes sample where we will use 100% same code with Ionic to achieve 5 apps.

Sani Yusuf is a Co-Organiser of the Ionic UK community and writes and creates content around Ionic. He is a Developer, Writer & Trainer and runs a startup called Haibrid that uses cross-platform mobile development techniques to create mobile solutions. When he is not coding, Sani likes to spend time contributing to the tech community and recently travelled the world for 8 months across 12 cities in 3 continents evangelising on mobile

Angular Router – Let’s Get Lazy! (loading) (29:26)

Bartosz Pietrucha (Angular-Academy.com)

Routing in web applications is an essential concept that enables users to navigate throughout them. Angular Router is simple yet powerful for developers to use in their applications. In this talk we will learn mechanics of Angular Router with lazy loading and pre-loading features.

Bartosz Pietrucha is a full-stack software engineer, software consultant and founder of angular-academy.com. For the last couple of years he has been working with clients from Great Britain, Switzerland, Poland and Finland. Having started his professional career with Java, he delved into JavaScript programming and found front-end world extremely fascinating. He wants to share my knowledge via trainings and workshops as it gives him great dose of fulfillment. Currently he is focusing on Angular 2 and TypeScript techonologies ecosystem.

Reactive State Management For Your Angular App (33:54)

Maxim Salnikov

Your Angular application is a reactive system. It reacts to different events and updates the model, then propagates the changes through the component tree. It works like a charm for the simple and non UI-intensive apps. But when you, following this architecture, meet some more complex usecases (like concurrent data modification, complex component intercommunications, the need to keep temporary UI state, etc), it’s time to think about different way to manage the app state. Redux pattern to the rescue! But Redux in Angular way. We have reactive forms, reactive router, observables-based http-client, so let’s have a look at reactive Redux called ngrx/store. In this session: intro to the state management (famous Facebook bug), base principles and components of Redux, converting our regular app to the one using centralized store using ngrx/store, tooling, pros and cons of having centralized store for the state management.

Maxim Salnikov is Oslo-based Web UI Engineer, a Google Developer Expert in Web Technologies and Angular. He develops complex web applications since the end of the last century and has extensive experience with all aspects of web front-end: UX/UI prototyping, HTML/CSS/JS, main frameworks, progressive web apps.

MobX – Performance and Sanity (8:34)

Adam Klein (500Tech)

Tired of the endless boilerplate code of Redux? Afraid to ditch everything you know about Javascript programming in favour of new paradigms? MobX introduces an amazing way to manage your state using plain objects. It is the ‘Object.observe’ that we always fantasized about. In this short talk I will introduce the idea and concept behind MobX, and how it can completely turn your web development process around.

Adam Klein is a frontend developer by day, open sourcerer by night (angular-tree-component, mobx-angular), and the CTO of 500Tech He used to be an international salsa dancer and choreographer, but still finds speaking about code more exciting than dancing in front of an audience. Adam is very involved in the community, and is part of the organizers of the Angular & React meetups and conferences in Israel.

Angular Material CDK, Datatables and more (24:36)

Elad Bezalel

Angular Material aims to give you the components you need to build a quality app in no time at all. In this talk, you will hear the latest status update directly from the team and get a sneak peek at what is coming

Elad is a fullstack developer with a very strong love for design. Since 8 years old, he’s been designing in Photoshop and later on fell in love with programing. This strong bond between design and computer programming gave birth to a new kind of love, and he is currently doing the combination of both, as a core member of the ngMaterial project

Progressive Web Apps with Angular and Firebase (28:33)

Erik Haddad (Google)

Angular is a cross-platform solution for building powerful apps and supports Progressive Web Apps out of the box. Firebase gives you the tools and infrastructure you need to build better apps and grow successful businesses. Learn how Angular and Firebase tools enable you to increase app engagement with faster loads, offline access, authentication, data/media storage, serverless operations, push notifications, and more, through the progressive enhancement of your mobile web apps.

Erik Haddad is a UX Engineer at Google on the Firebase team. Prior to joining Google, Erik was an advanced development engineer at ESPN and Disney.

DI Deep Dive Things you never thought about with Angular’s dependency injection (29:00)

Joe Eames

Dependency Injection is a core part of both versions of Angular, yet often times we take this ubiquitous part of the framework for granted, never considering how it works. In this talk, we’ll look under the hood of the dependency injection system, and learn how it does its job, and see some advanced ways to use it in our code.

Joe Eames, Pluralsight author and Software Craftsmanship Evangelist, Organizer of ng-conf, Front end developer, Pluralsight author and Software Craftsmanship Evangelist.

The Web in an Era of Smart Devices (27:12)

Kenneth Rohde Christiansen (Intel)

The improvements in size, features and price of hardware has ushered new opportunities in creating small, smart devices (aka internet-of-things) which can be integrated in homes and industries. In these places, the devices can help automate common tasks, as well as give information about the state of things, such as temperature of a machine, air quality etc.

Installing an app for one such devices might seem fine at first, but it doesn’t scale nicely to 100s of devices, or devices you seldom interact with, like in an industrial setting. Devices might even have different security restrictions, like being locked behind a physical key.

So how do we communicate with these devices? The web has always been known for its low fraction and easy on-boarding. No need to install any software, just type in a URL and off you go. And it has always been very secure with its sandbox system, and companies can even have URLs be restricted to certain WiFi networks (intranet).

Kenneth Rohde Christiansen is a Danish software engineer and architect, specialized in mobile and web technology. Working at Intel out of Copenhagen, Kenneth helps define Intel’s strategy and plans regarding the Web Platform, as well as puts it into action. Before joining Intel, Kenneth was employed by Nokia (Denmark and Brazil) where he worked on the Nokia N9 web browser, Qt, WebKit, as well as many other mobile projects. Currently working on Progressive Web Apps and emerging web standards like Web App Manifest, Generic Sensors, Web NFC etc.

The AngularJS Migration F.A.Q. (26:17)

Asim Hussain (Microsoft)

If you have ever started blankly at your old AngularJS controller code, with it’s precariously balanced set of $scope.$watches, copious use of third party modules and wondered how the hell to migrate that into your new shiny new Angular app, then this is the talk for you. This won’t be deep dive into the theory of migration, but instead a fast paced practical migration F.A.Q. Answers to the most common questions I get asked about AngularJS migration by real developers migrating real apps.

Asim Hussain is a developer, trainer and speaker with over 16 years experience working for organisations such as the European Space Agency, Google and now a Developer Advocate for Microsoft. He is also author of the book “Angular: From Theory to Practice” and he has taught over 50,000 students Angular, JavaScript and Ionic through his site codecraft.tv.

Unleash the Power of Angular Reactive Form (35:33)

Nir Kaufman (500Tech)

The reactive forms module is powerful. During this session we will live code a form from scratch, going through all the main features such as: validation, reactive state tracking, dynamic form creation and much more…

Nir Kaufman is a Google Developer Expert in web technologies and Angular, worldwide conference speaker, workshop mentor, and tech community leader. The author of two books about Angular and the founder of the ‘’Frontend Band”. Principal Frontend Consultant at 500Tech, a top front-end consultancy.

Multiplayer Game with Angular (22:18)

Michael Haberman

Angular is an awesome framework that allows you to create almost any web application. In this talk we will focus on the gaming field. We will live code a multiplayer game using Angular, see a brief overview how to sync data between users using Firebase. During this session, participants will play the game and we will learn from live debugging.

Michael Haberman (MCT, MCPD, AWS solution architect, GDG organizer) is a senior consultant and Lecturer. He is a fullstack expert, which specializes in rich client technologies such as Javascript, HTML & CSS, Loves Node JS and AWS. Micro services is my new specialty. Michael is the co–author of Microsoft’s official courses for Essentials of Developing Windows Store Apps Using C# (20484C) and Advanced Windows Store App Development Using C# (20485C). In addition to consulting Michael train, lecture and speak at conferences both in Israel and abroad.

Reaching Out with Angular – Accessibility & Internationalization (30:50, the first 3 minutes are in Hebrew)

Noam Kfir

Your app is basically unusable. Whole populations will never even know you exist, and you’re probably alienating many who do. Putting yourself on the map means reaching out to all your potential customers, regardless of whether they use a keyboard or mouse, where they live, the language they speak or sign, or if they need a screen reader to use your app. In this talk, we’ll run through a bunch of quick demos and show how to start preparing your Angular app for people that come from all walks of life.

Leave a Reply

Your email address will not be published. Required fields are marked *