Hear top speakers from around the world. Learn about the present and future of Angular and its ecosystem, TypeScript, tools and much more
Join us at the beautiful convention center of Dan Panorama hotel, located on the beach. Enjoy full lunch and refreshments throughout the event.
Join our Angular tour of Israel, float in the dead sea, walk in the streets of Jerusalem, and eat great HummusMore details
2018 is the year we start to really bet fully on the web. There is a new web API every other month and browser vendors now see implementing browser API features not just as a way of keeping up to date, but also as a competitive space for getting more users to adopt their browsers. It seems every native feature out there is getting a corresponding Web feature being implemented. This talk focuses on the very simple yet somewhat challenging things that when it comes to implementing specific features on the web. Some of the features include taking pictures with camera devices, accessing video streams Instagram style, accessing user geolocation Uber-Style, offline support for PWA applications and loads of other features. The question this talk aims to answer is can you build apps with really native features with just web technologies today?
NGRX is more than just a state management library for Angular. Instead, it is a set of tools that helps us implement a lean version of a full-blown messaging system. During this session we will learn how to program with messages, the design patterns that we can use and a language that we can use for designing and implementing our next system.
TypeScript is Angular's language of choice. The big power of TypeScript comes from its ability to spot many kinds of errors, typos and improve your code quality and readability. Unfortunately, this does not come for free - even with TypeScript's impressive ability to infer types, you still have to write type annotations yourself in many places. In this talk, I am going to show you a set of tricks that I am using to improve my productivity with TypeScript, by making it add the types for me! You will learn how to use the AST to create your own powerful source code manipulations
As you’re developing your app and adding animation you soon begin to realize that even a small set of simple animations can get complex really fast. By now we’ve become really good at abstracting logic, breaking our apps into components and managing the flow of app state. How do animations fit in all of this though? Unlike state changes which can be instantaneous, animations inherently take time to complete. They may be stopped, queued or interrupted but they must always, always maintain coherency for the user. In this talk we’ll discuss the theory of managing state-based animation, orchestrating animations across different components and animation UX using JS and CSS.
Do you know why you should prefer using Renderer and ViewContainerRef over directly manipulating the DOM? Loads of developers ask this question themselves every day when implementing complex UI manipulation logic. Alas, due to the scarcity of information on the topic many developers don’t have a clear understanding of the tools introduced on top of the pure DOM. This talk brings you on an exciting journey into the architecture of the Angular’s view layer. Using a few common cases we’ll learn how to apply familiar concepts via tools that Angular provides to work with the DOM. We’ll see some surprising consequences of not using these tools. The topics covered in this talk will help you build a coherent mental model and turn you into an Angular DOM manipulation ninja.
Some developers believe that Angular has different types of modules like shared, feature or routing module. They’d be surprised to learn that Angular has none. Using a simple application, this talk will demonstrate how Angular uses a compiler to merge all modules into a single injector. We’ll learn where lazy loaded modules fit into this picture and why modules hierarchy and encapsulation simply don’t exist at runtime. By the end of the talk, you’ll have enough knowledge to avoid unexpected results and will be able to link, load or compile modules like a pro.
How many times have you found yourself implementing the same forms functionality over and over again? Same validations, same error messages and even the same forms designs.
How many times have you copied the whole form because you were using the same fields but in a different context?
Let's build our custom re-usable form inputs and create truly generic forms using Angular.
Tales of an open source library
Rob Wormald, one of Angular's most prominent developers and creator of ngrx, will speak about the latest and greatest in Angular, and what the Angular team is planning for us down the road
NativeScript has opened up a whole new world to Angular developers: the ability to share code directly between your web and native iOS/Android applications. Which is awesome! But, there are various things that we need to take care of in order for that to be possible. We will look into the structure of a code sharing project. Then into techniques of splitting code between web and mobile. And finally, we will look into migration of existing web or NativeScript projects to a code sharing structure. Come for practical tips & tricks on sharing code across multiple development environments and to see how we’ve extended Angular CLI with Schematics to make it all a breeze.
"Yeah, we do want to write tests, just not now, right after this next release... we promise..."
Hi, My name is Shai Reznik and I've got an interesting business opportunity to discuss with you.
In the end of the day we all want to feel confident in our code stability and design and make changes without the fear of breaking something. But getting started with testing is hard, and testing Angular apps can be confusing and overwhelming.
In this talk I'll share with you a few secrets that will jump start you on your way to testing success, a great love life, worldwide fame and a multi billion company with lots of profits and money! But mostly testing success...
And a hug
There you go!
That was a good hug!
Now you can go...
Go I tell you, go have fun!
Don't worry about me, I'll be fine.
Just come and watch my talk and convince 10 other people to watch it too.
In the meantime, as a preparation, watch the free TDD theory course on HiRez.io
In this talk, I will share tips and tricks for building powerful components with lifecycle hooks, templating techniques, and practical use cases. We’ll go beyond the most well-known and commonly-used strategies: what lies beyond ngOnInit, ngOnDestroy, inputs, and outputs? We’ll learn how and when to use other lifecycle hooks to monitor and manipulate component templates. I’ll dig into template reference variables, NgIfElse, declarative templating with the async pipe, view children, and more. Go deeper with components in this talk and come out knowing how to leverage more advanced techniques in your Angular applications!
One of the challenges of using the Redux (ngrx) architecture for a large, complex application is deciding how to model the state object. We will dive into what types of data should be kept in the state (hint: there's no "right" answer), why it should be normalized, and how to organize state to reduce duplicate and nested data and keep reducer logic simple.
Maps, today, are an essential of the internet. Think of any app, and you will realize that it uses a map either to just display a location, or visualize data. Most of these apps, however, also use that map as a user interface, where the user can enter their location and receive corresponding, location based services or suggestions. Take for example car services apps (Uber, Beat), dating apps (Tinder), search-and-discovery apps (Foursquare), or any social app (Facebook, Twitter). In this presentation we will see how to create an Angular app that uses the Google Maps JS API and Firebase to match users together according to their chosen location! We will learn about Angular integration with Google Maps, user input on Google Maps and Angular and data display on Google Maps (the user generated data). The presentation will be interactive and engaging, since participants will be prompted to input their location and see the results live on the big screen. We will see code and examples and discuss implementation techniques.
Angular, React, Vue… they all have their own ecosystem, specific patterns and best practices… For us, the developers, this might become indeed very frustrating as we have to switch between various projects with various libraries… Have no fear, universal solution is here! In this session I will show you how to learn libraries/patterns/tooling only once and apply it everywhere
I want to use Angular for CMS-websites, but it turns out to be harder than expected. In this talk I will go through my journey from thinking it was easy, to banging my head against the wall, to coming out on the other side with a pretty awesome working solution...
Angular is probably the best platform to create a great webapp. but how can we create a web app that will look and feel amazing in any resolution? in the workshop we will learn how to use tradition software architecture and design patterns in order to harness the power of angular platform to create a state of the art webapp that can be viewed in any device, at any resolution. join us to crack one of the biggest challenges of modern webapps.
Have a legacy code that you don't want to maintain? Want to write "from scratch" without completely leaving your legacy behind? Let's do it with micro frontend architecture. In this session we will go over the micro frontend architecture and use it to leverage a legacy code with only little addition, along with adding new features with completely different design. We won't migrate completely, but we will have ourselves a shiny new app, delivered with old one, leaving side by side happily ever after (because losing legacy is not that possible)
We’ve done it! Continuous integration and deployment (CI/CD) with angular-cli. Here’s the full story showing our process, step by step, so you can do it too! Angular.io is a framework for developing enterprise-grade mobile and web applications. While it has some learning curve, when compared to competitors like React and Vue, once mastered, it brings greater development (dev) and production advantages (e.g., better out-of-the-box-features, scalability, performance, etc.). Angular-cli facilitates easy setup and dev with a basic app template, pre-configured web-pack, built-in unit and integration tests, and a set of scripts simplifying dev and build processes. The only thing lacking is a CI/CD environment, wherein we could easily integrate and deploy our application. In this blog post, I will describe WalkMe’s CI /CD architecture, along with the steps required for building it, some of the issues we encountered, and how to overcome them. (Taken from my blog post)
The Gaming industry and the Geo (GIS) domain usually don't intersect. Gaming is for gamers, Geo is for, hmm... Map Makers? However, the area of intersection between the two treasures some interesting potentials waiting to be unleashed. In this talk I will present GeoStrike - an experimental project designed to explore the feasibility of “geo-gaming” - an online geo-referenced 3D shooting game. I will describe the goals, requirements and potentials of such a game. We will discuss the technical challenges we faced while implementing the game. And of course shoot some bullets...Our current architecture and implementation will be presented - GeoStrike Alpha, a shooting game that is built on top of Angular, Apollo GraphQL, NodeJS, CesiumJS & 3D Tiles.