POPULARITY
Catalin Ciubotaru joins the adventure to discuss how to get Angular Universal to send server side HTTP codes to the browser from the back-end when Angular is geared toward the front-end and doesn't natively send status codes. Panel Charles Max WoodSubrat Mishra Guest Catalin Ciubotaru Sponsors Dev Influencers AcceleratorPodcastBootcamp.ioLevel Up | Devchat.tv Links Angular life: Server Status Codes with Angular UniversalGitHub: Catalin Ciubotaru ( FunnyGhost )Twitter: Ciubotaru Catalin ( @_utukku ) Picks Catalin- Just JavaScriptCatalin- The Three-Body ProblemCharles- Tribe of MillionairesCharles- God and Money Charles- The Art of ImpossibleSubrat- Lucifer | Netflix Contact Charles: Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv ) Contact Subrat: Fun Of Heuristic – YouTubeGitHub: Fun Of Heuristic ( funOfheuristic )Twitter: Subrat Kumar Mishra ( @subrat_msr ) Special Guest: Ciubotaru Catalin.
Catalin Ciubotaru joins the adventure to discuss how to get Angular Universal to send server side HTTP codes to the browser from the back-end when Angular is geared toward the front-end and doesn't natively send status codes. Panel Charles Max WoodSubrat Mishra Guest Catalin Ciubotaru Sponsors Dev Influencers AcceleratorPodcastBootcamp.ioLevel Up | Devchat.tv Links Angular life: Server Status Codes with Angular UniversalGitHub: Catalin Ciubotaru ( FunnyGhost )Twitter: Ciubotaru Catalin ( @_utukku ) Picks Catalin- Just JavaScriptCatalin- The Three-Body ProblemCharles- Tribe of MillionairesCharles- God and Money Charles- The Art of ImpossibleSubrat- Lucifer | Netflix Contact Charles: Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv ) Contact Subrat: Fun Of Heuristic – YouTubeGitHub: Fun Of Heuristic ( funOfheuristic )Twitter: Subrat Kumar Mishra ( @subrat_msr ) Special Guest: Ciubotaru Catalin.
Tech News & AMA #6 with our community members Meriem, Youssouf, Abderrahim, Abdelfettah, and Mohamed. During this episode, we discuss the latest Tech News and we answer audience questions about programming, community, new technologies, and much more. Guests Abderrahim Soubai Elidrissi Abdelfettah Sghiouar Mohamed Ez-zarghili Meriem Zaid Notes 0:01 - Introduction. 0:04 - Biggest Tech News in 2020 and the impact of COVID-19. 0:13 - Google Outage. 0:22 - Google monopoly case. 0:35 - The worst-ever US government cyber-attack. 0:43 - New IOS 14 privacy policies? 0:54 - GoDaddy Employees Were Told They Were Getting a Holiday Bonus. It Was Actually a Phishing Test. 0:59 - Zero click venerability & NSO Group. 1:07 - SI and Big Data in Morocco. 1:12 - Bitcoin Approaching $30k. 1:20 - What is a good backend tech stack to build a social media platform? 1:22 - Research labs in Morocco. 1:28 - SEO for react apps. 1:30 - React Native vs Flutter? 1:43 - Angular Universal. 1:50 - Rust and what kind of project we can build with ? 1:54 - Are there any PAAS, CAAS companies in Morocco? 2:09 - React Server Component? 2:11 - Wrap up and goodbye. Links Google Cloud Infrastructure Components Incident #20013 US government cyber-attack AlJazeera Documentary : Pegasus The state of Dev in Morocco Prepared and Presented by Youssouf El Azizi
In this episode, Jeff Whelpley, Google Developer Expert in Angular, shares his expansive knowledge of Search Engine Optimization (SEO) with panelists Aaron Frost, Alyssa Nicol, Brian Love, and Jennifer Wadella. We talk about some of the basics of on-page optimizations such as Time to Interactive, First Meaningful Paint, etc. and the implications for Angular applications.Angular applications, in the context of the browser, are client-based and are built in the browser at runtime. While this provides many benefits to the user experience, it also comes with several challenges for SEO. Aaron and Jeff share some insight into these challenges, as well as the current solutions, including Scully for static prerendering and Angular Universal for server-side rendering.Finally, Jeff shares with us what Angular developers can do to optimize their applications for improved search engine result page rankings, including duplicated content, meta information, interlinking pages, crawl budgets, indexing, inbound links to leaf pages, and more.
--- Video of episode: https://youtu.be/D_fREyRnETM --- Support this podcast: https://anchor.fm/angularair/support
--- Support this podcast: https://anchor.fm/angularair/support
--- Support this podcast: https://anchor.fm/angularair/support
Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot
Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot
Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot
Today I’m honored to have Jeff Whelpley on the show. Jeff is the CTO at GetHuman, and a regular contributor to the Angular Open Source community through his video podcast AngularAir and the Angular Universal project. In this episode Jeff guides us on how we can all contribute to the open source community
Software developer at Softwire, Tim Perry (@pimterry), has created a set of “Server Components”. These are simple, lightweight tools for “composable HTML rendering in Node.js, broadly following the Web Components browser specification, but on the server side”. Rob Dodson (@rob_dodson), Google Developer Advocate & Polymer Legend & Trey Shugart (@treshugart), Atlassian superstar & SkateJS creator, round out the the guests for this episode discussing the reality & the possibilities of using Web Components on the server. Additionally, we look at other projects like the ‘Express Web Components' by Jordan Last that take a different approach to this by running Chromium on the server side. Resources SS rendering for Web Components - https://scotch.io/tutorials/server-side-web-components-how-and-why Server Components Info - https://pimterry.github.io/server-components/ Code - https://github.com/pimterry/server-components Scram.js - https://github.com/scramjs WebComponentsJS Polyfills - https://github.com/webcomponents/webcomponentsjs/tree/v0.7.22 Angular Universal - https://github.com/angular/universal Express Web Components - https://github.com/scramjs/express-web-components
Join us as we look into our crystal ball to see what is coming in the next major release of the popular Angular framework. Kenneth & Len are joined by Mike Geyser from BBD to talk about the upcoming Angular 2 release. Mike has been a web developer for many years, having uploaded websites to Geocities back in the day! The web has changed a lot since the good old days of "single page websites" and "under construction" GIF's, and in this show we look at Angular 2. This major new version has stirred a lot of controversy since it was announced in 2014, with fears around the new tooling, the initial lack of an upgrade path and the adoption of TypeScript as the default language for writing in. Headline features include writing isomorphic applications, easier "native" mobile apps and greater performance than its predecessor. Mike does a great job of showing us what is coming down the pipe. Follow Mike online: - https://twitter.com/mikegeyser Here are some resources mentioned during the show: * Angular 2 - https://angular.io/ * Angular CLI - https://cli.angular.io/ * Angular Universal - https://universal.angular.io/ * NativeScript - https://www.nativescript.org/ * TypeScript - https://www.typescriptlang.org/ * Isomorphic JavaScript - http://isomorphic.net/ * Web Components - http://webcomponents.org/ * Redux - http://redux.js.org/index.html * React Native - https://facebook.github.io/react-native/ * Meteor - https://www.meteor.com/ * Upgrading apps with ngUpgrade - http://blog.thoughtram.io/angular/2015/10/24/upgrading-apps-to-angular-2-using-ngupgrade.html * Babel - https://babeljs.io/ * Protractor - http://www.protractortest.org/ And finally our picks Kenneth: * JavaScript Jabber 209 TypeScript with Anders Hejlsberg - https://devchat.tv/js-jabber/209-jsj-typescript-with-anders-hejlsberg Len: * Falcor - https://netflix.github.io/falcor/starter/what-is-falcor.html Mike: * Tern - http://ternjs.net/ * The ng-show: Angular 2 - https://www.youtube.com/watch?v=aSFfLVxT5vA Thanks for listening! Stay in touch: * Socialize - https://twitter.com/zadevchat & http://facebook.com/ZADevChat/ * Suggestions and feedback - https://github.com/zadevchat/ping * Subscribe and rate in iTunes - http://bit.ly/zadevchat-itunes
02:05 - Jeff Whelpley Introduction and Angular Universal Patterns Twitter Blog Jeffrey Whelpey & Patrick Stapleton: Angular 2 Universal Patterns @ ng-conf angular/universal 03:26 - Backend Implementations 05:07 - Drawbacks zone.js 12:46 - Contribution Patrick Stapleton Tobias Bosch Jeff Cross 16:42 - Caching 19:04 - Other Gotchas Session State App Container 25:40 - The User Experience Hydration 31:29 - Installation and Running Angular Universal 33:24 - The Release Schedule Picks BB-8 Sphero (Joe) Black Man in a White Coat: A Doctor's Reflections on Race and Medicine by Damon Tweedy (Joe) iPhreaks Show Episode 153: Using Mobile Devices to Manage Diabetes with Scott Hanselman (Chuck) The Freelancers' Show Episode 202: Live from MicroConf: Managing a Team with Anders Thue Pedersen (Chuck) DevChat.tv Survey (Chuck) GetHuman (Jeff)
02:05 - Jeff Whelpley Introduction and Angular Universal Patterns Twitter Blog Jeffrey Whelpey & Patrick Stapleton: Angular 2 Universal Patterns @ ng-conf angular/universal 03:26 - Backend Implementations 05:07 - Drawbacks zone.js 12:46 - Contribution Patrick Stapleton Tobias Bosch Jeff Cross 16:42 - Caching 19:04 - Other Gotchas Session State App Container 25:40 - The User Experience Hydration 31:29 - Installation and Running Angular Universal 33:24 - The Release Schedule Picks BB-8 Sphero (Joe) Black Man in a White Coat: A Doctor's Reflections on Race and Medicine by Damon Tweedy (Joe) iPhreaks Show Episode 153: Using Mobile Devices to Manage Diabetes with Scott Hanselman (Chuck) The Freelancers' Show Episode 202: Live from MicroConf: Managing a Team with Anders Thue Pedersen (Chuck) DevChat.tv Survey (Chuck) GetHuman (Jeff)
02:05 - Jeff Whelpley Introduction and Angular Universal Patterns Twitter Blog Jeffrey Whelpey & Patrick Stapleton: Angular 2 Universal Patterns @ ng-conf angular/universal 03:26 - Backend Implementations 05:07 - Drawbacks zone.js 12:46 - Contribution Patrick Stapleton Tobias Bosch Jeff Cross 16:42 - Caching 19:04 - Other Gotchas Session State App Container 25:40 - The User Experience Hydration 31:29 - Installation and Running Angular Universal 33:24 - The Release Schedule Picks BB-8 Sphero (Joe) Black Man in a White Coat: A Doctor's Reflections on Race and Medicine by Damon Tweedy (Joe) iPhreaks Show Episode 153: Using Mobile Devices to Manage Diabetes with Scott Hanselman (Chuck) The Freelancers' Show Episode 202: Live from MicroConf: Managing a Team with Anders Thue Pedersen (Chuck) DevChat.tv Survey (Chuck) GetHuman (Jeff)
Nous discutons avec Laurent Duveau de la version 2 de AngularJS et des nouveautés annoncées le 4,5 et 6 mai dernier lors de la conférence ng-conf 2016. AngularJS est un framework JavaScript libre et open-source développé par Google. Il est fondé sur l'idée que la programmation déclarative excelle pour construire les interfaces utilisateur et le "binding", tandis que la programmation impérative (JavaScript) est mieux adaptée pour exprimer la logique métier. Passionné par les technologies web et mobiles depuis maintenant 20 ans, Laurent Duveau est toujours à l'affut des dernières tendances en technologie afin de mieux service ses clients. Fondateur de l'Académie Angular il passe actuellement son temps à diffuser ses formations techniques à travers le Canada. Liens Angular 2: http://www.angular.io Conférence: http://www.ng-conf.org Sessions: https://www.youtube.com/user/ngconfvideos Formation: http://www.angularacademy.ca TypeScript: http://www.typescriptlang.org NativeScript: http://www.nativescript.org Angular Universal: https://universal.angular.io
Angular Universal Intros for new people History: Jeff’s story with GetHuman, Jeff and Patrick join forces, Getting Universal project going Why Server Rendering? SEO Performance Browser support Preview (i.e. Facebook, etc.) Cache Why Universal? Why not just use service workers? 2 modes of server rendering Can you use it to generate static websites? (Olivier) Pre-rendering vs re-rendering Diff between “universal” and “server rendering” Abstracting out your environment How does it work? (not preboot) Angular 2 Core Rendering Engine (NativeScript, WebWorker, etc.) Universal bootstrap process Preboot What is left before release? Production-ready Documentation Critical 3rd party services Multi-app support Performance Future Non-node.js back ends Crazy caching Partial page rendering and streaming Ng-conf 20 minutes Focused on patterns (i.e. how to deal with common challenges when building universal app) Tips & Picks PatrickJS Ng-Conf ng-conf.com AngularConnect angularconnect.com Jeff Whelpley Original design doc - https://docs.google.com/document/d/1q6g9UlmEZDXgrkY88AJZ6MUrUxcnwhBGS0EXbVlYicY/edit#heading=h.19ijfd7mxdt4 GetHuman - https://gethuman.com Wassim Patrick video readthesource universal - https://www.youtube.com/watch?v=qOjtFjXoebY Ari Fullstackreact.com (product plug) http://www.serverless.com (‘cause it’s cool) Olivier Ui router 1.0.0 alpha 1 All my libs are “unpublish” proof --- Support this podcast: https://anchor.fm/angularair/support
Full-stack Reactive Programming using Angular 2 + Meteor Panelists: Dmitriy Shekhovtsov Guest: Uri Goldshtein#main-content● Intro ○ Who is Uri? ○ What is Meteor? ● Meteor view layer ○ Will Blaze eventually go away in favor of React andAngular? ○ Is React or Angular getting more traction in the Meteorcommunity? ○ What about Angular makes it a good fit as a view layerfor Meteor? ● Server rendering ○ How does server rendering work with Angular 1 Meteor? ○ Have you looked into integrating Angular Universal? ● What is the Future of Meteor? ● How does Angular Meteor compare to: ○ Firebase ○ RelayWrap Up● Upcoming shows: ○ March 1st - NativeScript ○ March 8th - Ionic 2 ○ March 15th - React NativeTips & Picks ● Dmitri ○ http://neo4j.com/blog/open-cypher-sql-for-graphs/ ● Jeff Whelpley ○ new sponsors: Auth0 and Thoughtram ○ AngularConnect.com ● Uri ○ GraphQL http://info.meteor.com/blog/reactive-graphql ○ Guthrie Govan https://www.youtube.com/watch?v=aA8fzsE7tWU ○ Bags http://www.coteetciel.com/en-IL/isar-backpack-raw-canvas-icelandic-ash-laptop-bag --- Support this podcast: https://anchor.fm/angularair/support
02:28 - Ward Bell (and Co.’s) Documentation Contributions for Angular 2 05:39 - Peter Bacon Darwin (and Co.) & Jade 07:38 - John Papa and the Tour of Heroes Tutorial 09:01 - Geoff Goodman & Plunker 10:07 - GDE (Google Developer Expert) Program/Summit 13:37 - Thomas Burleson & Angular Material 16:07 - The Angular Team
02:28 - Ward Bell (and Co.’s) Documentation Contributions for Angular 2 05:39 - Peter Bacon Darwin (and Co.) & Jade 07:38 - John Papa and the Tour of Heroes Tutorial 09:01 - Geoff Goodman & Plunker 10:07 - GDE (Google Developer Expert) Program/Summit 13:37 - Thomas Burleson & Angular Material 16:07 - The Angular Team
02:28 - Ward Bell (and Co.’s) Documentation Contributions for Angular 2 05:39 - Peter Bacon Darwin (and Co.) & Jade 07:38 - John Papa and the Tour of Heroes Tutorial 09:01 - Geoff Goodman & Plunker 10:07 - GDE (Google Developer Expert) Program/Summit 13:37 - Thomas Burleson & Angular Material 16:07 - The Angular Team
Sign up for Angular Remote Conf! 02:35 - Jeff Whelpley Introduction Twitter Blog GetHuman Angular Air 02:53 - Patrick Stapleton Introduction Twitter GitHhub Blog Angular Class 03:39 - Advantages of Server Rendering 14:28 - Universal & Isomorphic 24:11 - Caching and Load Balancing Rendering the Application Rendering the Application with Data 41:29 - Service Worker 43:02 - Bindings 46:36 - Rendering Angular 49:00 - Prerendering 52:41 - Rendering in Angular 2 58:38 - Time Table Picks 14 by Peter Clines (Lukas) ZPacks Cuben Fiber Arc Backpacks (Ward) Angular Remote Conf (Chuck) Iron Sharpens Iron (Chuck) View from the Top (Chuck) GetHuman (Jeff) Angular Universal (Jeff) Open Source (Patrick) Angular Summit (Patrick) AngularConnect (Patrick)
Sign up for Angular Remote Conf! 02:35 - Jeff Whelpley Introduction Twitter Blog GetHuman Angular Air 02:53 - Patrick Stapleton Introduction Twitter GitHhub Blog Angular Class 03:39 - Advantages of Server Rendering 14:28 - Universal & Isomorphic 24:11 - Caching and Load Balancing Rendering the Application Rendering the Application with Data 41:29 - Service Worker 43:02 - Bindings 46:36 - Rendering Angular 49:00 - Prerendering 52:41 - Rendering in Angular 2 58:38 - Time Table Picks 14 by Peter Clines (Lukas) ZPacks Cuben Fiber Arc Backpacks (Ward) Angular Remote Conf (Chuck) Iron Sharpens Iron (Chuck) View from the Top (Chuck) GetHuman (Jeff) Angular Universal (Jeff) Open Source (Patrick) Angular Summit (Patrick) AngularConnect (Patrick)
Sign up for Angular Remote Conf! 02:35 - Jeff Whelpley Introduction Twitter Blog GetHuman Angular Air 02:53 - Patrick Stapleton Introduction Twitter GitHhub Blog Angular Class 03:39 - Advantages of Server Rendering 14:28 - Universal & Isomorphic 24:11 - Caching and Load Balancing Rendering the Application Rendering the Application with Data 41:29 - Service Worker 43:02 - Bindings 46:36 - Rendering Angular 49:00 - Prerendering 52:41 - Rendering in Angular 2 58:38 - Time Table Picks 14 by Peter Clines (Lukas) ZPacks Cuben Fiber Arc Backpacks (Ward) Angular Remote Conf (Chuck) Iron Sharpens Iron (Chuck) View from the Top (Chuck) GetHuman (Jeff) Angular Universal (Jeff) Open Source (Patrick) Angular Summit (Patrick) AngularConnect (Patrick)
Summary Pascal Precht (@PascalPrecht), Senior Software Engineer at Thoughtram & creator of ng-translate, chats with us about the Angular 2 and how developers can get ready today. Resources Angular 2 - http://angular.io TypeScript - http://www.typescriptlang.org/ Definitely Typed - https://github.com/DefinitelyTyped Quick Start - https://angular.io/docs/js/latest/quickstart.html Upgrade App - https://github.com/angular/ngUpgrade Angular Meeting Notes - https://docs.google.com/document/d/150lerb1LmNLuau_a_EznPV1I1UHMTbEl61t4hZ7ZpS0/edit Angular Universal - https://github.com/angular/universal System.js - https://github.com/systemjs/systemjs Pascal's Decorator article - http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html Typescript & Angular 2 - http://victorsavkin.com/post/123555572351/writing-angular-2-in-typescript Routing in Angular http://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html http://blog.thoughtram.io/angularjs/2015/02/19/futuristic-routing-in-angular.html Change Detection - http://victorsavkin.com/post/110170125256/change-detection-in-angular-2 Thoughtram - http://thoughtram.io/ Angular & Git blog at Thoughtram - http://blog.thoughtram.io/ Panelists Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital