Talks & Activities

Angular is amazing. What's more amazing, is Angular with Nx. And what's even more amazing is Angular with Nx Cloud. With Nx Cloud, your Angular app will literally fly, with shared cache, distributed task execution, smart resource allocation, Nx Agents and our fantastic task Atomizer. A from-build-to-ship process like you've never seen before, Nx will give you a taste of the future. All this, in your favorite Angular project.

As a product advocate at Nx, Katerina Skroumpelou combines her engineering skills with a knack for connecting with clients. In this episode, she shares how clear documentation, scalable architectures, and a collaborative culture can transform software development for the better.

Vite is amazing. What's more amazing is Vite with Nx. And what's even more amazing is Vite with Nx Cloud. With Nx Cloud, your Vite projects will literally fly, with shared cache, distributed task execution, smart resource allocation, Nx Agents and our fantastic task Atomizer. A from-build-to-ship process like you've never seen before, Nx will...

Together with Jeff Cross, we presented all the latest updates about Nx and Angular

You will leave this workshop having built and installed a custom VSCode and JetBrains extension! Learn how to enchant your Editor in a (seasonally witch-themed!) deep dive into Editor plugins and what it takes to build one. You will gain hands-on experience with Nx and how you can use it to compose a clean architecture in a complex repo.

In this enlightening session, we'll unveil the pioneering integration of AI and ML within the Nx ecosystem. Discover how our cloud services are enhanced with intelligent algorithms to optimize performance and efficiency. We'll also take a peek into the Nx AI Assistant, our innovative tool designed to streamline navigation and utilization of Nx...

Scaling your monorepo with Nx. In particular, talking about large Angular applications and how they can benefit from Nx

How to scale your Angular applications using Nx

How we make Angular monorepos faster with Nx

1-hour workshop designed to elevate your documentation through the power of Generative AI. Drawing upon real-world results from Nx's recently launched AI Assistant, this session offers a unique blend of theory and practice to give you actionable insights into improving your Angular docs.

In this talk, we'll explore how Nx can transform your Angular development, making it more efficient and scalable. We'll discuss how you can grow your project from a small setup to a large monorepo using Nx. You'll learn how to organize your workspace into libraries and set rules for better teamwork, whether you're working on a single project or a...

Updating about the new version of Nx, all the new Angular features

Making the most out of your Angular application, how to scale and how to extend, using Nx.

How we built the docs AI assistant

OpenAI Assistant API demo.

Angular + Storybook and how to build better UIs

The Nx Docs AI Assistant is a tool designed to provide users with answers straight from the Nx documentation. In this article I will explain how it is built, and how we ensure accuracy and relevance.

Using Vue and Nuxt more efficiently

OpenAI just released the Assistants API, which pretty much simplifies the process of setting up a Q&A system based on a knowledge base for GPT. We'll see how to build your own.

Talking about Vue.

Explore the integration of Nx and Vite in modern web development. This talk sheds light on how Nx’s extensible and powerful tools complement Vite's swift builds, offering an enhanced and efficient development experience. Dive in to learn about the features, benefits, and practical applications of the Nx Vite plugin. Also, cat pictures will enhance your viewing experience.

In this talk, we'll explore how integrating AI into your documentation site can amplify the user search experience and offer insights for documentation improvement. Understand the synergy between human-curated content and AI-assistance. Learn how AI can provide real-time search assistance, guide users efficiently, and offer valuable feedback to continuously refine and enhance your documentation based on user interactions. Dive into the next level of interactive documentation!

Katerina Skroumpelou join us to talk about her work on implementing AI and chatGPT inside documentation, how well it has worked, and some of the things to consider when using AI for docs.

Setting up Storybook interaction tests with Nx

All the latest about the latest release. Will be talking about Vite and Storybook and Vue.

Katerina Skroumpeloution introduces the idea of using an ecosystem CI tool to help diagnose and understand errors, and communicating them to your team.

Interaction tests allow users to verify the functional aspects of UIs. This is done by supplying the initial state of a component, simulating user behavior such as clicks and form entries, and finally checking if the UI and component state update correctly​. Very much like e2e tests are doing.

Ecosystem CI as a way to make sure that the integrations of different OSS tools work correctly together, and ensure robustness

Part of the organizing team of City JS conference in Athens, I connected and mentored with fellow attendees.

Organizing a community event pre-conf, where I introduced the speakers, and talked about the latest highlights in the JavaScript and web ecosystem

Live coding demo during Nx show and speaking about storybook

Monorepos enable you to store multiple packages, such as your app and design system, in a single repository. This makes it easier to work on them simultaneously. Katerina will demonstrate how to use Storybook in monorepos managed with Nx. You'll learn about the Nx-Storybook plugin, which can quickly configure Storybook within a package.

Storybook 7, all the newest features in testing your apps and components, dev tools, interaction testing

Managing Storybook on monorepos using modern web technologies

I was mentoring a group of students at my old university (School of Architectural Engineering) about how they can make the most out of the Google Maps Platform to support their urban planning projects. I showcased how they can use the API, and the drawing layers to display data, how they can take advantage of the elevation api, etc.

The Google Maps Platform has made leaps of progress over the past few years, and the capabilities it offers go beyond whatever we are used to seeing on the web. With the power of WebGL, your apps and your maps sure do fly. In this presentation, we are going to see some of the cool things that Google Maps offers to the web platform, and how you can really transform your apps using these new powers. Participants will leave wanting to get their hands on the new APIs, and make their apps shine asap.

I was helping the main hosts of the workshop. Teaches participants how to use Nx to scale their apps and speed up their development process

Wolves, Cats, and Dogs...and The Google Cloud Platform Talking about the Google Cloud Platform on WebRush Podcast

Demoing the Sensor APIs on the web platform and suggesting uses

Giving Mental Health a Piece of Your Mind In this episode of the Dev.Life we invited Katerina Skroumpelou back on the show to discuss a recent blog article she published about dealing with mental health and depression as a developer or tech professional. Katerina shares her experiences for how she’s coped with these challenges in her own life and how she’s been able to push through it all to make a successful career filled with many great accomplishments

Katerina speaks about her mental health, making analogies with Stranger Things. The reason she shares this is because maybe more people are having the same experiences, and it’s nice to know you’re not alone. Also, it’s good to know that people who are functional and happy and active may still suffer sometimes.

How to use Vite and SWC with Storybook

How to use Vite and SWC with Storybook

Katerina Skroumpelou talks with us about how Nx and Lerna are integrated now that Nrwl has taken over stewardship of Lerna, where to begin learning about Nx and Lerna, and the integration options.

Develop at scale with Nx, Angular and monorepos

Twitter Space - General q&A panel about monorepos in the Angular ecosystem with other members of the Angular and the Nx community

Storybook and Nx and monorepo development

General MC'ing and organizing CityJS Conference in Athens, Greece

Scaling your Angular application using Nx and other modern technologies (eg. Storybook, Cypress, etc)

Workspace Conflict

Live coding and answering questions about Angular, Nx, Web technologies, open source

Mentoring women in tech - a live session on Zoom where women can join and as the hosts we mentor them, answer questions about career, technologies, issues at work. This happens every month

Live coding and answering questions about Angular, Nx, web technologies, open source contribution

Panel about the state of the web

In this episode of NgXP, get ready for a new inspiring People of Angular episode with Google Maps and Web Technologies GDE, Katerina Skroumpelou. Katerina shares her strong example of how to boldly develop new skills and achieve greater heights throughout your career, including how to expand your network and find the opportunities that keep you increasingly passionate

Angular Experience Show - appeared as guest

Internal meetup/workshop at the National Bank of Greece - training on Angular + Nx

We'll explore all the different features that the Google Maps platform offers for spatial data visualization.

Adding Storybook to your Angular app

Using Nx to build scalable Angular applications

Angular CLI + Nx - speaking at the Angular Community Meetup

Building a design system using Storybook and Angular

Trained a group of engineers (the Zivver team) on how to contribute to open source for Hacktober

Mentoring women for the WDA ogranized by the WTM

Google Maps JS API and the Google Maps Platform. Presenting features of the platform that are less used!

Using Storybook to build and test your UIs, your CSS and your interactive elements

Building scalable apps - This talk was given internally at the dev team of the National Bank of Greece

Building a design system

Using storybook in your Angular app

Google Maps Platform! The first time ever that Google Maps is on John Papa's podcast! (will update link once it goes live)

Nx + Angular CLI

Adding Storybook to Angular apps with Nx

By now, you’ve probably heard of Nx from Nrwl. You might know that it’s a toolkit based on top of Angular CLI, and it’s great for developing monorepos. But there’s so much more to Nx than just monorepos! In this talk, Jeff Cross and Katerina Skroumpelou will talk about everything Nx does to help you develop any Angular application better and faster.

Nx is a set of extensible dev tools for monorepos, which helps you scale your app and coordinate better with your team. With Nx, your team (or teams) will work on a monorepo, which will manage multiple frontend and backend applications, all in the same workspace. Nx offers a CLI which will also help you manage your build process, your tests, and is so smart that it will analyse your codebase and only build or test code that has not been tested or built before. In this presentation, we will answer questions like "what is a monorepo", "how can Nx improve the developer experience" (whether of an individual or of a team), "what tools does Nx offer". At the risk of sounding cheesy, welcome to the future of integrated app development!

By now, you’ve probably heard of Nx from Nrwl. You might know that it’s a toolkit based on top of Angular CLI, and it’s great for developing monorepos. But there’s so much more to Nx than just monorepos! In this talk, Jeff Cross and Katerina Skroumpelou will talk about everything Nx does to help you develop any Angular application better and faster.

In this session, we will explore the capabilities of the Google Maps Platform and the Google Maps JS API. We will see how we can use the API to not only create simple maps with markers, but also how to visualise our spatial data. Then, we will see how we can extract information from the map, like elevation, distance, or directions information. All that, simply and effectively!

Nx is a set of extensible dev tools for monorepos, which helps you scale your app and coordinate better with your team. With Nx, your team (or teams) will work on a monorepo, which will manage multiple frontend and backend applications, all in the same workspace. Nx offers a CLI which will also help you manage your build process, your tests, and is so smart that it will analyse your codebase and only build or test code that has not been tested or built before. In this presentation, we will answer questions like "what is a monorepo", "how can Nx improve the developer experience" (whether of an individual or of a team), "what tools does Nx offer". At the risk of sounding cheesy, welcome to the future of integrated app development!

Nx is a set of extensible dev tools for monorepos, which helps you scale your app and coordinate better with your team. With Nx, your team (or teams) will work on a monorepo, which will manage multiple frontend and backend applications, all in the same workspace. Nx offers a CLI which will also help you manage your build process, your tests, and is so smart that it will analyse your codebase and only build or test code that has not been tested or built before. In this presentation, we will answer questions like "what is a monorepo", "how can Nx improve the developer experience" (whether of an individual or of a team), "what tools does Nx offer". At the risk of sounding cheesy, welcome to the future of integrated app development!

Nx is a set of extensible dev tools for monorepos, which helps you scale your app and coordinate better with your team. With Nx, your team (or teams) will work on a monorepo, which will manage multiple frontend and backend applications, all in the same workspace. Nx offers a CLI which will also help you manage your build process, your tests, and is so smart that it will analyse your codebase and only build or test code that has not been tested or built before. In this presentation, we will answer questions like "what is a monorepo", "how can Nx improve the developer experience" (whether of an individual or of a team), "what tools does Nx offer". At the risk of sounding cheesy, welcome to the future of integrated app development!

Will update dates and count of viewers soon Katerina Skroumpelou is a Google Maps & Angular Google Developer Expert and team member at @nrwl_io living in Greece. In this episode, Katerina talks through how she got started with Google Maps. She also covers how the Google Maps JS API has changed overtime, how you yourself can get started using it in your Angular Applications and what all you can do with the API!

Now that we're all stuck at home, let's see how we can find directions to all the places we want to go when we leave the house! In this short talk, we'll see how easy and fast it is to add the Google Maps Directions service to your application! Let your users decide how they can reach you, using the API that you, too, use daily when moving around in the city!

Using Google Maps in Angular and the Google Maps JS API in General, as part of the Google Cloud Platform

Using Angular, we will explore the possibilities of the Google Maps Platform and the Google Maps JS API. If you think of any app today, chances are it's using some kind of map. Your app has users, your users have a location, your services are based on that. Still, we find it worrisome to just add that customized, branded, interactive map in our app, because it just might seem too complicated. And we resort to out of the box solutions. Well, good news. The Google Maps JS API is here for you (and it’s been here for the last 15 years, despite you not making the most of it). Today we’ll see how simple it is to add that desired map to your business, brand it to your needs, and go advanced all the way, with this one weird trick that will make other web map library users hate you.

This is the question that will be whispered among the audience during the talk. We will explore the possibilities of the Google Maps Platform and the Google Maps JS API. If you think of any app today, chances are it's using some kind of map. Your app has users, your users have a location, your services are based on that. Still, we find it worrisome to just add that customized, branded, interactive map in our app, because it just might seem too complicated. And we resort to out of the box solutions. Well, good news. The Google Maps JS API is here for you (and it’s been here for the last 15 years, despite you not making the most of it). Today we’ll see how simple it is to add that desired map to your business, brand it to your needs, and go advanced all the way, with this one weird trick that will make other map library users hate you.

This is the question that will be whispered among the audience during the talk. We will explore the possibilities of the Google Maps Platform and the Google Maps JS API. If you think of any app today, chances are it's using some kind of map. Your app has users, your users have a location, your services are based on that. Still, we find it worrisome to just add that customized, branded, interactive map in our app, because it just might seem too complicated. And we resort to out of the box solutions. Well, good news. The Google Maps JS API is here for you (and it’s been here for the last 15 years, despite you not making the most of it). Today we’ll see how simple it is to add that desired map to your business, brand it to your needs, and go advanced all the way, with this one weird trick that will make leaflet users hate you.

Designed to teach participants how to use the Google Maps Platform, and enable them to enhance the user experience of their apps and businesses using maps. This is a framework agnostic course. The Google Maps JavaScript API can be integrated in any app of any framework. We might use a framework to create a wrapper app for our map, but we will use vanilla JavaScript to interact with the Google Maps API.

If you’re sitting there wondering “How did they manage that?“, well, you now have the answer. In this talk we’ll go through all the clichés and myths concerning “life achievements”, including the term “life achievements”. In our culture, in our age and time, and in our industry, burnout and the impostor syndrome are real. But so are toxic environments that ask you to overwork yourself. And so are toxic people who like to think that those who “made it” (another cliché we’ll talk about) did so because they got lucky or favored. But let’s take a step back and think for a second. Let’s redefine our goals and choices and let’s think about what drives them. Is a “life achievement” a generally accepted standard? When will you feel that you finally “made it”? Is our perception of success driven by what we really want, or rather by movies, rockstar developers, and the life of Steve Jobs?

This is the question that will be whispered among the audience during the talk. Using Angular, we will explore the possibilities of the Google Maps Platform and the Google Maps JS API. If you think of any app today, chances are it's using some kind of map. Your app has users, your users have a location, your services are based on that. Still, we find it worrisome to just add that customized, branded, interactive map in our app, because it just might seem too complicated. And we resort to out of the box solutions. Well, good news. The Google Maps JS API is here for you (and it’s been here for the last 15 years, despite you not making the most of it). Today we’ll see how simple it is to add that desired map to your business, brand it to your needs, and go advanced all the way, with this one weird trick that will make leaflet users hate you.

Google Cloud Functions are a way to expand the capabilities of Firebase. In this training, we’ll see a full solution of how to create a web app backed by the serverless power of Google Cloud. We are going to store data in Cloud Firestore, we will learn how to schedule a job with the Google Cloud Scheduler, which will manipulate and back up this data, and finally send push notifications to our users. Reading and writing data to Cloud Firestore has a set of predefined methods, which might or might not meet our needs. What we will also learn in this training is how to create custom compound queries and data selections, using Cloud Functions triggered by the user. Finally, we will deploy our application on Firebase hosting. This remote, hands-on workshop is targeted for web developers who want to learn how to take full advantage of what Firebase and Google Cloud offer. Participants may have little or no experience with Firebase or serverless technologies.

Organized ngGirls online.

In this talk we’ll discuss the ideas around how to create an sustainable architecture for your team through the PAMstack, a new framework for creating inclusive development teams. We’ll talk about some of the abstractions and tools that Angular has to enable the longevity and success of your teams to support junior developers, designers, project managers, and more. No application is too critical, complicated, or obscure to be able to achieve this. We will also talk through how you can build a corresponding culture that allows inclusivity on your team, and why this is so critical to your business. We’ll walk through processes you can incorporate, team roles, and how you can build a better template for the future.

Angularfire / the library that connects Firebase & Angular.

You are on the lookout for a new house, but you are always a few hours late to spot it, someone has already called and booked it and you keep missing good opportunities. You can’t keep visiting that housing site every few minutes, hoping to run into that fresh ad, you’ve got work to do. But what if Google Cloud could do it all for you? And get into the trouble of notifying you with all it found, as well? In this session, we’ll see a full solution of how to create an Angular app backed by the serverless power of Google Cloud. We are going to store data, schedule a job that will write and edit this data, write a function that will observe these data, and push notifications to our app users. That is, all that your typical business website would need and couldn’t have because you just can’t have your own servers.

Step by step, talk/demo of how to structure an app using Angular and Firebase. Demo-ed Firestore, Authentication, Cloud Messaging, Cloud Functions, push notifications.

Some compliments just don’t work. Being a woman in tech highlights this phenomenon in sometimes cringe-worthy ways. And in some cases, certain “compliments” are just inappropriate. So how do we make friendships and set the right tone for compliments? I will talk about ways to do this in a professional setting, where both the person sending the compliment and the person receiving the compliment get the benefit of the spirit in which the compliment was intended. You’ll be able apply these ideas to anyone you work with, not just women.

I was invited in an episode of "Real Talk JavaScript", "A weekly podcast where we tackle the challenges facing Web developers today and invite expert guests on the show to share their experience solving concrete problems while building real Web applications, with hosts John Papa, Ward Bell, and Dan Wahlin." I talked about Firebase, my experience using it, use cases, security rules, Firestore and more.

That talk was at Women Techmakers Greece IWD19 summit in Athens! It was about machine learning, tensorflowjs and Angular!

The participants will work hands on with Firebase on an Angular application, using @angular/fire. They will walk along a journey of designing an app, setting out data requirements, and then putting these things into practice with Angular and Firebase. At the end of this workshop, each participant will have created and deployed a web application. Firebase acts as a backend as a service and takes care of real time synchronisation across apps and platforms. The participants will learn about and use the main Firebase modules needed to develop a simple social application. They will use Authentication, the Cloud Firestore and Firebase hosting. Best practices about application planning will be discussed, like structuring the data in the API and decisions that need to be made in advance. We will also check our application against the Audits of the Lighthouse tool.

Online event about all things web organized by ThisDot Media - My talk was about Lighthouse - Other people on the event: Ben Morss, Uri Goldshtein

In this session will explore the awesome Lighthouse tool and its cool features. We will start from bootstrapping a simple web application, and we will see how we can reach better scores in each of the five audits of Lighthouse, “PWA”, “Performance”, “Accessibility”, “Best Practices” and “SEO” in our web applications. We’ll finetune our web app, picking and adding code here and there to improve these numbers. We’ll talk about the concepts of the manifest, the serviceworker, the app responsiveness, no javascript environments, and how these are evaluated by the Lighthouse tool. The purpose of the talk will be to showcase how the Lighthouse tool can help us build better apps for the web, and the mobile web. And the accessible web. And the web where connectivity is poor and you end up playing T-Rex runner.

Last March the much-awaited TensorflowJs hit the web. In this presentation, it will hit Angular as well. Tensorflow is a “an open source machine learning framework” by Google, and it is finally available to run in our browsers, too. In this presentation we will go through the core concepts of machine learning, and see how these are put into practice with TensorflowJs. We will briefly discuss use-cases and see how machine learning (and now you and your browser) can help solve everyday problems (such as image recognition, computer vision, pattern recognition, sentiment analysis etc). There will be a live demo, of course, of Angular and TensorflowJs implementation, where we will see how these two work together, and what we can make of this union. At the end of this presentation, the participants will want to rush home and get their hands dirty with the future of web, that is the magic of JavaScript enabled machine learning.

All features of the lighthouse tool of Chrome Dev Tools.

The importance of Angular in building web applications and also a small intro about our Angular community in Athens. Presenting with me: Giannis Smirnios.

In this session will explore the awesome Lighthouse tool and its cool features. We will start from bootstrapping a simple web application, and we will see how we can reach better scores in each of the five audits of Lighthouse, “PWA”, “Performance”, “Accessibility”, “Best Practices” and “SEO” in our web applications. We’ll finetune our web app, picking and adding code here and there to improve these numbers. We’ll talk about the concepts of the manifest, the serviceworker, the app responsiveness, no javascript environments, and how these are evaluated by the Lighthouse tool. The purpose of the talk will be to showcase how the Lighthouse tool can help us build better apps for the web, and the mobile web. And the accessible web. And the web where connectivity is poor and you end up playing T-Rex runner.

Using Angular and WebSockets we will be turning physical motion into virtual motion, in order to perform actions in our browser (navigation, event firing, etc). We will see the integration process step-by-step, resulting in a simple web application using WebSockets, Angular and a plain WebSocket client/server node.js server.

Organized the Angular Athens 3rd Meetup. We had two talks, a quiz, a game, and other Angular related activities!

Using Angular and WebSockets we will be turning physical motion into virtual motion, in order to perform actions in our browser (navigation, event firing, etc). We will see the integration process step-by-step, resulting in a simple web application using WebSockets, Angular and a plain WebSocket client/server node.js server. Once we launch this application on our phone, it will start sending device motion data from our phone to the browser, using the brand new device event APIs to capture our device’s acceleration, orientation and motion, and our node.js server to perform the transmission. The browser will receive the motion data, and it will translate it into events and actions on the big screen! Tools that are going to be used are the WebSockets API, Angular, RxJS and a little Node.js server. Observable sequences will help us subscribe and listen to incoming messages, firing events in the process. The presentation will be interactive (users connected to the same network will be able to send data with their phone, too).

The participants of this workshop will work hands on with Firebase in an Angular application. They will walk along a journey of developing an app with Angular and the real-time magic of Firebase, using the angularfire2 library. Firebase acts as a backend as a service and takes care of real time synchronization across apps and platforms. The participants will learn about and use the main Firebase modules needed to develop a simple social application. They will use Authentication, cloud storage and the Real-Time database. Best practices about application planning will be discussed, like structuring the data in the API and decisions that need to be made in advance. At the end of this workshop, each participant will have created and deployed a simple web application. The workshop needs prior knowledge of web development. Some basic Angular experience is preferable, but not essential. No prior knowledge of Firebase is needed. The users will need a web-development-friendly laptop (preferably a Unix-based system, or Windows with nodejs and npm installed).

Organized the 2nd Angular Athens Meetup! We had two talks, networking time and other activities!

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.

Using Angular and WebSockets we will be turning physical motion into virtual motion, in order to perform actions in our browser (navigation, event firing, etc). We will see the integration process step-by-step, resulting in a simple web application using WebSockets, Angular and a plain WebSocket client/server node.js server. Once we launch this application on our phone, it will start sending device motion data from our phone to the browser, using the brand new device event APIs to capture our device’s acceleration, orientation and motion, and our node.js server to perform the transmission. The browser will receive the motion data, and it will translate it into events and actions on the big screen! Tools that are going to be used are the WebSockets API, Angular, RxJS and a little Node.js server. Observable sequences will help us subscribe and listen to incoming messages, firing events in the process. The presentation will be interactive (users connected to the same network will be able to send data with their phone, too).

Using Angular and WebSockets we will be turning physical motion into virtual motion, in order to perform actions in our browser (navigation, event firing, etc). We will see the integration process step-by-step, resulting in a simple web application using WebSockets, Angular and a plain WebSocket client/server node.js server. Once we launch this application on our phone, it will start sending device motion data from our phone to the browser, using the brand new device event APIs to capture our device’s acceleration, orientation and motion, and our node.js server to perform the transmission. The browser will receive the motion data, and it will translate it into events and actions on the big screen! Tools that are going to be used are the WebSockets API, Angular, RxJS and a little Node.js server. Observable sequences will help us subscribe and listen to incoming messages, firing events in the process. The presentation will be interactive (users connected to the same network will be able to send data with their phone, too).

In my presentation, I will show how you can use physical motion (moving your phone around) to move graphics on the browser (virtual motion). We will see how to develop a simple application using WebSockets, Angular and a plain WebSocket client/server node.js server. Once connected from our phone, we will be sending device data from our phone to the browser (using the brand new device event APIs capturing device acceleration, orientation, motion). Tools that are going to be used will be the WebSockets API, Angular, RxJS and a little Node.js server. RxJS and its observable sequences will help us subscribe and listen to our incoming messages, firing events in the process. In the end, there will be an interactive session (users connected to the same network will be able to move graphics with their phone).

More and more web applications using Angular today need a kind of map, either to just display their location, or visualize their data. These data can be from points/locations of services/places/etc, or a user input, to more complex visuals like heatmaps or paths. These visualizations can easily be achieved with the Google Maps JS API. However, the integration with Angular and the use of its tools is not always straightforward. In this presentation I will show examples of how to integrate Google Maps easily into your Angular application without the use of any external libraries. Part of the presentation will also show some techniques for visualising spatial data on these maps.

More and more web applications using Angular today need a kind of map, either to just display their location, or visualize their data. These data can be from points/locations of services/places/etc, or a user input, to more complex visuals like heatmaps or paths. These visualizations can easily be achieved with OpenLayers open source library, or even the Google Maps JS API. However, the integration with Angular and the use of its tools is not always straightforward. In this presentation I will show examples of how to integrate OpenLayers and Google Maps easily into your Angular application without the use of any external libraries. Part of the presentation will also show some techniques for visualising spatial data on these maps.

As an architectural engineer by training, and working as a web dev for the past couple of years, Katerina will explain how architecture has defined the way she designs web apps and pages and how Angular has supported her in organising content. A web page for me is like the facade of a house. From day one into web development, I looked at apps as if setting down plans for a new building. The process, like the process of building from the ground an establishment. I want to talk about scaffolding. I want to extend on designing the building blocks, the bricks made out of components. And as the construction is evolving, how materials fill in the empty spaces, making them consistent.