The web of today would not be the same if Mozilla hadn't fought up against the web monoculture on the Desktop in the 90s. The same challenge of users getting locked in to a certain environment to be able to go online happens now on the mobile market. In this talk I will show the history of Mozilla and what happens right now to free the mobile web from lock-in. The web is out there for everybody and should not be dependent on expensive devices. In this talk you'll hear about Mozilla's efforts to teach people the benefits of the web, learn how to help us by testing Firefox on Android and get introduced to Firefox OS, the first fully open operating system for mobile devices with apps based on web standards.
This presentation compares Flex versus HTML 5 in terms of features that compose a typical RIA (rich internet application).
This talk given at Ignite Sydney 2009, where every talk was 20 slides, 5 minutes, 15 seconds each slide. These slides have been annotated with the narration from the talk. Check Youtube soon for the actual video.
Relevant links are in this blog post:
http://tr.im/html5flex
An old presentation, which I used to introduce Rich Internet Applications and Adobe Flex to my friends.
Around 2 yrs old but good to serve the purpose.
An overview of the changes in Adobe Flex 4. Includes a description of component architecture methods and updates to the Flex 4 feature set and component life-cycle.
This presentation compares Flex versus HTML 5 in terms of features that compose a typical RIA (rich internet application).
This talk given at Ignite Sydney 2009, where every talk was 20 slides, 5 minutes, 15 seconds each slide. These slides have been annotated with the narration from the talk. Check Youtube soon for the actual video.
Relevant links are in this blog post:
http://tr.im/html5flex
An old presentation, which I used to introduce Rich Internet Applications and Adobe Flex to my friends.
Around 2 yrs old but good to serve the purpose.
An overview of the changes in Adobe Flex 4. Includes a description of component architecture methods and updates to the Flex 4 feature set and component life-cycle.
Better Drupal Interaction Design with FlexChris Charlton
I show how to think in terms of using Flex with Drupal for an RIA (Rich Internet Application). Flex can be used for pages but the technology lends itself better with an all encompassing interface and design that is your entire website or web application. Think outside of HTML & CSS!
Understanding the Windows Desktop App Development Landscape + Top 10 WPF Po...MSDEVMTL
Groupe .NET/ASP.NET
Mardi 23 février 2016
Conférencier: Brian Noyes, Washington USA
Sujet #1: Understanding the Windows Desktop App Development Landscape
It's 2016. You've survived the UI technology uncertainties of the post-apocalyptic Silverlight and Windows 8 Store Apps era. You still have requirements to build desktop apps for Windows. Should you just use Windows Forms because you know it well and it has been stable for a decade? Should you use WPF because it is still the most powerful XAML variant out there? Should you jump on the Windows 10 Universal Windows Platform? Or should you give up the rich XAML and C#/VB world for the ever-expanding world of client JavaScript and Single Page Applications (SPAs)? In this session we will discuss all of these options, talk about the pros and cons of each and while there is no "one size fits all", we will try to arm you with the knowledge to make the right choice for your current and emerging client application requirements.
Sujet #2: Top 10 WPF Power Features
WPF is still the right technology for building many client applications today. You may be brand new to the platform, or you may have been using it for a little while. But WPF is vast and there are many different ways to get the same things done, some more efficient than others. In this session, I'll walk you through the top 10 things I think every WPF developer should know and use, along with scenarios where those features make sense.
This presentation looks at what has changed in the Visual Studio world in regards to plugins and how they are created. It then covers the two heavy weights: CodeRush and Resharper and ends with some other plugins worth your attention.
Adobe is from Mars, Microsoft is from Uranus. A look at two competing web st...Eric Fickes
Here is the powerpoint for the mega session given by Jun Heider and Eric Fickes at 360Flex 2010 at eBay Headquarters in San Jose, CA.
This talk was a technical comparison of the latest production offerings from Adobe and Microsoft in the Rich Internet Application space. Eric and Jun built a web based video player application using Adobe Flex, and Microsoft's Silveright. Then to add life, backend data services where created using Adobe's Coldfusion 9, and Microsoft's WCF, part of the .NET Framework.
----------------------------------------------------------------
presentation resource download page :
http://www.iheartair.com/?page_id=604
----------------------------------------------------------------
200 - Jun Heider - Adobe is from Mars,
Microsoft is from Uranus: A View from
the Client
200 - Eric Fickes - Adobe is from Mars,
Microsoft is from Uranus: A View from
the Server
Better Drupal Interaction Design with FlexChris Charlton
I show how to think in terms of using Flex with Drupal for an RIA (Rich Internet Application). Flex can be used for pages but the technology lends itself better with an all encompassing interface and design that is your entire website or web application. Think outside of HTML & CSS!
Understanding the Windows Desktop App Development Landscape + Top 10 WPF Po...MSDEVMTL
Groupe .NET/ASP.NET
Mardi 23 février 2016
Conférencier: Brian Noyes, Washington USA
Sujet #1: Understanding the Windows Desktop App Development Landscape
It's 2016. You've survived the UI technology uncertainties of the post-apocalyptic Silverlight and Windows 8 Store Apps era. You still have requirements to build desktop apps for Windows. Should you just use Windows Forms because you know it well and it has been stable for a decade? Should you use WPF because it is still the most powerful XAML variant out there? Should you jump on the Windows 10 Universal Windows Platform? Or should you give up the rich XAML and C#/VB world for the ever-expanding world of client JavaScript and Single Page Applications (SPAs)? In this session we will discuss all of these options, talk about the pros and cons of each and while there is no "one size fits all", we will try to arm you with the knowledge to make the right choice for your current and emerging client application requirements.
Sujet #2: Top 10 WPF Power Features
WPF is still the right technology for building many client applications today. You may be brand new to the platform, or you may have been using it for a little while. But WPF is vast and there are many different ways to get the same things done, some more efficient than others. In this session, I'll walk you through the top 10 things I think every WPF developer should know and use, along with scenarios where those features make sense.
This presentation looks at what has changed in the Visual Studio world in regards to plugins and how they are created. It then covers the two heavy weights: CodeRush and Resharper and ends with some other plugins worth your attention.
Adobe is from Mars, Microsoft is from Uranus. A look at two competing web st...Eric Fickes
Here is the powerpoint for the mega session given by Jun Heider and Eric Fickes at 360Flex 2010 at eBay Headquarters in San Jose, CA.
This talk was a technical comparison of the latest production offerings from Adobe and Microsoft in the Rich Internet Application space. Eric and Jun built a web based video player application using Adobe Flex, and Microsoft's Silveright. Then to add life, backend data services where created using Adobe's Coldfusion 9, and Microsoft's WCF, part of the .NET Framework.
----------------------------------------------------------------
presentation resource download page :
http://www.iheartair.com/?page_id=604
----------------------------------------------------------------
200 - Jun Heider - Adobe is from Mars,
Microsoft is from Uranus: A View from
the Client
200 - Eric Fickes - Adobe is from Mars,
Microsoft is from Uranus: A View from
the Server
Mozilla: Under the Hood
The browser has in many ways become a mini-operating system, attempting to harness all the internet’s power and complexity while making it simple enough so that anyone with minimal computer skills can visit websites and communicate with people all over the world. The technical challenges of developing and testing software in this kind of environment are immense, given the rapid changes going on in the internet space and the fact that the browser is called upon to parse as many as 1 trillion pages full of dynamic content. As time has gone on, many websites have gone from looking like static pages to resembling applications, which presents it own set of difficulties. Given these challenges, how does Mozilla ensure high quality and usability of every browser release? I will explore Mozilla under the hood and illuminate how Mozilla works to meet these challenges by introducing some of the tools that Mozilla uses to test its products. I will also demonstrate how Mozilla leverages help from the community as well as gives back to the community as part of the open development process.
First Presentation I give in Mozilla Events to introduce Mozilla, Arabic Mozilla Community, Mozilla Pojects and Technologies. Objectives of this Presentation: to know that Mozilla is not a Company, and Firefox is not just a Browser
1hr speech target for college students. Followed with 2hr lab with FxOSBMI http://bit.ly/ZppWEA as example and webapplate http://bit.ly/13sLd5j as basic template.
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.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
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.
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.
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.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
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/
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
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
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.
4. introduction
• What is Community ?Mozilla
Myanmar Community
• What has Mozilla done?
• What do we do now?
• A new challenge
• Firefox for developers
• Firefox OS / Apps for the web
Photo by the McClouds
http://www.flickr.com/photos/mjparnell/435465575/
30. GONK
The low level OS
GECKO
The application runtime
for B2G
of B2G
GAIA
The user interface
of B2G
Photo by Alesa Dam
http://www.flickr.com/photos/alesadam/3869366195/
33. HOW TO PLAY WITH FIREFOX OS...
• Run GAIA in Firefox Nightly (simplest way)
• Use a desktop simulator (OSX / Linux)
• https://github.com/download/sihorton/b2g-desktop-profile-inst
• Build your own device (very hard indeed)
https://wiki.mozilla.org/Gaia/Hacking
34. WEB APPS ON THE PHONE
https://marketplace.mozilla.org/
37. WHAT CAN YOU DO?
Code Use Feedback
Write apps, Use Marketplace, Give your input on APIs,
contribute to Gaia, Use the Web API, request features, test
contribute to B2G Use B2G and log bugs
Photo by William Quiviger
http://www.flickr.com/photos/28959625@N04/6120450372/
38. WHERE TO FIND MORE INFO
Follow @Boot2Gecko and @mozhacks on Twitter
Join platform mailing list:
http://groups.google.com/group/mozilla.dev.platform
Join in on IRC: irc.mozilla.org channel #B2G
B2G Repo: https://github.com/mozilla-b2g/B2G
B2G Architecture: https://wiki.mozilla.org/B2G/Architecture
Gaia Repo: https://github.com/mozilla-b2g/gaia
Developer Docs: https://developer.mozilla.org/en/Mozilla/Boot_to_Gecko
Web API Docs: https://wiki.mozilla.org/WebAPI
39. Invitation
• The Mozilla project uses a community-based approach to
create world-class open source software and to develop new
types of collaborative activities.
• We create communities of people involved in making the
Internet experience better for all of us.
• http://mozillamyanmar.org
40. THANKS!
Chit Thiri Maung
Follow me on Twitter @ahkeno
contact me ahkeno@gmail.com
http://mozillamyanmar.org
Follow us on twitter @mozillamyanmar
Contact us mozillamm@gmail.com
Editor's Notes
I'm Chit(ahkeno) work as Web Developer and contribution at Mozilla Myanmar http://www.mozillamyanmar.org . Being contribute as MozReps since 2011 June and attend Mozcamp Asia 2011 at KL. Twiiter: https://twitter.com/ahkeno
Localization of Firefox Aurora Go to http://a.maimult.ro/lmo/projects.php?l=my-MM&f=0 Create account >Persona or username,pwd Start localized, Save or
Working as Web Developer I used Web entire my daily time.Web Browser and web technology are my career. Start using internet web browsing with Firefox since 2008. That was hardable time to use internet at Myanmar. Slow connection and cost money. I was suvrive using Firefox and opensource technology. These days,we don't need to tell people that is Browser,Open Source.But I come here to spread the words for Mozilla beyound the Firefox and how Mozilla keep saving our privacy, what we can do beyound the browsing
Before Mozilla the web was more or less in the hand of Microsoft and Internet Explorer was needed to access it.
The release of the open-source browser Mozilla Firefox paved the way for many exciting new browser innovations. It also ensured that the internet became a thing outside of offices and companies. Without Mozilla, I am sure we would not have things like Wikipedia, and social networks. The web would have stayed a corporate tool.
Many people think Mozilla is Firefox - a browser company. However, we are more - we are a not for profit for the web. So to say the red cross of the web. One of the things we fight for is to keep the web open for everybody.
Firefox is now available on Android mobiles, and gives you the same benefits it gives you on the desktop: great web standard support, you own your data and it is open.
Download Firefox for android at Google Play. But here we can’t access Google play. So don’t worry ! Go to the mozilla Myanmar community web and click Firefox for android .apk file directly from FTP. Have fun!
And that means not only consuming the web - but also being a maker of it. At https://webmaker.org/en-US/ we have a program that helps people understand the very basics of the web and writing on it.
https://thimble.webmaker.org/ Thimble for example allows people to learn HTML in an interactive, playful way.
Developing on phones is annoying and hard to do - you need to write code and then get it onto the phone and reload and see what worked. This is why Firefox has now in-built developer tools to make that much easier.
One very useful feature of the Firefox developer tools is the Responsive design view (currently in Nightly) Download latest Nightly and install it! You can see the web developer too under the Tools Menu.
Using this, you can see a web page in different formats without having to resize the browser window itself. You have a few presets and you can easily switch from portrait to landscape.
Remote debugging in Firefox allows you to debug what is happening on your phone on your desktop machine. That way you can easily test things on the mobile and you can still use the familiar development environment of your browser. Set up your Firefox for Android For this to work, you need to use Firefox 15 on your Android device as well, and you can get that by downloading Firefox Beta from the Google Play store. Now, fire up Firefox Beta on your phone. As on Desktop, you’ll need to go to about:config to change settings. Search for “ debugger ” and toggle devtools.debugger.force-local to false toggle devtools.debugger.remote-enabled to true To get the remote debugging server started, you’ll need to restart Firefox . Tap the home button to exit Firefox. On a Galaxy Nexus running Jelly Bean you can force Firefox to restart by opening the task switcher and sliding the Firefox Beta task off to the right. Extra note: if you’re uncomfortable with the idea of having your Firefox listening for connections on the network, you can leave force-local set to true and follow Mark Finkle’s instructions for getting remote debugging running over USB. Find your IP address Before we’ll be able to connect to the device, we need to know its IP address. To find the address of your phone: open the Settings app tap Wifi tap the network that you are currently connected to The display you’re presented with will include your IP address. Make the connection You’re now all set for remote debugging! On your mobile device, browse to a page that you want to debug. Fire up the Remote Debugger on your desktop Firefox. The Remote Debugger appears as a new window and it will prompt you for the address to connect to. Replace “localhost” with the IP address of your phone. By default, the remote debugging server on your mobile device will be running on port 6000, so leave the “:6000″ there in the connection address. You should see a dialog on your phone warning you about a new incoming connection. You should only accept connections that you start as otherwise someone might be trying to hijack your browser. In this case, we’ve started the connection, so go ahead and allow it. Once you’ve connected successfully, you’ll be able to inspect the scripts loaded in the page, set breakpoints and so forth.
Mozilla did a great job of keeping the web on the desktop open - with Firefox. Nowadays, however, the desktop is becoming less important and people use mobile devices (laptops, tablets, phones) to go online. This brings new challenges.
When smartphones came out all the providers advocated for HTML5 as the platform. The web was meant to come to phones.
Mozilla took it on to make this a thing of the past. At http://arewemobileyet.com you can see the status of the work. We are defining and implementing different APIs to access different parts of the hardware. The green spots are the ones that are done and live in the browser. The red ones are still in work. This page is linked to the bugzilla of Mozilla and updates whenever we implement a new feature.
These phones are based on Firefox OS - the first truly open web-technology based operating system for mobile devices. Building a complete, standalone operating system for the open web. The web is the platform; making apps First Class Citizens. The framework for the Open Web Device platform was introduced at the Mobile World Congress last Feb 2012 in Barcelona, Spain.
B2G is mainly two separate things; Gecko and Gaia. The Gecko side is the hardware-related stuff and JavaScript APIs that we need to make the phone work. The Gecko side is pretty much everything that you don’t see.
The Firefox OS has three parts: Gonk, the Linux layer that also powers Android and gives access to the hardware, Gecko which is the rendering engine of Firefox and Gaia which is the interface of the operating system written in HTML, CSS and JavaScript. Gaia : The user interface of b2g. Everything drawn to screen after b2g starts up is some part of Gaia. Gaia implements a lock screen, home screen, telephone dialer, text-messaging application, camera app, ... and many more. Gaia is written entirely in HTML, CSS, and JavaScript. Its only interface to the underlying operating system is through Open Web APIs, which are implemented by Gecko. Gaia works well when run on top of b2g; however, since it only uses standard web APIs, it works on other OSes and in other web browsers (albeit with degraded functionality). Third-party applications can be installed alongside Gaia. Gecko : The "application runtime" of b2g. At a high level, Gecko implements the open standards for HTML, CSS, and JS and makes those interfaces run well on all the OSes that Gecko supports. This means that Gecko consists of, among other things, a networking stack, graphics stack, layout engine, virtual machine (for JS), and porting layers. Gonk : The lower-level "operating system" of b2g. Gonk consists of a linux kernel and userspace hardware abstraction layer (HAL). The kernel and several userspace libraries are common open-source projects: linux, libusb, bluez, etc. Some other parts of the HAL are shared with the android project: GPS, camera, among others. You could say that Gonk is an extremely simple linux distribution. Gonk is a porting target of Gecko; there is a port of Gecko to Gonk, just like there is a port of Gecko to OS X, and a port of Gecko to Android. Since the b2g project has full control over Gonk, we can expose interfaces to Gecko that aren't possible to expose on other OSes. For example, Gecko has direct access to the full telephony stack and display framebuffer on Gonk, but doesn't have this access on any other OS.
Gaia is the front-end operating system and application stack that hooks into the APIs that B2G provides. Gaia is basically everything that you can see and interact with. As it is a simple web page for the operating system you can style it any way you want to.
Developing on phones is annoying and hard to do - you need to write code and then get it onto the phone and reload and see what worked. This is why Firefox has now in-built developer tools to make that much easier.
How we get web apps? Here is the right answer https://marketplace.mozilla.org/ What is Market Place? Mozilla has launched an early version of an app store for web-based apps. It’s called Mozilla Marketplace, and it’s designed to be a place where you can find web-based software that you can install on a Windows, Mac, or Linux machine just as if you were installing a desktop app. Right now there are fewer than 200 apps available and you’ll need to install the latest Firefox 16 Nightly build in order to try the Marketplace.