Angular 2 진행 상황과 장애물에 대해 설명했다. 주요 장애물은 빠른 변화, 새로운 개발 언어와 도구의 사용, 문법의 변화 등이 있다. 반면 Angular 2의 장점은 성능 향상, 체계적인 개발 방식 지원 등이 있다. 결론적으로 Angular 2는 아직 사용하기 이르나, 향후 주
Single Page Applications (SPA) 2.0
- Push the limits of what’s possible on the web
AngularJS, RequireJS , Polymer, AMD, ES6 , Gulp, Dependency Injection, JavaScript Patterns, Functional Reactive Programming, OAuth, Promises ,Generators
These are the presentation slides demonstratingseven versions of the UI of same HTML5 application using various libraries and frameworks. This application is described in detail in the O'Reilly book "Enterprise Web Development"
Zukunftssichere Anwendungen mit AngularJS 1.x entwickeln (GDG DevFest Karlsru...Christian Janz
Seit der Ankündigung von Angular 2 fragen sich viele Entwickler, wie der Migrationspfad für Angular 1.x Anwendungen aussieht. Da Angular 2 noch nicht für produktive Anwendungen eingesetzt werden kann, stellt sich vor allem die Frage, wie man bei der Entwicklung neuer Anwendungen mit Angular 1.x vorgehen sollte, damit die Migration später möglichst einfach wird. Diese Session liefert Antworten hierauf.
Vorgestellt werden u.a. der Einsatz von EcmaScript 2015 Modulen, TypeScript und Patterns für Komponenten und Services. Abschließend gibt es noch einen Ausblick auf Ideen und Strategien für die schrittweise Migration von bestehenden Anwendungen nach Angular 2.
Single Page Applications (SPA) 2.0
- Push the limits of what’s possible on the web
AngularJS, RequireJS , Polymer, AMD, ES6 , Gulp, Dependency Injection, JavaScript Patterns, Functional Reactive Programming, OAuth, Promises ,Generators
These are the presentation slides demonstratingseven versions of the UI of same HTML5 application using various libraries and frameworks. This application is described in detail in the O'Reilly book "Enterprise Web Development"
Zukunftssichere Anwendungen mit AngularJS 1.x entwickeln (GDG DevFest Karlsru...Christian Janz
Seit der Ankündigung von Angular 2 fragen sich viele Entwickler, wie der Migrationspfad für Angular 1.x Anwendungen aussieht. Da Angular 2 noch nicht für produktive Anwendungen eingesetzt werden kann, stellt sich vor allem die Frage, wie man bei der Entwicklung neuer Anwendungen mit Angular 1.x vorgehen sollte, damit die Migration später möglichst einfach wird. Diese Session liefert Antworten hierauf.
Vorgestellt werden u.a. der Einsatz von EcmaScript 2015 Modulen, TypeScript und Patterns für Komponenten und Services. Abschließend gibt es noch einen Ausblick auf Ideen und Strategien für die schrittweise Migration von bestehenden Anwendungen nach Angular 2.
An introduction to the complex single page web application framework known as AngularJs. An attempt to overview the high-level aspects of the framework, and to supply references for further exploration.
The aim of these series is exploring Angular 2 and it's amazing features. with the simplest way and the meaningful examples and labs to be practiced. Good Luck in Exploring :D
AngularJS is an open source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google. Its latest version is 1.4.4 .
How to Implement Basic Angular Routing and Nested Routing With Params in Angu...Katy Slemon
Here’s a step-by-step guide to developing an Angular application from scratch with Basic Angular Routing and Nested Routing with params in Angular v11.
Building scalable applications with angular jsAndrew Alpert
AngularJS today is one of the most powerful, user-friendly and popular JS frameworks to work on web applications. Surprisingly, one of the main weaknesses of this framework is poorly structured documentation and the lack of ready-made solutions. In this report, we will try to work out the best approach to the organization of large and very large applications. We will also speak about the tools that will be useful at every stage of the application development and tools and practicesthat will help you to work in the continuous delivery mode.
A Story about AngularJS modularization developmentJohannes Weber
The more your AngularJS App is growing the more important is modularization. It starts with the naming convention, file structure, AMD, goes through the build process, loading and packaging strategies and ends in the browser.
We are going to give proposed solutions in practice as a ground for discussion.
Further, you are welcome to present your ideas in slides or code, which demonstrate how to manage modularization in Angular.js projects.
Speaker Bio:
Johannes Weber has spent more than 10 years in front- and backend development. He works for Mayflower GmbH where he focuses on the migration of SPA and MPA.
David Amend ist seit Jahren im Banken-Umfeld mit Schwerpunkt auf der Frontend-Entwicklung mithilfe von Java und JavaScript in Projekten tätig.
We Will learn about:
What is AngularJs?
Key Points
Core Features of AngularJS
How is it works?
AngularJs Terminologies
AngularJs directives
How we start work on AngularJs?
AngularJs Tags
How we use Yeoman?
Advantages and Disadvantages
An introduction to the complex single page web application framework known as AngularJs. An attempt to overview the high-level aspects of the framework, and to supply references for further exploration.
The aim of these series is exploring Angular 2 and it's amazing features. with the simplest way and the meaningful examples and labs to be practiced. Good Luck in Exploring :D
AngularJS is an open source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google. Its latest version is 1.4.4 .
How to Implement Basic Angular Routing and Nested Routing With Params in Angu...Katy Slemon
Here’s a step-by-step guide to developing an Angular application from scratch with Basic Angular Routing and Nested Routing with params in Angular v11.
Building scalable applications with angular jsAndrew Alpert
AngularJS today is one of the most powerful, user-friendly and popular JS frameworks to work on web applications. Surprisingly, one of the main weaknesses of this framework is poorly structured documentation and the lack of ready-made solutions. In this report, we will try to work out the best approach to the organization of large and very large applications. We will also speak about the tools that will be useful at every stage of the application development and tools and practicesthat will help you to work in the continuous delivery mode.
A Story about AngularJS modularization developmentJohannes Weber
The more your AngularJS App is growing the more important is modularization. It starts with the naming convention, file structure, AMD, goes through the build process, loading and packaging strategies and ends in the browser.
We are going to give proposed solutions in practice as a ground for discussion.
Further, you are welcome to present your ideas in slides or code, which demonstrate how to manage modularization in Angular.js projects.
Speaker Bio:
Johannes Weber has spent more than 10 years in front- and backend development. He works for Mayflower GmbH where he focuses on the migration of SPA and MPA.
David Amend ist seit Jahren im Banken-Umfeld mit Schwerpunkt auf der Frontend-Entwicklung mithilfe von Java und JavaScript in Projekten tätig.
We Will learn about:
What is AngularJs?
Key Points
Core Features of AngularJS
How is it works?
AngularJs Terminologies
AngularJs directives
How we start work on AngularJs?
AngularJs Tags
How we use Yeoman?
Advantages and Disadvantages
Charla dada dentro de la Semana del Impulso TIC
DevFest Asturias, GDG Asturias
Avilés, Centro Niemeyer, 3 de noviembre de 2016
https://goo.gl/Udysyl
Angular 1 estaba muerto, en el verano de 2015 nadie quería programar. Sobre todo porque iba a salir Angular 2.
¿Qué hizo que esto cambiase? La salida de Angular 1.5 y la nueva arquitectura de componentes hizo que volviese a la vida y que el cambio a Angular 2 fuera mucho más simple.
The evolution of Angular 2 @ AngularJS Munich Meetup #5Johannes Weber
The evolution of Angular 2
Angular 1 was born in 2009. Since that a lot of web standards are born and supported by most of the browsers natively. So it's time to use the new possibilities. That's how Angular 2 started. It's not just a major update. It's a whole rewrite!
The key theme of this talk it to get an overview of Angular 2. I’ll walk you through what you need to know to stay up to date, explain the main concepts behind A2 and the current state.
It is rounded off with some practical suggestions on how to proceed today - to make the transition from Angular 1.x to Angular 2.x easier.
Original slides with animated gifs can be found here: https://docs.google.com/presentation/d/122ptcLESkfSw8omK9ekG8FksD_zvegGrqOL2GR5PE80/edit?usp=sharing
Discussion on angular offering, approaches to integrate web worker in angular (5 and 6) application, their pros and cons. A sample example implementation using custom web worker approach and integrating the same with CLI(1 and 6) and the application.
Angular is a complete framework that combines declarative templates, dependency injection, end to end tooling, and integrated best practices in order to solve development challenges. Angular was completely rewritten from its predecessor AngularJS and allows developers to build their applications on web or mobile.
Matthew Gardner explains how to setup a simple Angular app, diving into some of the concepts behind the framework and describe some of the key differences between Angular and AngularJS. Additionally, Matthew will showcase an Angular app which uses the Spotify API.
Angular 15, the Angular latest version, has been released by Google with standalone APIs and other new features. Learn more about what's new in Angular 15 and its unique features.
For More: https://www.albiorixtech.com/blog/angular-15-best-features-new-updates/
Understand how you can create web components using an angular element, pollyfills, differential loading, dynamically loading web components, zone less change detection in angular, content project and slot api.
Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world.
With the official shipment of Angular 4 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions.
In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development.
This very demo-intensive session will make sure that at the end you get those 3 key takeaways :
- Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world
- Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario
- Change the way you will think for your next SharePoint project
Spring Boot - Microservice Metrics MonitoringDonghuKIM2
마이크로서비스 아키텍쳐에서의 분산된 서비스간의 모니터링 방법을 소개합니다.
- Microservice Monitoring with Service Discovery (Eureka) Spring Boot Admin
- Microservice Monitoring with Service Discovery (Consul), Prometheus, Grafana
An overview of the Angular 1.x -> 2.x upgrade experience using Angular 2 Beta and ngUpgrade.
Talk given by Chris Nicola at the AngularJS Vancouver Meetup
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.
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.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
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!
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
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.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
29. Build
ng build
New Project
ng new PROJECT_NAME
cd PROJECT_NAME
ng serve (http://localhost:4200/)
Unit test, end-to-end test
ng test
ng e2e
deploy via GitHub
ng github-pages:deploy --message "Optional commit message"
CLI 사용 방법
29
46. new change detection : zone.js
smoother virtual scrolling
smoother view transition
lazy loading
server-side rendering
첫 로딩은 2.5배
리렌더링은 4.2배
성능 개선 후 언제나 5배 이상
?
Angular 1 대비
46
공식적인 Angular 지원 언어는 TypeScript, JavaScript, Dart
JavaScript의 SuperSet이라고는 하지만…
Dart… 얘는 또 뭔데….
<script type="application/dart" src="app.dart"></script>
<script type="text/javascript" src="packages/browser/dart.js"></script>
Dart 전담부서 2016. 6. 21 공식 발표
http://angularjs.blogspot.kr/2016/07/a-dedicated-team-for-angulardart.html
Angular 2 처음 시작은 AtScript
https://youtu.be/QHulaj5ZxbI?list=PLOETEcp3DkCoNnlhE-7fovYvqwVPrRiY7
Angular 2 발표 당시 AtScript와 TypeScript의 차이
TypeScript 1.5 버전으로 흡수
2016. 8. 30 TypeScript 1.5.0
2016. 9. 22 TypeScript 2.0.3
http://stackoverflow.com/questions/21055756/what-is-the-difference-between-angularjs-and-angulardart
Angular 1를 만든 Misko Hevery도 Dart 프로젝트의 진행을 언급하고 있음
Google에서도 Angular 2는 TypeScript와 Dart로 병렬 진행중
Angular 2의 검색과 함께 일단은 TypeScript도 같이 올라가는 중
TypeScript가 간단하긴 하다….
Dart 는 TypeScript랑 비슷
Mike Brocchi, Architect at CEI (ceiamerica.com)
(https://www.linkedin.com/in/mikebrocchi)
from ng-conf 2016
환경설정, 폴더 관리의 문제 => CLI가 개선할 수 있음
Other Interests : 다른 framework 를 사용
https://cli.angular.io/
https://github.com/angular/angular-cli
Command Line Interface for building Angular 2 applications2016/5/2 Angular 2.0.0-rc.0 에서 처음 발표
npm 기준 v1.0.0-beta.19-3
프로젝트 생성부터 개발, 테스트, 빌드까지 전부 수행할 수 있음
CLI가 다루는 영역은 기본 틀부터 빌드, 테스트, 배포까지 전 단계
IDE : Integrated Development Environment
CLI 사용 방법
사용방법
ng new 결과물
ng serve 결과물
서버 띄우기까지 명령어 하나로 수행
make new project
ng serve
make components
CLI roadmap
by Mike Brocchi
Directive 는 없어지지 않았다
하지만 문법이 달라졌음
Angular 2 data binding
https://angular.io/docs/ts/latest/guide/template-syntax.html#!#binding-syntax
일부 build-in directive 에서는 * 사용
“template 안에서 *로 시작하는 directive를 사용”
http://angularjs.blogspot.kr/2016/08/angular-2-rc5-ngmodules-lazy-loading.html
Angular 2 안에서의 큰 변화, ngModule
Angular 2 RC5 에 등장 (2016. 8. 9)
기존 @Component 구현 방식을 보완
components, directives, pipes 반복 로딩을 대체
AoT(Ahead of Time, build step) => lazy loading
대체 -> 원문 RC5 deprecations
we’ve deprecated and will remove for 2.0.0-final the need to declare directives, pipes and components in individual components, in favor of doing so at the NgModule level.
NgModule 페이지 마지막 예제 참고
ngModule이 들어오면서 개발 방식이 변화
애초에 Angular 2가 관심을 끌었던 이유는 완성물의 동작 속도
ng-conf 2015에서 보여준 데모로는 Angular + React 보다 Angular 2가 많이 빨라 보인다
Angular 2 정식 발표 전 데모
응답시간 설정 오류
응답시간이 동일한 비교
Angular 2가 살짝 빠름
1대비 빠르긴 하지만 어느 정도인지는 말하기 애매함
1.x도 개선중, Angular 1.4 (2015. 5. 28) 에서 1.3 대비 최고 25% 빨라짐
https://youtu.be/XQM0K6YG18s
Angular 1.4 release note
http://angularjs.blogspot.kr/2015/05/angular-140-jaracimrman-existence.html
ng-conf 2016, Zackary Chapple
github : heimdallr(Performance monitoring for Angular), ng-table
Page loading x20 test
from ng-conf 2015 (2015. 2. 26)
Virtual Scrolling Table : 화면에 보이는 위치의 DOM 만 구현하여 속도 향상
https://youtu.be/QHulaj5ZxbI?list=PLOETEcp3DkCoNnlhE-7fovYvqwVPrRiY7
JavaScript 프레임워크 비교
http://www.stefankrause.net/wp/?p=316
Angular 1, 2, VanillaJS만 요약 (React 추가)
Angular 1보다 빠르긴 하다
http://www.stefankrause.net/wp/?p=316
js framework benchmark : https://auth0.com/blog/more-benchmarks-virtual-dom-vs-angular-12-vs-mithril-js-vs-the-rest/
server side rendering : https://youtu.be/0wvZ7gakqV4
Angular2 Universal Starter Kit : https://github.com/alexpods/angular2-universal-starter
http://blog.angular-university.io/introduction-to-angular2-the-main-goals/
이런 방향으로 가고 있음
최신 트렌드를 반영하고 체계적인 프로젝트 관리를 지향
https://augury.angular.io/
개발을 도와주는 Angular 2 디버깅 툴의 등장
Augury 설명
Vanessa Yuen (Canada, Full Stack JavaScript Software Developer)
현 상황에서 Angular 2를 써야할까
현재로서는 아직. 아직도 계속 바뀌고 있고 사용자들의 사용 경험 부족
많은 삽질이 예상됨
하지만 Angular 2를 계속 주목해야 하는 이유는
프로젝트 관리에 체계적인 방식을 계속 도입하고 있음
Angular 1에서 보여준 탄탄한 구조를 Angular 2에 적용할 수 있을지가 문제
체계적인 프로젝트 관리 : CLI를 이용한 통일된 폴더 구조, 빌드, 테스트, 배포
최신 기술의 자연스러운 도입 : lazy loading, server rendering, Reactive Programming, Web Component, Service Worker
Object Oriented Programming
결론
Angular usage in Google (etc : https://builtwith.angularjs.org/)
Double Click For Advertiser
YouTube for PS3
Google Cloud Developers Console
Google Cast
민중을 이끄는 자유의 여신
지금 시작하면 Angular 2의 선구자가 될 수 있다
다만 삽질은 여러분의 몫