“Micro Frontends”- You Keep Using That Word, I Don’t Think It Means What You ...Shem Magnezi
"Micro Frontends" is the new buzzword in the Frontend world, but too many times people use it in the wrong context or with different things in mind.
Micro Frontends can refer to different kinds of solutions that solve different types of problems - starting from using different UI frameworks on the same app or letting different teams work on separate parts of the code independently.
In this session, we'll go over the different problems we have when building a big app and how different micro-frontends solutions can help with this.
Microservices is a well-known term for recently year. But the truth is that it mostly focused on backends site while the frontend is still a monolithic application. This presentation intends to provide the necessary tooling to achieve independent apps loaded separately and run on different parts on a single web page in complete isolation which is officially called micro-frontends.
“Micro Frontends”- You Keep Using That Word, I Don’t Think It Means What You ...Shem Magnezi
"Micro Frontends" is the new buzzword in the Frontend world, but too many times people use it in the wrong context or with different things in mind.
Micro Frontends can refer to different kinds of solutions that solve different types of problems - starting from using different UI frameworks on the same app or letting different teams work on separate parts of the code independently.
In this session, we'll go over the different problems we have when building a big app and how different micro-frontends solutions can help with this.
Microservices is a well-known term for recently year. But the truth is that it mostly focused on backends site while the frontend is still a monolithic application. This presentation intends to provide the necessary tooling to achieve independent apps loaded separately and run on different parts on a single web page in complete isolation which is officially called micro-frontends.
You should Know, What are the Common mistakes a node js developer makes?Surendra kumar
Do you know What are the common mistakes a node js developer makes?
If not, let’s discuss 4 types of mistakes you should know about while working with node JS.
https://goo.gl/CPywbe
In the past, WordPress is just used as a blogging platform but, it has become the top CMS which is used by millions of websites. Hence the number of developers and designers are also increasing. Here the developers will find useful tools which can be helpful for them.
Angular js - 10 reasons to choose angularjs Nir Kaufman
A presentation made for the AngularJS-ILl that took place in july 2014 at Google TLV Campus (http://www.meetup.com/AngularJS-IL/events/189970902/)
its an overview angularjs features from an architact perspective.
this slideshow contain a link for reference code.
Organisation of professional JavaScript ProjectsInvolved IT
JavaScript Technologie is er wel klaar voor maar hoe verzekert u zich ervan dat u in dit nieuwe bos de bomen nog blijft zien? Een berg code is immers geen applicatie.
Bent u er wel zeker van dat de applicatie die u hebt laten bouwen ook door iemand anders dan de ingehuurde developer gewijzigd kan worden?
Applicaties bouwen is geen kunst, het is een herhaalbaar proces waar structuur en organisatie van cruciaal belang zijn. JavaScript wordt door velen gepercipieerd als chaos waar alles mag en waarin slimme cowboys zich formidabel thuis voelen.
Een professioneel JavaScript project organiseren vraagt structuur en discipline van jouw team. Ze worden geconfronteerd met unieke uitdagingen en hebben nood aan specifieke processen en technieken.
Ontdek in deze presentatie hoe u het ontwikkelingsproces kan structuren en welke omkadering uw team nodig heeft voor het aangaan van professionele JavaScript projecten.
Discover ways you can use Microsoft technologies to bring your hack to life. Ranging from out cloud services to API's, Microsoft has your hack covered.
Refactoring code in .net - Các kĩ thuật Refactoring code trong .NET. Đây là một kỹ thuật không thể thiếu nếu các bạn muốn các dòng code của mình ngày một trong sáng, dễ hiểu hơn, clean hơn. Đặc biệt đây là một kỹ thuật không thể thiếu nếu bạn muốn áp dụng Agile/Extreme Programming với Unit Test.
http://tungnt.net/meetup-ve-cac-ky-thuat-refactoring-code-trong-net/
Top Web Development Frameworks Comparison: All You Need To KnowPixel Crayons
Each web development framework has its own pros and cons. It depends upon the businesses which framework they want to use. However, before coming to any conclusion, it is always suggested to analyze your business goals, target user-base, and budget. The best web development framework should be selected based on your needs and requirements.
Manuele Menozzi - Gestione delle dipendenze con Composer in Magento 2Meet Magento Italy
Una delle caratteristiche più importanti introdotte da Magento 2 è sicuramente la presenza nativa di un sistema di gestione delle dipendenze e del fatto che questo è stato completamente integrato nell’architettura di base.
In questo talk vediamo come la gestione delle dipendenze, che era comunque possibile in Magento 1, sia stata notevolmente migliorata in Magento 2 e quali vantaggi saranno portati a tutta la community grazie a questi miglioramenti.
This presentation slides is for SG GTUG 4th meetup on 17 April 2010.
In this presentation, I shared my personal experience in using AppEngine (Java) for my mobile application developments. I used SG 4D, one of my most popular Singapore app, as an example.
Topics covered including datamining, cron jobs, JDO, Restlet and Gson.
Max Voloshin - "Organization of frontend development for products with micros...IT Event
While our product was growing our team came to need to implement microservices. Later it became obvious that our approaches on organization of frontend development should be rethought and significantly improved.
The report contains our team's solutions for simple and comfortable frontend product development with microservices. Also, this talk is about how we along with the way updated frontend framework, separated frontend and backend, solved internalization problem and started using Docker for front end tasks.
You should Know, What are the Common mistakes a node js developer makes?Surendra kumar
Do you know What are the common mistakes a node js developer makes?
If not, let’s discuss 4 types of mistakes you should know about while working with node JS.
https://goo.gl/CPywbe
In the past, WordPress is just used as a blogging platform but, it has become the top CMS which is used by millions of websites. Hence the number of developers and designers are also increasing. Here the developers will find useful tools which can be helpful for them.
Angular js - 10 reasons to choose angularjs Nir Kaufman
A presentation made for the AngularJS-ILl that took place in july 2014 at Google TLV Campus (http://www.meetup.com/AngularJS-IL/events/189970902/)
its an overview angularjs features from an architact perspective.
this slideshow contain a link for reference code.
Organisation of professional JavaScript ProjectsInvolved IT
JavaScript Technologie is er wel klaar voor maar hoe verzekert u zich ervan dat u in dit nieuwe bos de bomen nog blijft zien? Een berg code is immers geen applicatie.
Bent u er wel zeker van dat de applicatie die u hebt laten bouwen ook door iemand anders dan de ingehuurde developer gewijzigd kan worden?
Applicaties bouwen is geen kunst, het is een herhaalbaar proces waar structuur en organisatie van cruciaal belang zijn. JavaScript wordt door velen gepercipieerd als chaos waar alles mag en waarin slimme cowboys zich formidabel thuis voelen.
Een professioneel JavaScript project organiseren vraagt structuur en discipline van jouw team. Ze worden geconfronteerd met unieke uitdagingen en hebben nood aan specifieke processen en technieken.
Ontdek in deze presentatie hoe u het ontwikkelingsproces kan structuren en welke omkadering uw team nodig heeft voor het aangaan van professionele JavaScript projecten.
Discover ways you can use Microsoft technologies to bring your hack to life. Ranging from out cloud services to API's, Microsoft has your hack covered.
Refactoring code in .net - Các kĩ thuật Refactoring code trong .NET. Đây là một kỹ thuật không thể thiếu nếu các bạn muốn các dòng code của mình ngày một trong sáng, dễ hiểu hơn, clean hơn. Đặc biệt đây là một kỹ thuật không thể thiếu nếu bạn muốn áp dụng Agile/Extreme Programming với Unit Test.
http://tungnt.net/meetup-ve-cac-ky-thuat-refactoring-code-trong-net/
Top Web Development Frameworks Comparison: All You Need To KnowPixel Crayons
Each web development framework has its own pros and cons. It depends upon the businesses which framework they want to use. However, before coming to any conclusion, it is always suggested to analyze your business goals, target user-base, and budget. The best web development framework should be selected based on your needs and requirements.
Manuele Menozzi - Gestione delle dipendenze con Composer in Magento 2Meet Magento Italy
Una delle caratteristiche più importanti introdotte da Magento 2 è sicuramente la presenza nativa di un sistema di gestione delle dipendenze e del fatto che questo è stato completamente integrato nell’architettura di base.
In questo talk vediamo come la gestione delle dipendenze, che era comunque possibile in Magento 1, sia stata notevolmente migliorata in Magento 2 e quali vantaggi saranno portati a tutta la community grazie a questi miglioramenti.
This presentation slides is for SG GTUG 4th meetup on 17 April 2010.
In this presentation, I shared my personal experience in using AppEngine (Java) for my mobile application developments. I used SG 4D, one of my most popular Singapore app, as an example.
Topics covered including datamining, cron jobs, JDO, Restlet and Gson.
Max Voloshin - "Organization of frontend development for products with micros...IT Event
While our product was growing our team came to need to implement microservices. Later it became obvious that our approaches on organization of frontend development should be rethought and significantly improved.
The report contains our team's solutions for simple and comfortable frontend product development with microservices. Also, this talk is about how we along with the way updated frontend framework, separated frontend and backend, solved internalization problem and started using Docker for front end tasks.
JSFest 2019: Technology agnostic microservices at SPA frontendVlad Fedosov
We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.
We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.
Joomla architecture - what happened behind the scenes.
Did you always wanted to know what happened behind the scenes of Joomla code? Come and find what triggered down to up with real life scenarios, like MVC architecture, Plugin design pattern, how getDBO bring me the database instance and much more.
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"
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...Matt Raible
JavaScript MVC Frameworks are all the rage these days. They’ve taken the web development world by storm. This session explores the various features of the three hottest JavaScript MVC frameworks: AngularJS, Ember.js and React.js. It also compares client-side templating vs. server-side templating and how well each framework supports Isomorphic JavaScript (code that can run both client-side and server-side). Finally, it ranks each framework on 10 different criteria using Yevgeniy Brikman’s framework scorecard.
Video on InfoQ: https://www.infoq.com/presentations/comparing-angular-ember-react
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.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
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.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
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/
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
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.
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.
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.
5. How SPA works for user?
1. User opens http://blog.ru/index.html#/articles/1
2. Emtpy index.html loading with links on JS
3. User loads an App (all JavaScript code)
4. Router starting - here we know about #/articles/1
5. Models starting and downloads JSON’s
6. Views starting and renders templates
7. PROFIT! User see the content
6. How SPA works for Google bot?
1. Bot opens http://blog.ru/index.html#/articles/1
2. Emtpy index.html loading with links on JS
8. What does Google advice?
1. Bot see URL .../index.html#!/articles/1
2. Bot knows it’s AJAX site, and does not use this URL.
It uses .../index.html?_escaped_fragment_=/articles/1
3. We handle this on server, and send rendered HTML
4. Bot associates this page with original URL
5. PROFFIT!
9. But if we have no hashbang?
1. Bot downloads page .../index.html
2. Bot sees <meta name="fragment" content="!">
3. Bot downloads .../index.html?_escaped_fragment_=
4. Server rendering
11. 1. Write all on server framework
As webapps used to be written years ago.
12. 2. Write content parts on server
framework (like Twitter)
+ Native solution
- Rewrite a lot
+ User gets content fast
- Duplicate code
- Complexity grows
- Only main content indexed
- No longer a frontend app
13. 3. Run in browser and save HTML
+ Not a lot of work
+ Architecture independed
+ Bot gets the same page
- Slow and hard for server
15. How does this work?
1. Bot request .../index.html?_escaped_fragment_=/page
2. We filter this request to another route
3. We run headless browser with original URL
4. Let all requests be finished
5. Get final HTML from headless browser
6. Remove <scripts> from HTML
7. Response to Google bot
8. PROFIT!
16.
17.
18. What can be improved?
1. Rendering delay
a. Make on CRON and save on disk
b. Cache with nginx or Varnish
2. Loading detection
a. Wait for all requests
b. Flag on body
c. App event, handled on Node.js side
20. Benefits
1. Both server & client written in one language - JS
2. You can reuse generic code on server & clients
3. Server-side rendering for SEO & performance?
4. Simply create two-way API’s
22. 1. SEO from the box
2. Huge localization abilities
3. Device adaptiveness abilities
4. Production-ready
5. Based on YUI
23. 1. Almost Backbone
2. Very light and flexible
3. SEO from the box
4. Its framework, not a plug-in library
5. Too simple for huge apps
24. Meteor.js
1. Access to data from everywhere
2. 2-way API with Latency Compensation
3. Simple dive-in
4. Biggest community
5. Own packages instead of NPM
6. SEO through phantom.js
25. Atma.js
1. SEO from the box
2. Component ideology
3. Complex solution - lot of tools
4. No community yet
5. No documentation yet
26. Derby.js
1. SEO from the box
2. User gets HTML at very start
3. 2-way API and Realtime Collaboration
4. Most “smart”
5. Built on other open-source components
6. Hard to dive-in
7. Deps Redis & MongoDB