The document outlines a presentation about getting started with Angular. It introduces Angular and TypeScript, describes their architecture and features, and demonstrates building a movie application. Key aspects covered include Angular's component-based architecture, templates, data binding, directives, services, dependency injection and modules. It also discusses TypeScript features like types, interfaces and classes. The presentation concludes with deploying the sample movie app to Firebase.
The CloudStack UI code has tolerated massive technical debt over the years and the UI codebase has reached a breaking point. In this talk, we will do a comparison of modern UI development techniques, the pros and cons of current UI UX and codebase, ideas and experiments of a new UI for CloudStack. We need to discuss and propose a new UI that:n* Has CloudMonkey like api discovery and show/hide/block, buttons/sections based on what is allowedn* URL router to navigate to resources, and clicking back button does not close the UIn* Easy to maintain, implement and extend via plugins etc.n* Does not take months to develop and port existing implementation to the new onen* Configurable, theme-able, don't use our own UI framework, but consider something like Vue/React/Angular etc.n* Explore a components based idea, show an api-auto-discovery approach to auto-generate boiler plate for UI component based on an API's request and response paramsn* Make UI more communicative about underlying infra state in real time with modern graphical libraries
An introduction to React, the javascript framework from Facebook. Talk done at Fullstack.JS, a London Meetup.
http://www.meetup.com/Fullstack-js-London/events/221009614/
Goodbye Themes, Hello Elementor – Beyond Creating Basic WebsitesWordCamp Sydney
How using a page builder helped me create websites, especially ones using custom fields, dynamic content and single page templates.
I’ve spent the last 15+ years relying on templates and themes and to create websites by swapping changing the content because I can’t code to save myself.
Since finding Elementor, I’ve been able to create websites without themes by building them from scratch. What I like best is being able to make more advanced sites with custom fields and single post templates.
* My story
* Introduction to Elementor
* Key features I like
* Beyond the basics by using custom fields and single post templates
* Some example site ideas you can create
Key Take-Away
============
How to make more advanced websites using custom fields, dynamic content and single page templates and the Elementor page builder.
Presented by Michael Viller at WordCamp Sydney 2019
The CloudStack UI code has tolerated massive technical debt over the years and the UI codebase has reached a breaking point. In this talk, we will do a comparison of modern UI development techniques, the pros and cons of current UI UX and codebase, ideas and experiments of a new UI for CloudStack. We need to discuss and propose a new UI that:n* Has CloudMonkey like api discovery and show/hide/block, buttons/sections based on what is allowedn* URL router to navigate to resources, and clicking back button does not close the UIn* Easy to maintain, implement and extend via plugins etc.n* Does not take months to develop and port existing implementation to the new onen* Configurable, theme-able, don't use our own UI framework, but consider something like Vue/React/Angular etc.n* Explore a components based idea, show an api-auto-discovery approach to auto-generate boiler plate for UI component based on an API's request and response paramsn* Make UI more communicative about underlying infra state in real time with modern graphical libraries
An introduction to React, the javascript framework from Facebook. Talk done at Fullstack.JS, a London Meetup.
http://www.meetup.com/Fullstack-js-London/events/221009614/
Goodbye Themes, Hello Elementor – Beyond Creating Basic WebsitesWordCamp Sydney
How using a page builder helped me create websites, especially ones using custom fields, dynamic content and single page templates.
I’ve spent the last 15+ years relying on templates and themes and to create websites by swapping changing the content because I can’t code to save myself.
Since finding Elementor, I’ve been able to create websites without themes by building them from scratch. What I like best is being able to make more advanced sites with custom fields and single post templates.
* My story
* Introduction to Elementor
* Key features I like
* Beyond the basics by using custom fields and single post templates
* Some example site ideas you can create
Key Take-Away
============
How to make more advanced websites using custom fields, dynamic content and single page templates and the Elementor page builder.
Presented by Michael Viller at WordCamp Sydney 2019
The working architecture of node js applications open tech week javascript ...Viktor Turskyi
We launched more than 60 projects, developed a web application architecture that is suitable for projects of completely different sizes. In the talk, I'll analyze this architecture, will consider the question what to choose “monolith or microservices”, will show the main architectural mistakes that developers make.
The presentation helps to get started with Angular by explaining: - What is Typescript?
- What is Angular?
- Create Application
- Project Structure
- Building Blocks
- Modules
- Components
- Templates
- Directives
- Routing
The project code is available here: https://github.com/MukundSonaiya/angular-sessions
Presentation about new Angular 9.
It gives introduction about angular framework.
Provides information about why we use angular,
additional features and fixes from old versions. It will clearly explain how to create a new angular project and how to use angular commands and their usages.
It will also explain about the key components like angular architecture, routing, dependency injection etc.,
20180518 QNAP Seminar - Introduction to React NativeEric Deng
What is React Native?
How does React Native work?
Writing React Native
Expo
Components, props, and states
Component lifecycle
Declarative and imperative
Event handling
User input
Style
Layout
Data access
Publishing your Project
In this presentation, I presented how to build an angular JS Application with SPA in mind and also make sure you use up all the available concepts to create versatile and creative web application with less boilerplate javascript code.
Introduction to React Native from Mobile Warsaw
This is a short presentation of concepts of React Native mobile application Framework.
It's an introductory talk for Application developers.
How does Angular Work? So far, we've covered a number of specific information regarding the processes involved in creating Angular applications.
For more Information: https://www.albiorixtech.com/blog/how-does-angular-work/
A guide designed to help you master the art of web development. The roadmap provides a comprehensive step-by-step guide to learn foundational web technologies like HTML, CSS, & JavaScript, advanced frameworks, and concepts required for modern web development. It aims to equip aspiring developers with the necessary resources and tools to excel in the ever-evolving world of web development. 💡
The working architecture of node js applications open tech week javascript ...Viktor Turskyi
We launched more than 60 projects, developed a web application architecture that is suitable for projects of completely different sizes. In the talk, I'll analyze this architecture, will consider the question what to choose “monolith or microservices”, will show the main architectural mistakes that developers make.
The presentation helps to get started with Angular by explaining: - What is Typescript?
- What is Angular?
- Create Application
- Project Structure
- Building Blocks
- Modules
- Components
- Templates
- Directives
- Routing
The project code is available here: https://github.com/MukundSonaiya/angular-sessions
Presentation about new Angular 9.
It gives introduction about angular framework.
Provides information about why we use angular,
additional features and fixes from old versions. It will clearly explain how to create a new angular project and how to use angular commands and their usages.
It will also explain about the key components like angular architecture, routing, dependency injection etc.,
20180518 QNAP Seminar - Introduction to React NativeEric Deng
What is React Native?
How does React Native work?
Writing React Native
Expo
Components, props, and states
Component lifecycle
Declarative and imperative
Event handling
User input
Style
Layout
Data access
Publishing your Project
In this presentation, I presented how to build an angular JS Application with SPA in mind and also make sure you use up all the available concepts to create versatile and creative web application with less boilerplate javascript code.
Introduction to React Native from Mobile Warsaw
This is a short presentation of concepts of React Native mobile application Framework.
It's an introductory talk for Application developers.
How does Angular Work? So far, we've covered a number of specific information regarding the processes involved in creating Angular applications.
For more Information: https://www.albiorixtech.com/blog/how-does-angular-work/
A guide designed to help you master the art of web development. The roadmap provides a comprehensive step-by-step guide to learn foundational web technologies like HTML, CSS, & JavaScript, advanced frameworks, and concepts required for modern web development. It aims to equip aspiring developers with the necessary resources and tools to excel in the ever-evolving world of web development. 💡
The presentation on Protractor Cucumber BDD Approach was done during #ATAGTR2017, one of the largest global testing conference. All copyright belongs to the author.
Author and presenter : Rajat Acharya
Slides for the "Honey, I shrunk the code" JAB14 presentation regarding the new XML MVC AhaWow engine technology used in Community Builder 2.0 and CBSubs GPL 3.0.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
3. Day outline
● Angular
○ Architecture
○ Application Structure
○ Setup
● Typescript
○ Features
○ TS to JS
○ Demo
● Movie App
○ Display list of movies
○ Deploy app to firebase
4.
5. What is Angular?
● Ground-up rewrite of AngularJS
● TypeScript-based open-source platform
● Component-based architecture
● Web, Mobile and Desktop
● Mobile native apps
8. ● Hierarchy of components as
it’s component-based
● "[ ]" for property binding,
● "( )" for event binding
● TypeScript
● Reactive programming
support using RxJS
Angular vs. AngularJS
● $scope, $rootScope or
controllers
● ng-model, ng-bind, etc
● ng-click, ng-change, etc
● JavaScript or ES6
● No support
13. Directives
Component : a directive with a template
Structural : a directive that changes DOM layout by adding or removing the elements
Attribute : a directive that change the appearance/behavior of an element
<movie> *ngIf ngModel
20. What is TypeScript?
● Open source programming language by Microsoft
● Strict superset of JavaScript
● Compatibility with JavaScript
● Designed for development of large applications.
25. “My favorite feature is that the type system
mimics the actual JS spec as well as the
common JS practices in the community very
closely, and so it feels very natural to use.”
Miško Hevery
29. Configuration files
● package.json
○ identifies npm package dependencies for the project.
● tsconfig.json
○ defines how the TypeScript compiler generates JavaScript from the
project's files.
● systemjs.config.js
○ provides information to a module loader about where to find application
modules, and registers all the necessary packages.
bit.ly/ng-config-systemjs